Metro UI Css | bootstrap Metro UI

Metro UI Css . Metro ui adalah salah satu framework css yang kini sedang naik daun, css ini sendiri kini naik daun karena css mereka digunakan dalam windows 8, ini membuat metro semakin populer , apalagi uinya yang menarik , elegan dan responsive membuat banyak orang ingin belajar menggunakan css ini.kini saya akan sharing tentang cara menggunakan metro ui css ini, cekidot

1. download Metro ui

2. setelah download lalu ekstrak, buka folder tsb , dan rename folder yang ada didalamnya menjadi metro.

3. lalu copy ke xampp/htdocs/disini…

4. lalu sekarang buat folder baru , rename folder tersebut , bebas anda ingin menamai apa, saya disini merename menjadi belajar

5. lalu buat folder css di dalam folder belajar, lalu copy metro kedalam folder css

6. open folder tersebut di editor

7. lalu buat index.php

Metro UI Css

8. ketik di dalam index seperti gambar di bawah

metro css

metro ui css

metro css

metro ui css

note : ada hal yang wajib di perlukan untuk memanggil metro css, yaitu

<link rel=”stylesheet” type=”text/css” href=”metro/css/metro-bootstrap-responsive.css”>
<link rel=”stylesheet” type=”text/css” href=”metro/css/metro-bootstrap.css”>
<link rel=”stylesheet” type=”text/css” href=”metro/docs/css/iconFont.css”>
<script type=”text/javascript” src=”metro/docs/js/jquery/jquery.min.js”></script>
<script type=”text/javascript” src=”metro/docs/js/jquery/jquery.widget.min.js”></script>
<script type=”text/javascript” src=”metro/docs/js/metro.min.js”></script>

<body class=”metro”> ini adalah yang paling penting untuk memanggil metro ui css, anda bisa memanggil metro tidak hanya di dalam body, bisa juga <div class=”metro”> tapi memanggil class metro ini hanya boleh satu kali.

9. save dan coba buka localhost/belajar

10. lihat hasilnya, jika anda meniru saya , hasilnya akan seperti ini

metro css

metro css

 

jika anda masih penasaran dengan apa saja yang ada didalam metro, anda bisa buka localhost/metro/docs

disana ada semua fasilitas dari metro ui css itu sendiri, anda bisa mengulik web anda dengan berbagai style dari metro ui tersebut

sekian terima kasih

metro ui css

metro ui css

Incoming search terms:

  • script cara membuat metro ui

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>