Forum'da ara:
Ara


Yazar Mesaj
Mesaj12.11.2011, 18:33 (UTC)    
Mesaj konusu: Biri şu kodları düzenleye bilirmi :S

merhaba ben adobe dreamwiever da kodları yazdım düzenledim fakat üst-alt-css kod kısmı olarak 3 bölüp düzenleyemedim

işte bu sayfa kodu:
Kod:

<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Metamorphosis Design Free Css Templates</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="styles.css" rel="stylesheet" type="text/css" />
</head>
<body>

<div id="main">
<!-- header begins -->
<div id="header">
   <div id="logo"><a href="#">  Staronline1</a>
     <h2><a href="http://www.staronline1.tr.gg" id="metamorph">Ayakta kaldınız lütfen bir bölüme giriniz.</a></h2></div>
    <div id="buttons">
          <div ><a href="#" class="but_1"  title="">Ana Sayfa</a></div>
          <div ><a href="#" class="but_2" title="">Forum</a></div>
          <div><a href="#"  class="but_3" title="">Games</a></div>
          <div><a href="#"  class="but_4" title="">Araçlar</a></div>
          <div ><a href="#" class="but_5" title="">Giriş</a></div>
    </div>
</div>
<!-- header ends -->
    <!-- content begins -->
       <div id="content">
           <div id="right">
               <h1>**Güncel**</h1>
                <div class="tit_bot">
                  <div class="right_b">. </div>
                    <div class="read"></div>
                  <div class="right_b"></div>
                    <div class="read"></div>
                 </div>   
           </div> 
            <div id="left">
               <div class="left_top"></div>
                 <div class="left_s">
                    <h2>&nbsp;</h2><br />
                     <h2>&nbsp;</h2>
                </div>
                 <div class="left_bot"></div>
            </div>
            <div style="clear: both"><img src="images/spaser.gif" alt="" width="1" height="1" /></div>
           </div>
    <!-- content ends -->
    <!-- footer begins -->
    <div id="footer">
  Bir Berkan Çerçi tasarımı <a href="http://staronline1.tr.gg/Hakk%26%23305%3Bnda.htm" title="Website Templates">(Bu Adamda kimmiş?)</a><br />
      </div>
<!-- footer ends -->
</div>
</body>
</html>




buda style codu (css kodu):

Kod:


*
{
border: 0;
margin: 0;
}

img
{
border: 0px;
}

a {text-decoration: underline;}

#left a {
   color:#092443;
}

#right a{
   color: #CACED7;
}

a:hover{
   text-decoration: none;
   color: #FFFFFF;
}

body{
   color: #000000;
   line-height:20px;
   background: url(http://img.webme.com/pic/s/staronline1/bgc.jpg) top repeat-x #050507;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 16px;
}

#main {
   width: 1015px;
   margin-left: 9px;
   background: url(http://img.webme.com/pic/s/staronline1/bg_cont.jpg) 0px 414px repeat-x #6D84AA;
   border-left: 5px solid #D5D6D8;
   border-right: 5px solid #D5D6D8;
   margin: 0px auto;
}


#header {
width:1014px;
padding: 0px 0px 0px 0px;
height: 468px;
background: url(http://img.webme.com/pic/s/staronline1/big.jpg) left top no-repeat;
}

#logo {   font-family: Arial, Helvetica, sans-serif;
      color:#FFFFFF;
      font-size:18px;
      font-style:italic;
      padding: 320px 83px 0px 0px;
      float:right;
}

#logo a {
   text-decoration: none;
   text-transform: lowercase;
   font-style: italic;
   font-size: 16px;
   color: #ffffff;
   font-weight: bold;
}


#logo H2 a{
   font-size: 12px;
   font-family: Arial, Helvetica, sans-serif;
   text-transform: none;
}

#buttons{
   width: 500px;
   height: 468px;
   background: url(images/but_bg.jpg) top repeat-x;
   text-align:center;
   margin-left: 0px;
   float:right;
   padding-left: 60px;
   float:left;
}

#buttons a {
   font-family: tahoma, Helvetica, sans-serif;
   font-size: 18px;
   font-weight: 100;
   display: block;
   float: left;
   height: 34px;
   text-decoration: none;
   color: #FFFFFF;
   padding-top: 17px;
   text-align: center;
   background:url(images/fish_b.gif) 0px 23px no-repeat;
   text-transform:lowercase;
}

.but_1 {
width: 88px;
margin-top: 190px;
}

.but_2 {
width: 92px;
margin-top: 382px;
}

.but_3 {
width: 95px;
margin-top: 212px;
}

.but_4 {
width: 95px;
margin-top: 314px;
}

.but_5 {
width: 95px;
margin-top: 140px;
}

#buttons a:hover {
   text-decoration: underline;
   background: url(images/but_over.jpg) repeat-x;
}

#content{
   width: 1005px;
   padding: 0px 0px 0px 0px;
   background: url(images/cont_bg.png);
   margin: 0px 0px 0px 10px;
}

#right{
   width: 279px;
   margin: 0px 11px 0px 0px;
   float: right;
   color:#000000;
}

.right_b {   background: url(http://img.webme.com/pic/s/staronline1/fish.png) 10px 19px no-repeat;
      padding-left: 31px;
      padding-top: 15px;
      width: 243px;}

.text{
   padding: 0px 0px 0px 0px;
}

.img {   float:left;
      margin: 5px 12px 5px 0px;
}

span {   color:#0D2C55;
      font-weight:bold;
}

.dat { text-decoration: underline;
      color:#C8CFD8;}
      
.col_b {color:#C8CFD8;}

#right H1{
   font-family: Tahoma, Helvetica, sans-serif;
   font-size:18px;
   font-weight: 100;
   color: #ffffff;
   text-align:center;
   background: url(http://img.webme.com/pic/s/staronline1/tit.png) left top no-repeat;
   height: 33px;
   padding-top: 10px;
   text-transform:lowercase;
}

#left H2{
   font-family: Tahoma, Helvetica, sans-serif;
   font-size:18px;
   font-weight: 100;
   color: #08295A;
   padding-bottom: 10px;
   padding-top: 4px;
   text-align: left;
   background: url(images/tit_right.jpg) bottom repeat-x;
   width: 100%;
}

.read{
   text-align:right;
   padding-right:20px;
   padding-top: 5px;
   font-weight:bold;
   text-decoration:none;
}

#left{
float: left;
width: 704px;
background: url(images/bg_left.jpg) left 25px repeat-x;
margin-right: 0px;
padding: 0px 0px 0px 0px;
}

.tit_bot { background:url(http://img.webme.com/pic/s/staronline1/bot_bg.png) left top no-repeat;}

.left_top { background:url(http://img.webme.com/pic/s/staronline1/left_top.gif) top no-repeat;
            height:8px;
            width: 704px;
}

.left_bot {   background: url(http://img.webme.com/pic/s/staronline1/left_bot.gif) bottom no-repeat;
            height:8px;
            width: 704px;}
            
.left_s {    background: url(http://img.webme.com/pic/s/staronline1/bg_left.png);
         width: 680px;
         padding: 0px 12px 0px 12px;
         min-height: 455px;}

#footer{
   height: 42px;
   width: 100%;
   font-size: 10px;
   color: #FFFFFF;
   text-align: center;
   clear:both;
   padding: 14px 0px 0px 0px;
   background: url(http://img.webme.com/pic/s/staronline1/footer.jpg) bottom repeat-x;
}

#footer a{
   color: #FFFFFF;
   font-size: 10px;
   text-decoration: none;
}

#footer a:hover{
   color: #FFFFFF;
   font-size: 10px;
   text-decoration: underline;
}


Biri bunları düzenleyeyip bölebilirmi :S
Mesaj12.11.2011, 18:46 (UTC)    
Mesaj konusu:

çok kolay şimdi öncelikle css kodlarını css kısmına at sonra

content kısmına kadar kopyala üst kısım oluo orası

diğer kalanıda alt kısımda

content sayfa başlangıçı oluo yani içerik giriliyor
______________
Mesaj12.11.2011, 23:50 (UTC)    
Mesaj konusu:

css kodları ztn belli oldugu için sadece tasarım üst ve alta ekleyeceğin kodları ayırdım buyur Arrow

t.üst Arrow

Kod:
<div id="main">
<!-- header begins -->
<div id="header">
   <div id="logo"><a href="#">  Staronline1</a>
     <h2><a href="http://www.staronline1.tr.gg" id="metamorph">Ayakta kaldınız lütfen bir bölüme giriniz.</a></h2></div>
    <div id="buttons">
          <div ><a href="#" class="but_1"  title="">Ana Sayfa</a></div>
          <div ><a href="#" class="but_2" title="">Forum</a></div>
          <div><a href="#"  class="but_3" title="">Games</a></div>
          <div><a href="#"  class="but_4" title="">Araçlar</a></div>
          <div ><a href="#" class="but_5" title="">Giriş</a></div>
    </div>
</div>
<!-- header ends -->
    <!-- content begins -->
       <div id="content">


t.alt Arrow

Kod:
<div id="right">
               <h1>**Güncel**</h1>
                <div class="tit_bot">
                  <div class="right_b">. </div>
                    <div class="read"></div>
                  <div class="right_b"></div>
                    <div class="read"></div>
                 </div>   
           </div>
            <div id="left">
               <div class="left_top"></div>
                 <div class="left_s">
                    <h2>&nbsp;</h2><br />
                     <h2>&nbsp;</h2>
                </div>
                 <div class="left_bot"></div>
            </div>
            <div style="clear: both"><img src="images/spaser.gif" alt="" width="1" height="1" /></div>
           </div>
    <!-- content ends -->
    <!-- footer begins -->
    <div id="footer">
  Bir Berkan Çerçi tasarımı <a href="http://staronline1.tr.gg/Hakk%26%23305%3Bnda.htm" title="Website Templates">(Bu Adamda kimmiş?)</a><br />
      </div>
<!-- footer ends -->

______________

Mesaj13.11.2011, 11:59 (UTC)    
Mesaj konusu:

İlginiş ve yardımlarınız için teşşekkürler Smile
Önceki mesajları göster:   


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