Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj03.08.2008, 16:54 (UTC)    
Mesaj konusu: CSS menu degistrme

Degistirme / ironarchives
Degistrme nedeni / basligin buyuk harflerle yazilmis olmasi


İlk başta html kodunu veriyorum:::
Kod:
<div id="menu">
  <ul>
    <li><a href="#">Anasayfa<span>Sitenin Bütün İçerik Linkleri Bu sayfada</span></a></li>   
    <li><a href="#">Sanalkurs Forum<span>Forum Bölümümüzden Bilgi Paylaşım Yapabilirsiniz</span></a></li>
    <li><a href="#">Müzik<span>Müzik Bölümümüz Her Türlü Full Albüm</span></a></li>
    <li><a href="#">Video<span>Video İçeriği</span></a></li>
  </ul></div>


Yukarıda ki kodun içerisinde yeterince açıklama var anlamayan bile yapar şimdide css kodunu ve açıklamasını veriyorum::


Kod:

/* Menu Div CerveVe bicimi */
#menu {
   float:left;
   width:150px;
   }

/* Menu içindeki Liste EtiketLerini Bicimlendirme */
#menu li, #menu ul {
   padding:0px 0px 0px 0px;
   margin:0px 0px 0px 0px;
   list-style:none;
   text-align:left;
      }
/* Menu Liste içinDeki LinKleri Biçimlendirme */
#menu li a {
   padding:8px 0px 0px 20px;
   font-family:"Comic Sans MS";
   font-size:13px;
   text-decoration:none;
   color:#FFFFFF;
   background:url(buttona2.gif) no-repeat;
   width:130px;
   height:32px;
   display:block;
   }
/* Menu Liste içinDeki LinKleri Fare İmleci Üzerinde İken Biçimlendirme */
#menu li a:hover {
   background:url(buttonahover2.gif) no-repeat;
   font-size: 80%; /* IE5.x/Win duzeltmek icin  Desteklemeyen İE Serisini için Çözüm*/

   }
/* Menu Linkelere Eklenmiş Span Etiketi İçerğini İlk Sayfada Gizleme */
#menu li a span {
   display:none;
   }
/* Menu Linkelere Eklenmiş Span Etiketi İçerğini Fare Hareketi İle Gösterme */
#menu li a:hover span {
   display:block;
   position:absolute;
   top:auto;
   left:160px;
   background:#000066;
   font-family:"Comic Sans MS";
   border:solid #0033FF 1px;
   width:200px;
   }


YUKARIDADA YETERİNCE AÇIKLAMA OLDUĞUNU SANIYORUM Wink Wink

EVET ŞİMDİDE HAZIRLADIĞIMIZ KODLARI BİRLEŞTİRMEYE GELDİ

Kod:
<html>
<head>
<title>Menu</title>
</head>
<style type="text/css">
CSS KODUNU BURAYA YAZ
</style>
<body>
]HTML KODUNU BURAYA YAZ

</body>
</html>

______________


En son inanmedya tarafından 03.08.2008 19:04:46 tarihinde değiştirildi, toplam 3 kere değiştirildi
Mesaj04.08.2008, 07:17 (UTC)    
Mesaj konusu:

GÜZEL PAYLAŞIM Wink
______________
Gazeteleri-Oku.Tr.GG Artık Forumda Yoqq !! Banned!!
Mesaj04.08.2008, 09:13 (UTC)    
Mesaj konusu:

paylasım icin tesekkürler...
______________
Mesaj07.08.2008, 15:23 (UTC)    
Mesaj konusu:

Super
______________
<img alt="" src="http://img.webme.com/pic/k/kurtlarvadisi-azerbaycan/terrtu8.jpg" />
Önceki mesajları göster:   


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