Gifli Bir Menü Kodu ♥

Tekrardan merhabalar...

Bu dersimde size kendime ait bir gifli menüyü yapmayı öğreteceğim. Yapılması oldukça basit. Umarım beğenirsiniz... :)

Dediklerimi uyguladığınızda menünüz bunun gibi görünecek:

Gelelim kodlarımıza... İlk önce HTML Düzenle kısmından ]]></b:skin> kodumuzu bulup hemen üzerine aşağıdaki kodu kopyalayıp yapıştırıyoruz:

#menuv {
display : block;
border-bottom : 1px dotted #ff6fba;
background-repeat : no-repeat;
text-indent : 10px;
text-align: left;
line-height : 14px;
margin-bottom : 0px;
background : url('http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/99.gif') no-repeat left;
padding-left : 3px;}
#menuv:hover {
display : block;
text-align: left;
border-bottom : 1px dotted #9e9298;
background : url('http://i171.photobucket.com/albums/u300/ferny-dust/sozai/bullets/94.gif') no-repeat left;
padding-left : 3px;}

Özelleştirebileceğiniz yerler:

-İlk background : url (...) yazan yerde görünür bağlantı. İkincisinde üzerine geldiğimizde görünen.
-border-bottom : 1px dotted #ff6fba; kısmından boyutu, şeklini ve rengini değiştirebilirsiniz.

Son olarak da Gadget Ekle > HTML/Javascript diyerek aşağıda ki kodu ekliyoruz:

<a id="menuv" href="URLBURAYA" target="iframe"> İSİM</a>
<a id="menuv" href="URLBURAYA" target="iframe"> İSİM</a>
<a id="menuv" href="URLBURAYA" target="iframe"> İSİM</a>
<a id="menuv" href="URLBURAYA" target="iframe"> İSİM</a>

İşte bu kadar :3