Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj04.12.2008, 10:22 (UTC)    
Mesaj konusu: nasıl yapabilirim Bu şekilde

http://biriz.biz/kurban/index.htm



bu sitedekı gıbı nasıl yapabilirim yane linke tıkladıgım zaman hemen yan tarafta içerigi gostersin
Mesaj04.12.2008, 10:26 (UTC)    
Mesaj konusu:

Kardes Böyle Olması İçin Tasarımının Css design olması gerekiyor.Lİnk verirsiniz yandaki menülere tıkladığınız an gelir Wink
______________
İmzanızı tekrar ayarlamanız lazım. - @cryengine3
Mesaj04.12.2008, 10:41 (UTC)    
Mesaj konusu:

css desing kullanıyorum zaten..
Mesaj04.12.2008, 10:46 (UTC)    
Mesaj konusu:

inanmedya yazmış:
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>

Umarım bu bilgiler işine yarar
______________
Önceki mesajları göster:   


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