| Yazar |
Mesaj |
-
grafikdizayn
Uzman Üye
|
 19.09.2011, 22:47 (UTC)
Mesaj konusu: Kendi Menünü Hazırla | Geniş Anlatım |
|
|
Merhaba arkadaşlar.. Burada hemen herkesin (css tasarım kullananların) en büyük sorunlarından bir tanesi menülerdir... Çok önceden paylaşmış fakat genel bir anlatım yapamamıştım.. İşte genel anlatım hazırladım... Hem resimleri inceleyip öğrenin, hemde kendinize bir menü tasarlayın...
Öncelikle Kod ve İşlevi
( Tanıtmak için resim kullandım.. Ana kod sayfanın en altındadır )
Yeni Menü Elemanı Eklemek
Ve Kodlar
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: 1px;
border: 1px solid #;
background-image: url( Menünün üzerine gelinmeden önceki hali );
background-repeat: no-repeat;
background-position: 0px 0px;
}
#linkhover ul li a:hover {
background-color: #;
padding-left: 5px;
color: #fff;
background-image: url( Menünün üzerine gelindikten sonraki hali );
background-repeat: no-repeat;
background-position: 0px 0px;
}
</style>
<div id="linkhover">
<ul>
<li><div style="text-align: left; "><a href="#">Sayfanın Adı Buraya Yazılacaktır...</a></div></li>
</ul>
</div>
</ul>
</div> |
|
|
↑
|
|
 |
-
aykut-servis
Uzman Üye
Konum: Turkey / Îstanbul
|
22.09.2011, 20:36 (UTC)
Mesaj konusu: |
|
|
Teşekkürler Faydalı Bir Anlatım olmuş Eline Sağlık .. |
|
|
↑
|
|
|
-
grafikdizayn
Uzman Üye
|
22.09.2011, 20:57 (UTC)
Mesaj konusu: |
|
|
Asıl ben teşekkür ederim Aykut  |
|
|
↑
|
|
|
-
dragonfablehilesi
Aktif Üye
|
03.10.2011, 20:58 (UTC)
Mesaj konusu: |
|
|
|
|
|
↑
|
|
|
-
aktif-dunya
Bedava-Sitem Bağımlısı
Konum: Aktif-Dunya
|
10.10.2011, 15:41 (UTC)
Mesaj konusu: |
|
|
Teşekkürler Faydalı Bir Anlatım olmuş ______________  |
|
|
↑
|
|
|
-
tevhidforum
Uzman Üye
Konum: ISTANBUL
|
10.10.2011, 15:44 (UTC)
Mesaj konusu: |
|
|
ELİNE SAĞLIK.. GÜZEL ANLATIM ______________  ÜCRETLİ MODERATÖR ARIYORUM. ÖZELDEN İLETİŞİME GEÇİN İNŞALLAH.
 |
|
|
↑
|
|
|
-
gamesvial
Acemi Üye
|
10.10.2011, 15:47 (UTC)
Mesaj konusu: |
|
|
Herkesin Sevdiği Fare Oyunu Transformicede Yeni bir Forum kurduk Sizde Katılmak İstermisiniz ? Biliyorum .tr.gg değil ama Kullanıcımız az O yüzden Herkesten Özür diliyorum ve Anlayışla Karşılamanızı Rica Ediyorum Sitemizde İpuçları, Eğitim videoları, Rehberler [ Harita editörü dev rehber vß.] Transformice Title Listesi , Ve daha Bir çok şey...
Sitemiz : transformicetrforum.com.nu İlginiz İçin Teşekkürler |
|
|
↑
|
|
|
-
naraforum
Acemi Üye
|
11.10.2011, 14:31 (UTC)
Mesaj konusu: |
|
|
peki bunu nereye yapıştırıyoruz? |
|
|
↑
|
|
|
-
devgezegen
Bedava-Sitem Bağımlısı
Konum: DevGezegen.com
|
11.10.2011, 14:37 (UTC)
Mesaj konusu: |
|
|
Başarılı bir anlatım.....Teşekkürler.. ______________  |
|
|
↑
|
|
|
-
xmert96x
Bedava-Sitem Bağımlısı
Konum: Araba Kullanmayi Bilmeden, Kamyon Sürmeye Çalisanlarin Mesajlarina Cevap Vermiyorum..
|
11.10.2011, 14:44 (UTC)
Mesaj konusu: |
|
|
<li><div style="text-align: left; "><a href="#">Sayfanın Adı Buraya Yazılacaktır...</a></div></li>
</ul> böyle yapmaktansa
böyle yapıp
<li><a href="#">Sayfanın Adı Buraya Yazılacaktır...</a><</li>
</ul>
#linkhover ul li a katmanı text-align: left; yazarak yaparsak daha kısa olur ______________  |
|
|
↑
|
|
|
-
devgezegen
Bedava-Sitem Bağımlısı
Konum: DevGezegen.com
|
11.10.2011, 14:54 (UTC)
Mesaj konusu: |
|
|
xmert96x yazmış: <li><div style="text-align: left; "><a href="#">Sayfanın Adı Buraya Yazılacaktır...</a></div></li>
</ul> böyle yapmaktansa
böyle yapıp
<li><a href="#">Sayfanın Adı Buraya Yazılacaktır...</a><</li>
</ul>
#linkhover ul li a katmanı text-align: left; yazarak yaparsak daha kısa olur
Bazı tarayılarda kaymalar yaşanabilmektedir. ______________ |
|
|
↑
|
|
|
|
