Menu Efek Jendela Model Windows

Posted by : Stiker Jalingkut

--✽ ✽ ✽--ASSALAMU'ALAIKUM--✽ ✽ ✽--


Apakabar sobat semuah pada kesempatan kali ini kami mau berbagi sedikit tentang
Menu Efek Jendela Model Windows.


Mungkin sobat bosan dengan Postingan kami yang selalu Posting Tutorial
itupun Dapat Copy Paste xixixiixix...?


Menu Efek Jendela Model Windows ini sedikit berbeda pada menu yang sebelumnya karna ini mempunya sedikit kelebihan pada setiap Box nya sob.


Silakan sobat klik salah satu di bawah ini. di bagian Elmen yang di bawah mempunya Box sendiri-sendiri
jadi setiap Box mempunyai Efek tersendiri..



Silakn buat sobat yang mau pasang bisa Ambil langsung Kode-Kode di bawah
lalu sobat Kreasikan sendiri sesuka sobat


Yang perlu di perhatikan Bagian DIV yang di bawah karna di bagian DIV tersebut
yang akan mengatur Box-Box seperti demo yang di atas



<div class="column">
<button class="md-trigger" data-modal="modal-1">Tutorial</button>
<button class="md-trigger" data-modal="modal-2">Template</button>
<button class="md-trigger" data-modal="modal-3">Css</button>
<button class="md-trigger" data-modal="modal-4">javascript</button>
<button class="md-trigger" data-modal="modal-5">Trik Facebook</button>
<button class="md-trigger" data-modal="modal-6">Islamiyah</button>
<button class="md-trigger" data-modal="modal-7">Pusisi</button>
<button class="md-trigger" data-modal="modal-8">Cintaku</button>
<button class="md-trigger" data-modal="modal-9">Wisata</button>
<button class="md-trigger" data-modal="modal-10">Daftar Harga</button>
<button class="md-trigger" data-modal="modal-11">Puisi Cintaku</button>
<button class="md-trigger" data-modal="modal-12">Daftar Isi</button>
<button class="md-trigger" data-modal="modal-13">Sahabat</button>
<button class="md-trigger" data-modal="modal-14">Aplikasi</button>
<button class="md-trigger" data-modal="modal-15">Game</button>
<button class="md-trigger" data-modal="modal-16">Efek</button>
<!-- special modal that will add a perspective class to the html element -->
<button class="md-trigger md-setperspective" data-modal="modal-17">3D</button>
<button class="md-trigger md-setperspective" data-modal="modal-18">2D</button>
<button class="md-trigger md-setperspective" data-modal="modal-19">1D</button>
</div>
</div>
</div>
<div class="md-overlay"></div> 
 

Buat DIV pemasangaya silakan Ambil di bawah ini



<div class="md-modal md-effect-1" id="modal-1">
<div class="md-content">
<h3>Modal Dialog</h3>
<div>
<p>Kumpulan Menu Tutorial</p>
<ul>
<li><strong>Read:</strong><a href='#'>Template</a></li>
<li><strong>Look:</strong> <a href='#'>Css</a></li>
<li><strong>Close:</strong><a href='#'>Css3</a></li>
<li><strong>Read:</strong><a href='#'>Tutorial</a></li>
<li><strong>Look:</strong> <a href='#'>Trik Facebook</a></li>
<li><strong>Close:</strong><a href='#'>Wisata</a></li>
<li><strong>Read:</strong><a href='#'>Daftar Isi</a></li>
<li><strong>Look:</strong> <a href='#'>Menu Pilian</a></li>
<li><strong>Close:</strong><a href='#'>Menu Ramadan</a></li>
</ul>
<button class="md-close">Close me!</button>
</div>
</div>
</div>
<div class="md-overlay"></div> 
 

Buat javascript Silakan Ambil dibawah ini



<script src="http://selladrt.googlecode.com/files/Style%20Windowns%20tab.js"></script>
		<script src="http://selladrt.googlecode.com/files/Efek%20Windowns%20Style.js"></script> 
 

Sekian dulu Dari semoga bermanfaat buat sobat yang membutukannya Amin


{ 15 comentários... read them below or Comment }

1. Komentar SPAM Akan secepatnya dihapus
2. Pastikan untuk " Berlangganan Lewat Email "Atu FACEBOOK Selladrt"
3. Cek komentar masuk sebelum bertanya.
4. Link aktiv tidak akan berpungsi.
5. Bebas menyebarluaskan artikel tanpa persetujuan dari saya.
7. Bergabung dengan kami untuk menjadi member Klik " Join to Member "

Diberdayakan oleh Blogger.
►

- Copyright © 2025 TUTORIAL™ - Blogger Templates - Powered by Blogger - Designed by Sella -