Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj02.02.2011, 15:48 (UTC)    
Mesaj konusu: Kendi Menünü Hazırla !

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...

______________
Mesaj02.02.2011, 16:08 (UTC)    
Mesaj konusu:

Suan yapmaya calıstıgım tasarım uygulandı ama yan menulerı yapamadım Sad bı baksan tasarımıma bu tasarımda naısl yapıcam bunları :s
Mesaj02.02.2011, 16:09 (UTC)    
Mesaj konusu:

Senin tasarımın ICEBLUE tasarım değil mi?
______________
Mesaj02.02.2011, 16:10 (UTC)    
Mesaj konusu:

Şimdi farkettim.. Tasarımı çizerken menü isimlerini yazmayacaksın.. Sonra o menünün geleceği yere kodları ekleyeceksin...
______________
Mesaj02.02.2011, 16:12 (UTC)    
Mesaj konusu:

yapamıyorum ya :@ nereye ne kodu nasıl neye gore bıraz daha acıklayıcı olurmusun :S
Mesaj02.02.2011, 16:14 (UTC)    
Mesaj konusu:

Şimdi öncelikle tasrımını incelediğimde daha ilk başta ps'de iken kesmeyi yanlış yaptığını farkettim.. Onun haricinde tasarımı Dreamweaver'da kodlarken hani içerik bölümü için tablo oluşturuyorsun ya, işte öyle bir tablo oluşturacaksın menü bölümü diye ve kodları oraya ekleyeceksin...
______________
Mesaj02.02.2011, 16:15 (UTC)    
Mesaj konusu:

kodları gırdıgımde resımdekı gıbı olucak sanırım menuler ama ? benım tasarımım bozulmus olucak yanı ?
Mesaj02.02.2011, 16:17 (UTC)    
Mesaj konusu:

Zaten tasarımı yanlış bölmüşsünüz...
______________
Mesaj02.02.2011, 16:23 (UTC)    
Mesaj konusu:

neyse bayabı ugrastınız yardım etmek ıcın cok saolun yınede ugrasıcam bıraz başka işimizmi war snaki Wink
Mesaj02.02.2011, 16:23 (UTC)    
Mesaj konusu:

evet tasarım berbat olmuş
______________
Mesaj02.02.2011, 16:32 (UTC)    
Mesaj konusu:

bu yazıların taşmaması ıcın dreamweawerdan ayarlıyoruz ya hanı ? onu yapmasak bii kodla taşmasını engelleyebılıyomuyuz ?
Mesaj02.02.2011, 17:29 (UTC)    
Mesaj konusu:

evet buna cvp yokmu .s
Mesaj02.02.2011, 20:06 (UTC)    
Mesaj konusu:

sonunda kendı menuleırmı kendım ekledım ama sımdıde temayı bozdum nerde hata var bı son kez baksaanız bana kesmede war gıbı qeldı ?
Mesaj02.02.2011, 20:08 (UTC)    
Mesaj konusu:

Evet.. Özel mesajla anlatıyorum.. Very Happy
Mesaj06.02.2011, 17:04 (UTC)    
Mesaj konusu: Re: Kendi Menünü Hazırla !

kodu yazdığım yer nasıl ayrıldı yeşil oldu
Önceki mesajları göster:   


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