<html>
<kepala>
<meta http-equiv="Jenis Konten" content="teks/html; charset=gb2312">
<title>Efek khusus halaman web|http://www.downcodes.com/|---Menu tiga tingkat dibuat dengan CSS</title>
<gaya tipe="teks/css">
<!--
tubuh {
keluarga font: Arial, Helvetica, sans-serif;
ukuran font: 11px;
margin-kiri: 0px;
margin-atas: 0px;
margin-kanan: 0px;
margin-bawah: 0px;
}
#menu {
warna latar belakang: #FEF0E5;
filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#FFFFFF', endColorStr='#FEF0E5', gradienType='0');
}
#nav, #navul {
float:kiri; /* Posisi menu horizontal keseluruhan*/
jelas: benar;
gaya daftar: tidak ada;
/*line-height:22px; menu tingkat pertama tinggi*/
/*latar belakang: #eee; Pindahkan semua menu ke warna*/
/*berat font: tebal;8*/
bantalan:0 piksel;
margin:0 piksel;
/*batas:1px padat #ccc;
perbatasan-kanan: 0px;*/
}
#navulul{
/*batas:1px padat #ccc;*/
perbatasan-atas:0px;
perbatasan-kanan:0px;
}
#nav a {
lebar:120 piksel;
tampilan:blok;
warna:#333;
dekorasi teks: tidak ada;
perataan teks:kiri;
/*batas kanan:1px solid #CCC;*/
bantalan: 3px 4px 3px 7px;
}
#nav a: arahkan kursor{
warna:#000;
batas:1px padat #CCC;
margin: 0 piksel;
bantalan: 3px 5px 3px 6px;
warna latar belakang: #f1f1f1;
dekorasi teks: tidak ada;
} /* Semua gaya font a:hover*/
#nav a.selected{background:url(flyout_arrow.gif) tidak ada pengulangan ke kanan 50%;} /* ikon drop-down*/
#navli {
mengapung: tidak ada;
jelas: benar;
tinggi:22 piksel;
lebar:120 piksel;
}
#nav li ul li{
mengapung: tidak ada;
jelas: benar;
tinggi:22 piksel;
lebar:120 piksel;
}
#nav li ul { /* Bagian pop-up sekunder*/
posisi:mutlak;
margin:-22 piksel 0 piksel 0 piksel 119 piksel;
bantalan:0;
kiri:-9999em;
lebar:120 piksel;
berat font:normal;
tampilan:blok;
batas:1px padat #CCCCCC;
latar belakang:#fff;
}
/* Lebar menu sekunder*/
#nav li ul a {
lebar:120px; /* Lebar menu sekunder*/
/*line-height:24px; Tinggi menu sekunder
batas:1 piksel padat #CCC;*/
tinggi:22 piksel;
perataan teks:kiri;
margin: 0 piksel;
}
#nav li ul ul {
margin:-22 piksel 0 piksel 0 piksel 120 piksel;
batas:1px padat #CCC;
} /* Bagian pop-up level 3*/
#nav li:arahkan ul ul,#nav li.sfhover ul ul{kiri:-9999em;}
#nav li:hover ul,#nav li li:hover ul,#nav li.sfhover ul, #nav li li.sfhover ul{
kiri:otomatis;
tinggi:22 piksel;
} /* Margin kiri otomatis untuk semua menu pop-up */
#nav li:hover, #nav li.sfhover {
latar belakang:#f1f1f1;
tinggi:22 piksel;
}
/* Semua gaya suspensi */
-->
</gaya>
<script type="text/javascript"><!--//--><![CDATA[//><!--
img1=Gambar baru();
img1.src="flyout_arrow.gif";
sfHover = fungsi() {
var sfEls = document.getElementById("nav").getElementsByTagName("LI");
for (var i=0; i<sfEls.length; i++) {
sfEls[i].onmouseover=fungsi() {
ini.className+=" sfhover";
}
sfEls[i].onmouseout=fungsi() {
this.className=ini.className.replace(RegExp baru(" sfhover\b"), "");
}
}
}
window.onload=sfHover;
//--><!]]></skrip>
</head>
<body>
<tabel lebar="120" border="0" Cellspacing="0" cellpadding="0" >
<tr>
<td valign="atas" id="menu">
<ul id="nav">
<li> <a href=" http://homepage.yesky.com " target="_blank">
<span style="font-size: 9pt">Beranda</span></a></li>
<li> <a href=" http://www.downcodes.com/ " target="_blank" class="dipilih">
<span style="font-size: 9pt">Kerja sama permintaan proyek</span></a><span style="font-size: 9pt">
</span>
<ul>
<li > <a href=" http://www.downcodes.com/ " class="selected"> <span style="font-size: 9pt">Proyek situs web
</span> </a>
<ul>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Proyek situs web</span> </a>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Proyek situs keseluruhan</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Analisis dan perencanaan situs web</span></a></li>
<li> <a href=" http://www.downcodes.com/ " target="_blank">
<span style="font-size: 9pt">Desain dan produksi web</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Produksi dan pengembangan situs web</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Animasi flash situs web</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Server web</span></a></li>
</ul>
</li>
<li > <a href=" http://www.downcodes.com/ " class="selected"> <span style="font-size: 9pt">Desain dan produksi multimedia</span></a>< span style="ukuran font: 9pt">
</span>
<ul>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Proyek situs web</span> </a>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Desain grafis</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Desain gambar teknik CAD</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Pemodelan dan animasi 3D</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Animasi game flash</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Efek suara dan musik</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Pengaturan lukisan asli game</span></a></li>
</ul>
</li>
<li > <a href=" http://www.downcodes.com/ " class="selected"> <span style="font-size: 9pt">Pengembangan Perangkat Lunak</span></a><span style ="ukuran font: 9pt">
</span>
<ul>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Perangkat lunak aplikasi</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Pengembangan Game</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Pengemudi</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Pengembangan tertanam</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Pengembangan seluler</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">MCU</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Desain basis data</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Porting kode</span></a></li>
</ul>
</li>
<li> <a href=" http://www.downcodes.com/"><span style="font-size: 9pt">Perangkat Keras Jaringan</span></a></li>
</ul>
</li>
<li> <a href=" http://www.downcodes.com/ " target="_blank" class="dipilih">
<span style="font-size: 9pt">Informasi dan Pengetahuan</span></a><span style="font-size: 9pt">
</span>
<ul>
<li> <a class="selected" href=" http://www.downcodes.com/"><span style="font-size: 9pt">Informasi dan Pengetahuan</span></a><span style="ukuran font: 9pt">
</span>
<ul>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Informasi dan alat praktis</span> </a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Berita</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Pengetahuan dan Keterampilan</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Produksi dan apresiasi desain</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Diskusi pengalaman transaksi proyek</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Unduh</span></a></li>
</ul>
</li>
</ul>
</li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Apresiasi atas karya luar biasa</span></a></li>
<li> <a href=" http://www.downcodes.com/ " target="_blank">
<span style="font-size: 9pt">Perekrutan</span></a></li>
<li> <a href=" http://www.downcodes.com/ ">
<span style="font-size: 9pt">Tentang situs ini</span></a></li>
</ul>
</td>
</tr>
</tabel>
</tubuh>
</html>