| Yazar |
Mesaj |
-
bilgiliwebnet
Uzman Üye
|
 02.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.. |
|
|
↑
|
|
 |
-
webliyiz
Aktif Üye
|
|
|
↑
|
|
|
-
tarihdefterim
Bedava-Sitem Bağımlısı
|
02.09.2009, 13:03 (UTC)
Mesaj konusu: |
|
|
menü kaymış sanırım ....
______________
Seyahatnamem Çok Yakında.. |
|
|
↑
|
|
|
-
biltekno-web
Uzman Üye
|
02.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 . |
|
|
↑
|
|
|
-
bilgiliwebnet
Uzman Üye
|
02.09.2009, 15:21 (UTC)
Mesaj konusu: |
|
|
tarihdefterim yazmış: menü kaymış sanırım ....
stili oyle:D |
|
|
↑
|
|
|
-
stspaylasim
Acemi Üye
|
02.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
 |
|
|
↑
|
|
|
-
tarihdefterim
Bedava-Sitem Bağımlısı
|
02.09.2009, 16:06 (UTC)
Mesaj konusu: |
|
|
photoshop var anlamazsan paintten çizersin  ______________ Seyahatnamem Çok Yakında.. |
|
|
↑
|
|
|
-
styletype
Acemi Üye
|
02.09.2009, 17:13 (UTC)
Mesaj konusu: |
|
|
tarihdefterim yazmış: photoshop var anlamazsan paintten çizersin
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) |
|
|
↑
|
|
|
-
bilgiliwebnet
Uzman Üye
|
02.09.2009, 17:21 (UTC)
Mesaj konusu: |
|
|
biliyom knk zaten 5 dk da yaptım belli olmuyor mu ordan:D |
|
|
↑
|
|
|
-
bilgiliwebnet
Uzman Üye
|
02.09.2009, 19:29 (UTC)
Mesaj konusu: |
|
|
yorum devam  |
|
|
↑
|
|
|
-
clup-grafik
Aktif Üye
|
02.09.2009, 19:37 (UTC)
Mesaj konusu: |
|
|
qüzéL Tasarım.. ______________ cLup-GraFik Röpörtaj Alemi Kuruluyor. =) Sizde Röpörtaj Yapmak isterseniz, Ö.m Atınız ! =) |
|
|
↑
|
|
|
-
bilgiliwebnet
Uzman Üye
|
02.09.2009, 21:03 (UTC)
Mesaj konusu: |
|
|
clup-grafik yazmış: qüzéL Tasarım..
ty fistik gibi tasarimla geliyoruz.  |
|
|
↑
|
|
|
-
tarihdefterim
Bedava-Sitem Bağımlısı
|
02.09.2009, 21:09 (UTC)
Mesaj konusu: |
|
|
styletype yazmış: tarihdefterim yazmış: photoshop var anlamazsan paintten çizersin
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.. |
|
|
↑
|
|
|
-
bilgiliwebnet
Uzman Üye
|
03.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>
|
|
|
↑
|
|
|
-
bilgiliwebnet
Uzman Üye
|
03.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;
} |
|
|
↑
|
|
|
|
