Sebelumya kita sudah medonload file dari materialize dan sudah menginstallnya , kemudaian pada tutorialnya kali ini saya akan share menganti warna div dan mengenal grid sistem di materilize .
Sebelumnya kita akan mempelajari struktur dasar materializenya , di bawah ini adalah contoh struktur dasar materialize :
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>struktur dasar</title>
<link rel="stylesheet" type="text/css" href="assets/css/materialize.css">
<script type="text/javascript" src="assets/js/materilaize.js"></script>
<script type="text/javascript" src="assets/js/jquery.js"></script>
</head>
<body>
<div class="container">
<h1>Struktur Dasar Materialize</h1>
</div>
</body>
</html>
MEMBUAT WARNA
Disini saya akan memperkenalkan warna ata membuat div panel warna dengan materialize , di bawah ini adalah contoh dari membuat warna di materialize .
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>struktur dasar</title>
<link rel="stylesheet" type="text/css" href="assets/css/materialize.css">
<script type="text/javascript" src="assets/js/materilaize.js"></script>
<script type="text/javascript" src="assets/js/jquery.js"></script>
</head>
<body>
<div class="container">
<div class="card-panel blue lighten-2">Belajar Warna biru
</div>
</div>
</body>
</html>
di atas adalah script yang barusan saya share . di atas terdapat script :
<div class="container">keterangan :
<div class="card-panel blue lighten-2">Belajar Warna biru
</div>
</div>
- Container : digunakan untuk merapikan suatu element atau suatu page .
- Card-panel : digunakan untuk membuat kotak atau border box ,
- blue : digunakan untuk membuat warna dalam box .
- lighten-2 : digunakan untuk memberi efect puti transparant .
CONTOH WARNA-WARNA DI MATERIALIZE
Contoh - contoh warna terdapat pada website resminya dengan materialize nya terdapat pada
Di atas adalah contoh warna yang bisa di gunakan oleh materialize , jadi kita tidak perlu lagi mencari warna-warna
Kesimpulan :
Warna - Warna yang di sediakan oleh materialize cukup banyak dan kita tidak perlu mencari warna tersebut , dan di materilaize ini warna yang di sediakan cukup bagus dan kombinasi yang menarik ,
No comments:
Post a Comment