Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj10.02.2012, 21:10 (UTC)    
Mesaj konusu: Kodlama Yardım

Bu kodlamayı anlatırmısınız.

Css

Kod:
#icerik {
   background-image: url(http://img.webme.com/pic/y/yapiyoruz/21_03.png);
   height: auto;
   width: 985px;
}

#yan_menu {
   float: left;
   height: auto;
   width: 185px;
   margin-left: 60px;
}
#icerik #yan_menu h1 {
   line-height: 18px;
   display: block;
   text-decoration: none;
   margin-top: 2px;
   padding-left: 24px;
   background-image: url(http://img.webme.com/pic/y/yapiyoruz/yan_menu_h1_21.png);
   background-repeat: no-repeat;
   background-position: 2px -1px;
   background-color: #B4C0CE;
}
#icerik #yan_menu ul {
   margin: 0px;
   padding: 0px;
   list-style-type: none;
}
#icerik #yan_menu ul li a {
   line-height: 18px;
   text-decoration: none;
   display: block;
   padding-left: 24px;
   background-image: url(http://img.webme.com/pic/y/yapiyoruz/yan_menu_1_21.png);
   background-repeat: no-repeat;
   background-position: 2px -1px;
}
#icerik #yan_menu ul li a:hover {
   background-image: url(http://img.webme.com/pic/y/yapiyoruz/yan_menu_2_21.png);
   background-repeat: no-repeat;
   background-position: 2px -1px;
   color: #09F;
   text-decoration: none;

}

T.üstü

Kod:
<div id="icerik">
    <div id="yan_menu">
      <h1>Genel</h1>
      <ul>
        <li><a href="#url">Ana Sayfa</a></li>
        <li><a href="#url">Hakkımızda</a></li>
        <li><a href="#url">Iletisim</a></li>
        <li><a href="#url">Forum</a></li>
        <li><a href="http://yapiyoruz.tr.gg">Yapiyoruz.tr.gg</a></li>
      </ul>
      <h1>Eglence</h1>
      <ul>
        <li><a href="#url">Muzikler</a></li>
        <li><a href="#url">Resimler</a></li>
        <li><a href="#url">Filmler</a></li>
        <li><a href="#url">Siirler</a></li>
        <li><a href="#url">Sairler</a></li>
        <li><a href="#url">Flash Oyunlar</a></li>
        <li><a href="http://yapiyoruz.tr.gg">Yapiyoruz.tr.gg</a></li>
      </ul>
      <h1>Bilgisayar?</h1>
      <ul>
        <li><a href="#url">Nedir?</a></li>
        <li><a href="#url">NasılKullanıılır?</a></li>
        <li><a href="#url">Donanımları</a></li>
        <li><a href="#url">Yazılımları</a></li>
        <li><a href="#url">Office</a></li>
        <li><a href="http://yapiyoruz.tr.gg">Yapiyoruz.tr.gg</a></li>
      </ul>
      <h1>Adobe Programları</h1>
      <ul>
        <li><a href="#url">Photoshop</a></li>
        <li><a href="#url">Dreamweaver</a></li>
        <li><a href="#url">Flash</a></li>
        <li><a href="http://yapiyoruz.tr.gg">Yapiyoruz.tr.gg</a></li>
      </ul>
    </div>
Mesaj10.02.2012, 21:16 (UTC)    
Mesaj konusu:

İlk katmana bak önce ,
içerik ve yan menü için yazılmış.

daha sonra altta gelen tüm katmanlarda bu ikisi yer alıyor.
Yuvalama yöntemi ile bu ikisi için ortak özellikler belirlenmiş.
Örneğin "h1" özelliğini ikisi için ayrı ayrı yazmak yerine tek bir kodda birleştirmiş.
Altta yaptığı diğer özelliklerde aynı şekilde...

Div katmanlarına bakacak olursak eğer "içerik" ve "yan menü" için div tanımlanmış zaten.
Ve yuvalama yapılan katmanlar tanımlanan katmanlardan oluşmak zorunda.
Mesaj10.02.2012, 21:23 (UTC)    
Mesaj konusu:

tşkler hocam
Önceki mesajları göster:   


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