Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj26.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;
}

Mesaj26.05.2009, 20:17 (UTC)    
Mesaj konusu:

beyler lütfen bakıyorsunuz bari cevap yazın......
Mesaj27.05.2009, 08:25 (UTC)    
Mesaj konusu:

S.a şu başlığı incele kendim anlatdım umarım işine yarar

Free Css Uygulama ( Yazılı Anlatım )
http://www.bedava-sitem.com/forum/viewtopic.php?t=104985
______________

Arrow LifeCity Banner Değişim Ağı Açılmıştır ! Sende Katıl !
Mesaj27.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>

______________
Mesaj27.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">
Mesaj27.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>
Mesaj27.05.2009, 09:35 (UTC)    
Mesaj konusu:

arkadaşlar teşekkür ederim ama yine aynı problem:S
Mesaj27.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;}
Önceki mesajları göster:   


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