Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj02.09.2009, 11:56 (UTC)    
Mesaj konusu: bilgiliwebnet css tasarim paylasimlari




tasarim üstü:
Kod:
<div id="design">
<div id="header"><div class="ustmenu">üst </div></div>
<div id="icerik">
<div id="icontent">
<div class="solmenu">sol menü</div>
<div class="orta">


tasarim alti:

Kod:
</div>
</div>
</div>
<div id="footer">menünün bitişi</div>
</div>


css kod:

Kod:
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(http://www.backgroundlabs.com/backgrounds/88.gif);

}

#design {
width: 900px;
margin-left: auto;
margin-right: auto;
}

#header{
margin-left: auto;
margin-right: auto;
background: url(http://img231.imageshack.us/img231/7494/balksz101v.gif);
width: 900px;
height: 190px;
float: left;
}

.ustmenu {
margin-left: auto;
margin-right: auto;
padding: 15px 0 0 500px;
float: left;
overflow: hidden;
color:#FFF;
font-family:Tahoma, Geneva, sans-serif;
font-size:13px;
}
#icerik {
margin-left: auto;
margin-right: auto;
background: url(http://img24.imageshack.us/img24/7914/balksz103.gif);
text-align: justify;
float: left;

}

#icontent {
width: 900px;
padding: 0 0 0 0px;
text-align: justify;
overflow: auto;
}


.solmenu {
width: 175px;
padding: 0 0 0 0;
float: left;
overflow: hidden;
text-align: justify;
}

.orta {
width: 695px;
padding: 0 0 0 25px;
float: left;
overflow: hidden;
text-align: justify;
font-family:Tahoma;
font-size:15px;
color:#333;
font-weight:bolder;
}

#footer{
margin-left: auto;
margin-right: auto;
background: url(http://img44.imageshack.us/img44/3656/balksz104v.gif);
width: 900px;
height: 178px;
float: left;

}


devami gelecek..
Mesaj02.09.2009, 11:58 (UTC)    
Mesaj konusu:

teşekkürler
______________
WwW.WeBLiYiZ.Tr.Gg
Mesaj02.09.2009, 13:03 (UTC)    
Mesaj konusu:

menü kaymış sanırım ....
______________
Seyahatnamem Çok Yakında..
Mesaj02.09.2009, 13:32 (UTC)    
Mesaj konusu:

tarihdefterim yazmış:
menü kaymış sanırım ....

evet sanki mneü kaık duruo
______________
Siteme yazar arıyorum ..
30 özgün yazı yazana 500 mb host veriyorum .
Mesaj02.09.2009, 15:21 (UTC)    
Mesaj konusu:

tarihdefterim yazmış:
menü kaymış sanırım ....


stili oyle:D
Mesaj02.09.2009, 15:59 (UTC)    
Mesaj konusu: saol

aga çok güzel acayip süper ama şey biz kendi sitemizin adını nasıl yazcaz
Mr. Green
Mesaj02.09.2009, 16:06 (UTC)    
Mesaj konusu:

photoshop var anlamazsan paintten çizersin Very Happy
______________
Seyahatnamem Çok Yakında..
Mesaj02.09.2009, 17:13 (UTC)    
Mesaj konusu:

tarihdefterim yazmış:
photoshop var anlamazsan paintten çizersin Very Happy

paint tasarım aracı değildir paint basit işlemler için hazırlanmış bir program
anlamamak diye birşey yok anlamıyorsan internette çok güzel görsel videolu anlatımlar var bak herkez tasarım yapabilir ama şöyle bişey var tasarımcılık profesyonel anlamda olduğu zaman biraz yeteneğe kaçar sonuçda resam nasıl resim çizerse sende site çiziyorsun yaratıcı olmak lazım.. (bedava sitemde göremedim profesyonel düzeyde tasarım hata bedava sitem kendi tasarımı bile profesyonel değil)
Mesaj02.09.2009, 17:21 (UTC)    
Mesaj konusu:

biliyom knk zaten 5 dk da yaptım belli olmuyor mu ordan:D
Mesaj02.09.2009, 19:29 (UTC)    
Mesaj konusu:

yorum devam Wink
Mesaj02.09.2009, 19:37 (UTC)    
Mesaj konusu:

qüzéL Tasarım.. Wink
______________
cLup-GraFik Röpörtaj Alemi Kuruluyor. =) Sizde Röpörtaj Yapmak isterseniz, Ö.m Atınız ! =)
Mesaj02.09.2009, 21:03 (UTC)    
Mesaj konusu:

clup-grafik yazmış:
qüzéL Tasarım.. Wink


ty fistik gibi tasarimla geliyoruz. Laughing
Mesaj02.09.2009, 21:09 (UTC)    
Mesaj konusu:

styletype yazmış:
tarihdefterim yazmış:
photoshop var anlamazsan paintten çizersin Very Happy

paint tasarım aracı değildir paint basit işlemler için hazırlanmış bir program
anlamamak diye birşey yok anlamıyorsan internette çok güzel görsel videolu anlatımlar var bak herkez tasarım yapabilir ama şöyle bişey var tasarımcılık profesyonel anlamda olduğu zaman biraz yeteneğe kaçar sonuçda resam nasıl resim çizerse sende site çiziyorsun yaratıcı olmak lazım.. (bedava sitemde göremedim profesyonel düzeyde tasarım hata bedava sitem kendi tasarımı bile profesyonel değil)



bazı anlamayanlar öyle yapıyor. ondan diyorum öğrenmek isteyen her türlü öğrenir .engelleyemezsin. Öğrenmek istese biraz araştırı da sorar.
______________
Seyahatnamem Çok Yakında..
Mesaj03.09.2009, 11:51 (UTC)    
Mesaj konusu:

yeni tasarim geldi

tasrim daki üst menü yan menüleri değiştirin kendinize gore.

ornek goruntu:



tasarim üstü

Kod:
<div id="design">
<div id="top">
<div class="logo">Logo Resmi Css Kodunda</div>
<div class="reklam">Reklam Kodu</div>
<div class="ustmenu">Üst Menu Burda</div></div>
<div id="icerik">
<div id="icontent">
<div class="sagmenu">Sağ Menu
<br>
Menü menü menü menü</div>
<div class="yazialani">


tasarim alti:

Kod:
</div>
</div>
</div>
<div id="alts">
<div class="copyright">Hak Meselesi</div>
</div>


css kod:

Kod:
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(http://www.backgroundlabs.com/backgrounds/110.gif);
text-align: center;

}

#design {
width: 900px;
margin-left: auto;
margin-right: auto;
text-align: left;

}

#top{
margin-left: auto;
margin-right: auto;
background: url(http://img216.imageshack.us/img216/2411/32978685.gif);
width: 900px;
height: 156px;
float: left;
}
.logo {
width:335px;
height:65px;
backround:url(Başlık Resmi Buaraya!!);
padding: 1px 0 0 5px;
float: left;
}
.reklam {
width:200px;
padding: 0px 0 0 30px;
float: left;
}
.ustmenu {
width:880px;
padding: 20px 0 0 20px;
float: left;
}

#icerik {
margin-left: auto;
margin-right: auto;
background: url(http://img216.imageshack.us/img216/6914/94698632.gif);
float: left;
overflow:hidden ;

}

#icontent {
width: 895px;
padding: 0 0 0 5px;
overflow:hidden ;
float: left;

}
.sagmenu {
width: 200px;
padding:4px 0 0 15px;
float: left;
overflow: hidden;
text-align: justify;

}
.yazialani {
width: 660px;
padding: 0 0 0 5px;
float: left;
overflow: hidden;

}



#alts{
margin-left: auto;
margin-right: auto;
background: url(http://img216.imageshack.us/img216/8323/46796387.gif);
width: 900px;
height: 175px;
float: left;
}
.copyright {
width: 450px;
padding:60px 0 0 450px;
float: left;
overflow: hidden;
text-align: justify;
}   
<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.urbangreymenu{
width: 160px; /*width of menu*/
}

.urbangreymenu .headerbar{
font: bold 13px Verdana;
color: white;
background: #606060 url(media/arrowstop.gif) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 7px 0 7px 31px; /*31px is left indentation of header text*/
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
font: normal 12px Arial;
color: black;
background: #E9E9E9;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}

.urbangreymenu ul li a:visited{
color: black;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: white;
background: black;
}

</style>
<style type="text/css">

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.solidblockmenu{
margin: 0;
padding: 0;
float: left;
font: bold 13px Arial;
width: 97%;
overflow: hidden;
margin-bottom: 1em;
border: 1px solid #625e00;
border-width: 1px 0;
background: black url(http://www.dynamicdrive.com/cssexamples/media/blockdefault.gif) center center repeat-x;
}

.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
float: left;
color: white;
padding: 9px 11px;
text-decoration: none;
border-right: 1px solid white;
}

.solidblockmenu li a:visited{
color: white;
}

.solidblockmenu li a:hover, .solidblockmenu li .current{
color: white;
background: transparent url(http://www.dynamicdrive.com/cssexamples/media/blockactive.gif) center center repeat-x;
}

</style>

Mesaj03.09.2009, 11:52 (UTC)    
Mesaj konusu:

bu css kodu ekliyin kullancaksaniz eğer tasrimi...

Kod:
Kod:
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(http://www.backgroundlabs.com/backgrounds/110.gif);
text-align: center;

}

#design {
width: 900px;
margin-left: auto;
margin-right: auto;
text-align: left;

}

#top{
margin-left: auto;
margin-right: auto;
background: url(http://img216.imageshack.us/img216/2411/32978685.gif);
width: 900px;
height: 156px;
float: left;
}
.logo {
width:335px;
height:65px;
backround:url(Başlık Resmi Buaraya!!);
padding: 1px 0 0 5px;
float: left;
}
.reklam {
width:200px;
padding: 0px 0 0 30px;
float: left;
}
.ustmenu {
width:880px;
padding: 20px 0 0 20px;
float: left;
}

#icerik {
margin-left: auto;
margin-right: auto;
background: url(http://img216.imageshack.us/img216/6914/94698632.gif);
float: left;
overflow:hidden ;

}

#icontent {
width: 895px;
padding: 0 0 0 5px;
overflow:hidden ;
float: left;

}
.sagmenu {
width: 200px;
padding:4px 0 0 15px;
float: left;
overflow: hidden;
text-align: justify;

}
.yazialani {
width: 660px;
padding: 0 0 0 5px;
float: left;
overflow: hidden;

}



#alts{
margin-left: auto;
margin-right: auto;
background: url(http://img216.imageshack.us/img216/8323/46796387.gif);
width: 900px;
height: 175px;
float: left;
}
.copyright {
width: 450px;
padding:60px 0 0 450px;
float: left;
overflow: hidden;
text-align: justify;
}
Önceki mesajları göster:   


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