U Downloaders: Februari 2013

Minggu, 03 Februari 2013

KUMPULAN CSS MENU TAB


Sliding Menu

Slanted Divider Menu

Wire Frame Menu

Urban Round Colour Tabs

SEMOGA BERMANFAAT... & BERHASIL..OKEE

Petunjuk Install Untuk Matt Menu (CSS class: mattblackmenu)

Matt Menu hitam bersih CSS daftar menu yang tidak menggunakan gambar, dan sangat kecil di jejak. Tab Setiap melayang dibiarkan untuk mencapai tampilan nya.

Catatan: Secara default, semua file eksternal (.. Js, css, gambar dll) yang disebutkan di bawah harus disimpan dalam sub direktori "/ ddlevelsfiles" relatif terhadap halaman menu Anda

Langkah 1: Download tema spesifik css file:. Ddlevelsmenu-topbar.css untuk "/ ddlevelsfiles". Perubahan file ini tergantung pada tema yang dipilih.

Langkah 2: Masukkan kode berikut ke bagian <head> halaman Anda:

ddlevelsfiles/ddlevelsmenu.js (download)
ddlevelsfiles/ddlevelsmenu-base.css (download)
ddlevelsfiles/ddlevelsmenu-topbar.css (Downloaded above already. Theme specific file).
ddlevelsfiles/ddlevelsmenu-sidebar.css (download)

Langkah 3: Akhirnya, tambahkan kode HTML di bawah ini di mana Anda ingin menu untuk muncul di halaman Anda:

<div id="ddtopmenubar" class="mattblackmenu">
<ul>
<li><a href="http://www.dynamicdrive.com">Home</a></li>
<li><a href="http://www.dynamicdrive.com/new.htm" rel="ddsubmenu1">DHTML</a></li>
<li><a href="http://www.dynamicdrive.com/style/" rel="ddsubmenu2">CSS</a></li>
<li><a href="http://www.dynamicdrive.com/forums/">Forums</a></li>
<li><a href="http://tools.dynamicdrive.com/" rel="ddsubmenu3">Web Tools</a></li>
</ul>
</div>

<script type="text/javascript">
ddlevelsmenu.setup("ddtopmenubar", "topbar") //ddlevelsmenu.setup("mainmenuid", "topbar")
</script>







<ul id="ddsubmenu1" class="ddsubmenustyle">
<li><a href="#">Item 1a</a></li>
<li><a href="#">Item 2a</a></li>
<li><a href="#">Item Folder 3a</a>
<ul>
<li><a href="#">Sub Item 3.1a</a></li>
<li><a href="#">Sub Item 3.2a</a></li>
<li><a href="#">Sub Item 3.3a</a></li>
<li><a href="#">Sub Item 3.4a</a></li>
</ul>
</li>
<li><a href="#">Item 4a</a></li>
<li><a href="#">Item Folder 5a</a>
<ul>
<li><a href="#">Sub Item 5.1a</a></li>
<li><a href="#">Item Folder 5.2a</a>
    <ul>
    <li><a href="#">Sub Item 5.2.1a</a></li>
    <li><a href="#">Sub Item 5.2.2a</a></li>
    <li><a href="#">Sub Item 5.2.3a</a></li>
    <li><a href="#">Sub Item 5.2.4a</a></li>
    </ul>
</li>
    </ul>
</li>
<li><a href="#">Item 6a</a></li>
</ul>



<ul id="ddsubmenu2" class="ddsubmenustyle">
<li><a href="#">Item 1b</a></li>
<li><a href="#">Item 2b</a></li>
<li><a href="#">Item Folder 3b</a>
<ul>
<li><a href="#">Sub Item 3.1b</a></li>
<li><a href="#">Sub Item 3.2b</a></li>
<li><a href="#">Sub Item 3.3b</a></li>
<li><a href="#">Sub Item 3.4b</a></li>
</ul>
</li>
<li><a href="#">Item 4b</a></li>
<li><a href="#">Item Folder 5b</a>
<ul>
<li><a href="#">Sub Item 5.1b</a></li>
<li><a href="#">Item Folder 5.2b</a>
    <ul>
    <li><a href="#">Sub Item 5.2.1b</a></li>
    <li><a href="#">Sub Item 5.2.2b</a></li>
    <li><a href="#">Sub Item 5.2.3b</a></li>
    </ul>
</li>
    </ul>
</li>
<li><a href="#">Item 6b</a></li>
</ul>



<ul id="ddsubmenu3" class="ddsubmenustyle">
<li><a href="http://tools.dynamicdrive.com/imageoptimizer/">Image Optimizer</a></li>
<li><a href="http://tools.dynamicdrive.com/favicon/">FavIcon Generator</a></li>
<li><a href="http://www.dynamicdrive.com/emailriddler/">Email Riddler</a></li>
<li><a href="http://tools.dynamicdrive.com/password/">htaccess Password</a></li>
<li><a href="http://tools.dynamicdrive.com/userban/">htaccess Banning</a></li>
</ul>

Kode Langkah 3 di atas sedikit bervariasi tergantung pada tema yang telah Anda pilih. Secara khusus:

DIV utama itu nama kelas CSS perubahan sesuai.
Untuk tema tertentu, HTML untuk item menu atas berisi SPAN yang membungkus di sekitar setiap link menu (elemen A).

CSS Slanted Divider Menu

Kode di atas referensi 4 eksternal file dan gambar 2, yang Anda harus men-download di bawah ini. Secara default, mereka semua harus di-upload ke direktori sub "/ ddlevelsmenu" relatif terhadap halaman menu Anda:

     ddlevelsfiles / ddlevelsmenu.js (download)
     ddlevelsfiles / ddlevelsmenu-base.css (download)
     ddlevelsfiles / ddlevelsmenu-topbar.css (download file yang di atas sudah Tema. tertentu).
     ddlevelsfiles / ddlevelsmenu-sidebar.css (download)

Langkah 3: Akhirnya, tambahkan kode HTML di bawah ini di mana Anda ingin menu untuk muncul di halaman Anda:

CSS Wire Frame Menu

CSS Uber Round Colour Tabs

The code of Step 3 above varies slightly depending on the theme you've selected. Specifically:

The main DIV's CSS class name changes accordingly.
For certain themes, the HTML for the top menu items contains a SPAN that wraps around each menu link (A element).

CSS Glowing Tabs Menu

Jumat, 01 Februari 2013

CSS Solid Block Menu

CSS Indent Menu

Matt Menu hitam bersih CSS daftar menu yang tidak menggunakan gambar, dan sangat kecil di jejak. Tab Setiap melayang dibiarkan untuk mencapai tampilan nya.

Catatan: Secara default, semua file eksternal (.. Js, css, gambar dll) yang disebutkan di bawah harus disimpan dalam sub direktori "/ ddlevelsfiles" relatif terhadap halaman menu Anda

Langkah 1: Download tema spesifik css file:. Ddlevelsmenu-topbar.css untuk "/ ddlevelsfiles". Perubahan file ini tergantung pada tema yang dipilih.

Langkah 2: Masukkan kode berikut ke bagian <head> halaman Anda:

CSS Menu Shade

Petunjuk Install Untuk Matt Menu

     ddlevelsfiles / ddlevelsmenu.js (download)
     ddlevelsfiles / ddlevelsmenu-base.css (download)
     ddlevelsfiles / ddlevelsmenu-topbar.css (download file yang di atas sudah Tema. tertentu).
     ddlevelsfiles / ddlevelsmenu-sidebar.css (download)

Langkah 3: Akhirnya, tambahkan kode HTML di bawah ini di mana Anda ingin menu untuk muncul di halaman Anda:

Cari Blog Ini