Mesaj #771062 - bbulakbasar - Seffah Resim + Yazı Nasıl Yapılır.

Buyur kardeşim bütün iş bu kodlarda bitiyor.

#anasayfa a { font-size:1.4em; color:#fff; text-decoration:none; } 

#anasayfa a:hover{ font-size:1.6em; color:#000;  }



#anasayfa .dugme { background:rgba(23, 23, 23, 0.8); border:dotted 2px #999; text-align:center;  width:216px; height:166px; display:table-cell; vertical-align:middle; }

#anasayfa .dugme:hover { background:rgba(23, 23, 23, 0.1); }

 

#anasayfa #oturma { display:inline-block; background:url(../../Resim/oturma-grubu-dugme.jpg) no-repeat; width:220px; height:170px; margin:15px; }

#anasayfa #yemek { display:inline-block; background:url(../../Resim/yemek-dugme.jpg) no-repeat; width:220px; height:170px; margin:15px; }

#anasayfa #yatak{ display:inline-block; background:url(../../Resim/yatak-dugme.jpg) no-repeat; width:220px; height:170px; margin:15px; }

#anasayfa #kose { display:inline-block; background:url(../../Resim/kose-dugme.jpg) no-repeat; width:220px; height:170px; margin:15px; }

#anasayfa #duvar { display:inline-block; background:url(../../Resim/duvar-dugme.jpg) no-repeat; width:220px; height:170px; margin:15px; }

#anasayfa #dinlenme { display:inline-block; background:url(../../Resim/dinlenme-dugme.jpg) no-repeat; width:220px; height:170px; margin:15px; }

#anasayfa #genc{ display:inline-block; background:url(../../Resim/genc-dugme.jpg) no-repeat; width:220px; height:170px; margin:15px; }

#anasayfa #aksesuar { display:inline-block; background:url(../../Resim/aksesuarlar-dugme.jpg) no-repeat; width:220px; height:170px; margin:15px; }

Yukardaki CSS kodlarınını ve aşağıda ki html kodlarını birleştirirsen aynısı ortaya çıkmış olur..



          Oturma Grupları

          Yemek Odaları

          Yatak Odaları

          Köşe Takımları

Üye Girişi Yap