Yazar |
Mesaj |
-
saittemplates
Acemi Üye
|
26.05.2009, 19:49 (UTC) Mesaj konusu: Arkadaşlar bakarmısınız Tasarım Ayırma ALT - ÜST |
|
|
BirProblem Var Ben İçinden Çıkamadım Lütfen Yardımcı Olun...
Aslında Wp Ve Free Tasarımları ayırabiliyordum ...Şimdiki Kodunu verdiğim tasarımı ayırıyorum ama içerik tasarımın üzerine yazılıyor buda görüntüyü bozuyor...dediğimi anlamışsınızdır...
BU TASARIM KODU
Kod:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Free Website Templates</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="central">
<div id="header">
<br />
</div>
<ul id="navlist">
<li><a id="n1" href="http://saitfilm.tr.gg/anasayfa.htm">Anasayfa</a></li>
<li><a id="n2" href="http://saitfilm.tr.gg/Haberler.htm">S|F|P Haberler</a></li>
<li><a id="n3" href="http://saitfilm.tr.gg/Kadromuz.htm">Kadromuz</a></li>
<li><a id="n4" href="http://saitfilm.tr.gg/Sponsorlar.htm">Sponsorlar</a></li>
<li><a id="n5" href="http://saitfilm.tr.gg/Ziyaretcidefteri.htm">Z.Defteri</a></li>
<li><a id="n6" href="http://saitfilm.tr.gg/Linkler.htm">Linkler</a></li>
<li><a id="n7" href="http://saitfilm.tr.gg/Projelerimiz.htm">Projelerimiz</a></li>
</ul>
<div id="content">
<div id="leftside">
<h3><a href="http://saitfilm.tr.gg/Resimler.htm">Sait Film Resimler</h3>
<div id="picture1"></div>
<h3><a href="http://saitfilm.tr.gg/Filmler.htm">Sait Film Filmler</h3>
<div id="picture2"></div>
</div>
<div id="rightside">
<h1>Bike Riders News</h1>
<p>
This is a template designed by <strong><a href="http://www.freewebsitetemplates.com">free website templates</a></strong> for you for free you can replace all the text by your own text. This is just a place holder so you can see how the site would look like. If you're having problems editing the template please don't hesitate to ask for help <a href="http://www.freewebsitetemplates.com/forum/">on the forum</a>. You will get help as soon as possible. You can also use the forum to tell us what you like or dislike and what you would like to see more. Your feedback is very important to us and we will do everything to fulfil your wishes. <a href="http://www.freewebsitetemplates.com">more ...</a>
</p>
<h1>Bike Riders News</h1>
<p>
This is a template designed by <strong><a href="http://www.freewebsitetemplates.com">free website templates</a></strong> for you for free you can replace all the text by your own text. This is just a place holder so you can see how the site would look like. If you're having problems editing the template please don't hesitate to ask for help <a href="http://www.freewebsitetemplates.com/forum/">on the forum</a>. You will get help as soon as possible. You can also use the forum to tell us what you like or dislike and what you would like to see more. Your feedback is very important to us and we will do everything to fulfil your wishes. <a href="http://www.freewebsitetemplates.com">more ...</a>
</p>
<h1>Bike Riders News</h1>
<p>
This is a template designed by <strong><a href="http://www.freewebsitetemplates.com">free website templates</a></strong> for you for free you can replace all the text by your own text. This is just a place holder so you can see how the site would look like. If you're having problems editing the template please don't hesitate to ask for help <a href="http://www.freewebsitetemplates.com/forum/">on the forum</a>. You will get help as soon as possible. You can also use the forum to tell us what you like or dislike and what you would like to see more. Your feedback is very important to us and we will do everything to fulfil your wishes. <a href="http://www.freewebsitetemplates.com">more ...</a>
</p>
</div>
<div id="footer"><p>Tasarim by <a href="http://www.saitfilm.com">S | F | P</a></p></div>
</div>
<div id="imagepreloader"><img src="Resim/buttonover.gif" alt="mouseover" /></div>
</div>
</body>
</html>
Buda Sytle kodu
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;}
* {margin:0px;padding:0px;top:0px;left:0px;}
body{
text-align: center;
background-color: #44607e;
}
#central{
margin-right: auto;
margin-left: auto;
margin-top: 10px;
position: relative;
width: 777px;
text-align: left;
background-color: #FFFFFF;
}
#header{
background-image: url(http://img.webme.com/pic/s/saitfilm/header.jpg);
height: 226px;
width: 777px;
left: 0px;
top: 0px;
}
#header a{
font-size: 18px;
font-style: normal;
line-height: normal;
font-weight: bolder;
color: #FFFFFF;
text-decoration: none;
margin-left: 112px;
font-family: "Courier New", Courier, mono;
margin-top: 35px;
}
#navlist{
margin-left: 0px;
padding-left: 0px;
white-space: nowrap;
position: absolute;
height: 27px;
width: 777px;
top: 225px;
}
#navlist li{
display: inline;
list-style-type: none;
}
#navlist a {
padding: 3px 10px;
background-image: url(http://img.webme.com/pic/s/saitfilm/button.gif);
height: 20px;
width: 91px;
display: inline;
position: absolute;
text-align: center;
color: #fff;
text-decoration: none;
}
#navlist a:hover{background-image: url(http://img.webme.com/pic/s/saitfilm/buttonover.gif);}
#n1{left: 0px;}
#n2{left: 111px;}
#n3{left: 222px;}
#n4{left: 333px;}
#n5{left: 444px;}
#n6{left: 555px;}
#n7{left: 666px;}
#leftside{
float: left;
}
#leftside h3{
border-top-width: 3px;
border-right-width: 3px;
border-bottom-width: 0px;
border-left-width: 3px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #00306f;
border-right-color: #00306f;
border-bottom-color: #00306f;
border-left-color: #00306f;
width:200px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #333333;
background-color: #FFFFFF;
text-align: center;
display: block;
margin-left: 35px;
margin-top: 35px;
}
#content{
margin-top: 252px;
position: absolute;
width: 777px;
background-color: #FFFFFF;
}
#picture1{
margin-left: 35px;
height: 150px;
width: 200px;
background-image: url(http://img.webme.com/pic/s/saitfilm/photoofthemonth.jpg);
border: 3px solid #00306f;
}
#picture2{
margin-left: 35px;
height: 150px;
width: 200px;
background-image: url(http://img.webme.com/pic/s/saitfilm/bikeofthemonth.jpg);
border: 3px solid #00306f;
}
#footer{
clear: both;
background-color: #FFFFFF;
position: relative;
height: 46px;
background-image: url(http://img.webme.com/pic/s/saitfilm/footer.gif);
background-repeat: no-repeat;
background-position: right bottom;
}
#rightside{
float: right;
width: 460px;
background-color: #FFFFFF;
margin-right: 15px;
margin-top: 20px;
overflow: hidden;
}
#rightside p{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
color: #666666;
margin-left: 0px;
margin-bottom: 20px;
width: 460px;
}
#rightside h1{
margin: 10px 0px 10px 0px;
width: 300px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #033387;
}
#rightside span{
margin-top: 10px;
margin-bottom: 4px;
width: 430px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #649721;
}
#rightside a{color: #666666;}
#footer p{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
float: right;
padding-top: 23px;
margin-right: 10px;
}
#footer a{color: #fff;}
#footer a:hover{color: #fff;}
#imagepreloader{
visibility: hidden;
overflow: hidden;
height: 0px;
width: 0px;
}
|
|
↑
|
|
|
-
saittemplates
Acemi Üye
|
26.05.2009, 20:17 (UTC) Mesaj konusu: |
|
|
beyler lütfen bakıyorsunuz bari cevap yazın...... |
|
↑
|
|
|
-
lifecity
Bedava-Sitem Bağımlısı
|
27.05.2009, 08:25 (UTC) Mesaj konusu: |
|
|
|
|
↑
|
|
|
-
turkplanet
Bedava-Sitem Bağımlısı
|
27.05.2009, 09:00 (UTC) Mesaj konusu: |
|
|
Tasarım üstü,
Kod: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Free Website Templates</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="central">
<div id="header">
<br />
</div>
<ul id="navlist">
<li><a id="n1" href="http://saitfilm.tr.gg/anasayfa.htm">Anasayfa</a></li>
<li><a id="n2" href="http://saitfilm.tr.gg/Haberler.htm">S|F|P Haberler</a></li>
<li><a id="n3" href="http://saitfilm.tr.gg/Kadromuz.htm">Kadromuz</a></li>
<li><a id="n4" href="http://saitfilm.tr.gg/Sponsorlar.htm">Sponsorlar</a></li>
<li><a id="n5" href="http://saitfilm.tr.gg/Ziyaretcidefteri.htm">Z.Defteri</a></li>
<li><a id="n6" href="http://saitfilm.tr.gg/Linkler.htm">Linkler</a></li>
<li><a id="n7" href="http://saitfilm.tr.gg/Projelerimiz.htm">Projelerimiz</a></li>
</ul>
<div id="content">
Tasarım altı
Kod: </div>
<div id="footer"><p>Tasarim by <a href="http://www.saitfilm.com">S | F | P</a></p></div>
</div>
<div id="imagepreloader"><img src="Resim/buttonover.gif" alt="mouseover" /></div>
</div>
</body>
</html> ______________ |
|
↑
|
|
|
-
oyunhangari
Aktif Üye
|
27.05.2009, 09:30 (UTC) Mesaj konusu: |
|
|
Tasarımustu
Kod: <div id="central">
<div id="header">
<br />
</div>
<ul id="navlist">
<li><a id="n1" href="http://saitfilm.tr.gg/anasayfa.htm">Anasayfa</a></li>
<li><a id="n2" href="http://saitfilm.tr.gg/Haberler.htm">S|F|P Haberler</a></li>
<li><a id="n3" href="http://saitfilm.tr.gg/Kadromuz.htm">Kadromuz</a></li>
<li><a id="n4" href="http://saitfilm.tr.gg/Sponsorlar.htm">Sponsorlar</a></li>
<li><a id="n5" href="http://saitfilm.tr.gg/Ziyaretcidefteri.htm">Z.Defteri</a></li>
<li><a id="n6" href="http://saitfilm.tr.gg/Linkler.htm">Linkler</a></li>
<li><a id="n7" href="http://saitfilm.tr.gg/Projelerimiz.htm">Projelerimiz</a></li>
</ul>
<div id="content">
<div id="leftside">
<h3><a href="http://saitfilm.tr.gg/Resimler.htm">Sait Film Resimler</h3>
<div id="picture1"></div>
<h3><a href="http://saitfilm.tr.gg/Filmler.htm">Sait Film Filmler</h3>
<div id="picture2"></div>
</div>
<div id="rightside"> |
|
↑
|
|
|
-
oyunhangari
Aktif Üye
|
27.05.2009, 09:30 (UTC) Mesaj konusu: |
|
|
Tasarımaltı
Kod: </div>
<div id="footer"><p>Tasarim by <a href="http://www.saitfilm.com">S | F | P</a></p></div>
</div>
<div id="imagepreloader"><img src="Resim/buttonover.gif" alt="mouseover" /></div>
</div> |
|
↑
|
|
|
-
denemedjmike
Acemi Üye
|
27.05.2009, 09:35 (UTC) Mesaj konusu: |
|
|
arkadaşlar teşekkür ederim ama yine aynı problem:S |
|
↑
|
|
|
-
xgaleri
Acemi Üye
|
27.05.2009, 10:00 (UTC) Mesaj konusu: |
|
|
Bu kodu Css Bolumune Yapıstır
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;} |
|
↑
|
|
|
|