Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj26.07.2011, 19:13 (UTC)    
Mesaj konusu: CSS TASARIMA MENÜ EKLEME

arkadaşlar teşekkür ederim bana tasarım yapmayı ve kodlamayı örettiniz tasarımımı yapıyorum nası menü eklicem ana sayfa bomboş sayfalar yok olmuş (:
Mesaj26.07.2011, 19:15 (UTC)    
Mesaj konusu:

Her css tasarım kullanıcısının mutlaka zorlandığı bir yer vardır... Açıkçası 1.30-2 ay öncesine kadar bende bu konuda oldukça zorlanıyordum.. Sonradan öğrendiğim bir kod sayesinde bu sorunu aştım.. Sorunum ise MENÜ idi..

Gelelim nasıl kendi menümüzü yapacağımıza... Aslında çok kolay.. Her şeyi kod düzenliyor zaten...


Kodları incele ve düzenle!!!

Kod:
<style type="text/css">
#linkhover ul {
margin: 0px;
padding: 0px;
list-style-type: none;
}
#linkhover ul li a {
background-color: #;
display: block;
height: auto;
width: 248px;
color: #fff;
text-decoration: none;
padding: 5px;
border: 1px solid #;
background-image: url(http://img.webme.com/pic/h/hayaldunyam-mert/yarisma1_1_menu_2.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}
#linkhover ul li a:hover {
background-color: #;
padding-left: 5px;
color: #FFF;
background-image: url(http://img.webme.com/pic/h/hayaldunyam-mert/yarisma1_1_menu_1.png);
background-repeat: no-repeat;
background-position: 0px 0px;
}
</style>
<div id="linkhover">
<ul>
    <li>
    <div style="text-align: center; "><a href="http://hayaldunyam-mert.tr.gg/">Ana Sayfa</a></div>
    </li>
    <li><a href="http://hayaldunyam-mert.tr.gg/yorumlar.htm">
    <div style="text-align: center; ">Z. Defteri</div>
    </a></li>
    <div style="text-align: center; ">
    <ul>
        <li><a href="http://hayaldunyam-mert.tr.gg/benkimim.htm">Hakkımda</a></li>
    </ul>
    </div>
</ul>
</div>


Kodda bulunan "http://img.webme.com/pic/h/hayaldunyam-mert/yarisma1_1_menu_2.png" ve "http://img.webme.com/pic/h/hayaldunyam-mert/yarisma1_1_menu_21.png" adlı resimler ( , ) menümüzün bir normal duruşunu, bir de üzerine gelince değişen duruşunu bizlere anlatıyor...

http://img.webme.com/pic/h/hayaldunyam-mert/yarisma1_1_menu_2.png < NORMAL DURUŞU
http://img.webme.com/pic/h/hayaldunyam-mert/yarisma1_1_menu_1.png < ÜZERİNE GELİNCE DEĞİŞEN RESİM


Bu resimleri kendimize göre düzenleyip menümüzü eklediğimizde artık bizim de kendimize ait bir menümüz olabilir..


NOT : Bu menü tamamen HAYALDUNYAM-MERT'e aittir... Burada kodlarını paylaştığım için sizlerde kullanabilirsiniz...


Forumdaki çok eski bir başlığım.. Umarım işinize yarar...
______________
Önceki mesajları göster:   


Powered by phpBB © 2001, 2005 phpBB Group
Türkçe Çeviri: phpBB Türkiye & Erdem Çorapçıoğlu