Forum'da ara:
Ara


Yazar Mesaj
Mesaj16.07.2008, 14:12 (UTC)    
Mesaj konusu: Kullanışlı, Kolay, Hızlı CSS Menü
Alıntıyla Cevap Gönder
css design kullananlar için artık menü yapmak çok kolay aşağıdaki kodları gerekli yerlere ekleyin ve gerekli yerlerini değiştirin:

Css bölümüne (Tasarım ayarlarındaki css bölümü)

--------------------------------

Kod:
.listim
{
display:block;
text-decoration:none;
background-image: url('http://www.iconarchive.com/icons/iron-devil/fruit-on-the-hand/Blue-icon.gif');
background-repeat: no-repeat;
background-color: #f5f5f5;
width: 150px;
line-height: 35px;
color: darkblue;
padding-left: 33px;
font: bold
}

.listim:hover
{
background-image: url('http://www.iconarchive.com/icons/iron-devil/fruit-on-the-hand/Blue-icon.gif');
background-color: black;
color: white;
font: bold
}


--------------------------------


Daha Sonra Tüm Sayfalara(veya istediğimiz sayfaya) aşağıdaki kodları kopyalıyoruz.


Kod:
<a class="listim" href="http://www.seonet.tr.gg">SEO</a>
<a class="listim" href="http://www.seonet.tr.gg">SEO</a>
<a class="listim" href="http://www.seonet.tr.gg">SEO</a>
<a class="listim" href="http://www.seonet.tr.gg">SEO</a>
<a class="listim" href="http://www.seonet.tr.gg">SEO</a>
<a class="listim" href="http://www.seonet.tr.gg">SEO</a>
<a class="listim" href="http://www.seonet.tr.gg">SEO</a>
<a class="listim" href="http://www.seonet.tr.gg">SEO</a>
<a class="listim" href="http://www.seonet.tr.gg">SEO</a>


yukarıdaki kodda SEO yazan yerlere menü elemanlarını yazmalısınız.
http://www.seonet.tr.gg yerine de tıklanınca açılacak adresleri yazmalısınız.
Ayrıca menü elemanlarını istediğiniz kadar çoğaltmak mümkün.
Css kodundaki resim adresini değiştirerek arkaplandaki resmi değiştirebilirsiniz.
HTML kodlarını menü için ayırdığınız hücrenin içine yerleştirmenizi tavsiye ederim.

CSS KODUNDAKİ display:block yazan yeri display:inline yaparsanız menü yatay menü olur.
Yani
display:block => dikey menü
display:inline => yatay menü
Q.C PASSED
TEST EDİLDİ ONAYLANDI


HERKESE KOLAY GELSİN...
______________




En son seonet tarafından 16.07.2008 14:52:19 tarihinde değiştirildi, toplam 1 kere değiştirildi
↑
Mesaj16.07.2008, 14:40 (UTC)    
Mesaj konusu: Resim
Alıntıyla Cevap Gönder
Birde Resim kullanılıp örnek gösterilseydi daha güzel olurdu, Bence.
______________
Sedat YILDIZ

↑
Mesaj16.07.2008, 14:45 (UTC)    
Mesaj konusu:
Alıntıyla Cevap Gönder
zaten yapılacak işlemler çok basit:
üstteki kodu css kodları alanına,
alttaki kodu istediğin sayfanın kaynak koduna ekliceksin

tabiki kodları kendinize göre değiştirmelisiniz.
yoksa benim siteye link verirsiniz Very Happy
______________
↑
Mesaj16.07.2008, 17:50 (UTC)    
Mesaj konusu:
Alıntıyla Cevap Gönder
ee başka yorum yok mu?
______________
↑
Mesaj18.07.2008, 06:53 (UTC)    
Mesaj konusu:
Alıntıyla Cevap Gönder
teşekkürler sağol.. Wink
↑
Mesaj18.07.2008, 07:48 (UTC)    
Mesaj konusu: s.a
Alıntıyla Cevap Gönder
saol teşekur ederiz
______________
↑
Önceki mesajları göster:   
  • 1. sayfa (Toplam 1 sayfa)

  •  
    • Geçiş Yap:  


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

© 2024 webme GmbH, Almanya, Tüm hakları saklıdır.