Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj13.05.2011, 14:09 (UTC)    
Mesaj konusu: SmTasarım/Css Tasarım Yapma Kodları

Evet Arkadaşlar css tasarım kodladığım kendime özel kodlarımı paylaşacağım Very Happy

Üst:
Kod:
<div id="tasarim">
<div id="baslik"></div>
<div id="ust"></div>
<div id="menu1"><a href="Sayfa Url"><img class="" alt="" src="üst menü resim url"border="0" /></a></div>
<div id="menu2"><a href="Sayfa Url"><img class="" alt="" src="üst menü2 resim url" border="0"/></a></div>
<div id="menu3"><a href="Sayfa Url"><img class="" alt="" src="üst menü3 resim url"border="0" /></a></div>
<div id="menu4"><a href="Sayfa Url"><img class="" alt="" src="üst menü4 resim url" border="0"/></a></div>
<div id="menu5"><a href="Sayfa Url"><img class="" alt="" src="üst menü5 resim url" border="0"/></a></div>
<div id="menu6"><a href="Sayfa Url"><img class="" alt="" src="üst menü6 resim url" border="0"/></a></div>
<div id="menu7"><a href="Sayfa Url"><img class="" alt="" src="üst menü7 resim url" border="0"/></a></div>
<div id="menu8"><a href="Sayfa Url"><img class="" alt="" src="üst menü8 resim url" border="0"/></a></div>
<div id="orta">
<div class="solsutun"></div>
<div class="sagsutun">


Alt:
Kod:
</div>
</div>
<div id="alt"></div>
</div>


Css: h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}

* {padding: 0; margin:0 }

body {
margin-left: auto;
margin-right: auto;
background: url(Arkaplan Url) top center fixed;
}

#tasarim{
width: 1024px;
margin-left: auto;
margin-right: auto;
}

#ust{
margin-left: auto;
margin-right: auto;
background: url(Üst Taraf Url);
width: 1024px;
height: 296px;
float: left;
}

#menu1{
margin-left: auto;
margin-right: auto;
background: url(Üst Menü Url);
width: 177px;
height: 73px;
float: left;
}
#menu2{
margin-left: auto;
margin-right: auto;
background: url(Üst Menü2 Url);
width: 99px;
height: 73px;
float: left;
}
#menu3{
margin-left: auto;
margin-right: auto;
background: url(Üst Menü3 Url);
width: 78px;
height: 73px;
float: left;
}
#menu4{
margin-left: auto;
margin-right: auto;
background: url(Üst Menü4 Url);
width: 113px;
height: 73px;
float: left;
}
#menu5{
margin-left: auto;
margin-right: auto;
background: url(Üst Menü5 Url);
width: 98px;
height: 73px;
float: left;
}
#menu6{
margin-left: auto;
margin-right: auto;
background: url(Üst Menü6 Url);
width: 115px;
height: 73px;
float: left;
}
#menu7{
margin-left: auto;
margin-right: auto;
background: url(Üst Menü7 Url);
width: 112px;
height: 73px;
float: left;
}
#menu8{
margin-left: auto;
margin-right: auto;
background: url(Üst Menü8 Url);
width: 232px;
height: 73px;
float: left;
}

#orta{
margin-left: auto;
margin-right: auto;
background: url(Orta Bölüm Url);
width: 1024px;
height: 100%;
float: left;
}

.solsutun{
width:140px;
float: left;
padding: 0 0 0 70px;
overflow: hidden;
}

.sagsutun {
width:550px;
float: left;
padding: 0 0 0 120px;
overflow: hidden;
text-align: justify;
}


#alt{
margin-left: auto;
margin-right: auto;
background: url(Alt Bölüm Url);
width: 1024px;
height: 75px;
float: left;
}


Evet Arkadaşlar şimdi üst bölümde üst menü resimlerimizin linklerini yazıyoruz ve onlara tıklanınca hangi sayfaya gitmesini istiyorsak o sayfanın url'sini yazıyoruz... Alt bölümde yapılacak birşey yok geçelim css bölümüne orada üst menü1 menü2 menü3 menü4 menü5 menü6 menü7 menü8 orta ve alt bölümlerimiz var oralardaki pixel ayarlarını kendi resmimizin boyutuna göre ayarlıyoruz... ve url adreslerini yazıyoruz solsutundaki pixel ayarlarını kendi sitemizin tasarımına göre ayarlıyoruz.. sagsutunuda kendi tasarımımıza göre ayarladıktan sonra tasarımımız bitmiş oluyor hayırlı olsun..[/code]
Mesaj13.05.2011, 14:27 (UTC)    
Mesaj konusu:

Yok böyle birşey ya 10 kişi görüntülemiş 1 tane yorum bile yok..!
Mesaj13.05.2011, 14:30 (UTC)    
Mesaj konusu:

güzel anlatım olmuş
______________
merhaba http://bsmaker.tr.gg/ sitemi satıyorum vodafone 10 tl tüm hakları devrendir devredildikten sonra devir alan şifreyi değişecektir almak istermisiniz bana ulaşın pm atın
Mesaj13.05.2011, 14:30 (UTC)    
Mesaj konusu:

saol Very Happy hele şükür 1tane yorum geldi
Mesaj13.05.2011, 14:36 (UTC)    
Mesaj konusu:

Evet Eline Sağlık Güzel Anlatım Olmuşş,,,Bilmeyenler İçin Faydalı
______________

NETTEN PARA KAZAN ..!
CSS TASARIMLAR
Mesaj13.05.2011, 14:37 (UTC)    
Mesaj konusu:

saol Very Happy
Mesaj24.06.2011, 18:35 (UTC)    
Mesaj konusu:

saol saol thnk you lazım dı ama artık grk yok Very Happy Gorusmek uzereeee Idea Idea Idea Idea Idea Idea Idea
Önceki mesajları göster:   


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