Kamis, 05 Agustus 2010

Bloggers de Buffalo State

Beben sang bloglang tidak bisa berkata apa-apa lagi nih sob :-bd Dari sekian para tutorial blog yg sudah pensiun, ternyata masih ada yang aktif [-O< Keuletannya, rajin, kreatif, pintar dan tetek bengek lainnya patut kita berikan kepada sobat blogger kita ini (*) Tidak tahan lihat tutorial-tutorialnya, mantap booo...:-bd Yang sobat perlukan tinggal satu saja dalam mengambil ilmu yg sudah dia berikan ini :D Translate dari bahasa spanyol ke bahasa masing-masing =)) Inilah si bloglang yg melanglang buana kesana kemari sampe menclok ke negara matador :)) Baca-baca artikelnya sampe :-j ngabisin ~O) dan tentunya rokok ;)) Satu kata dah buat sobat blogger kita ini sob...GAYA Introduce...
Loseasi
Nos vemos de nuevo con la bloglang ... bye bye :)) :-h

Kalau Beben sih tertarik dengan menu fixed yg ada disana sob ;)) Yang bergambar icon RSS di pojok kanan atas itu tuh :p Kalau mau kayak beginih inih ramuannya...

Kode CSS

/* VkuMenu */
#nav a:link{color:#999999}
#nav a:visited{color:#FFFFB3}
#nav a:hover{
color:#fff;
text-decoration:none;
}
#nav a:focus{
color:#fff;
text-decoration:none;
}
#nav a:hover{
color:#fff;
text-decoration:none;
font-size:100%;//font-size:95%
}
#nav ul a:hover{
background:#555555;
text-decoration:none;
}
#nav a{text-decoration:none;
display:block;
padding:2px 10px;
background:#000;
-moz-border-radius:7px;
-webkit-border-radius:7px; margin:0;
color:#777;
font-size:100%;//font-size:95%;
}
#nav li li a{text-align:left}
#nav ul{
-moz-border-radius:8px;
-webkit-border-radius:8px; right:0; border:1px solid #000; background:#000;
}
#nav, #nav ul{
padding:5px;
list-style:none;
line-height:25px;
}
#nav li{
display:block;
list-style:none;
position:relative; //width: 100%;
}
#nav{
display:block;
position:fixed;
list-style:none;
z-index:5;
top:100px; //jarak tombol dari atas layar monitor;
right:-10px;
text-align:left;
z-index:99999;
width:auto;
}
#nav li li{float:none}
#nav li li a{position:relative; float:none}
#nav li ul{
position:absolute;
margin-right:-500px;
width:129px;
}
#nav li:hover ul ul{margin-right:-500px}
#nav li:hover ul{
margin-right:5px; // margin-right:10px; margin-top:0; //margin-top:0px;
}
#nav li li:hover ul{margin-right:80px}
/* END VkuMenu */

Kode HTML

<div id='nav'>
<li><a href='#'><img alt='' border='0' src='http://link-gambar-resolusi-30x30.png' title=''/></a>
<ul>
<li><a href='http://your-link.com' title=''>Your Title</a></li>
<li><a href='http://your-link.com' title=''>Your Title2</a></li>
<li><a href='http://your-link.com' title=''>Your Title3</a></li>
<li><a href='http://your-link.com' title=''>Your Title4</a></li>
<li><a href='http://lyour-link.com' title=''>Your Title5</a></li>
</ul>
</li>
</div>

Save.

Tidak ada komentar:

Posting Komentar