Forum'da ara:
Ara


Yazar Mesaj
Mesaj12.07.2010, 16:59 (UTC)    
Mesaj konusu: Cok güzel bir tasarim kendinize göre tasarliya bilirsinis
Alıntıyla Cevap Gönder
Tasarim 1


Üst Kisim
Kod:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Flower</title>
<meta http-equiv="Content-Language" content="English" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
</head>
<body>

<div id="wrap">

<div id="header">
<h1><a href="#">Sitenizin Basligi</a></h1>
<h2>Aciklama</h2>
</div>

<div id="right">

<h2><a href="#">Sitenizin Adresi</a></h2>
<div class="articles">

Alt kisim
Kod:
</div>
</div>

<div id="left">

<h3>Menü</h3>
<ul>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul>




</div>
<div style="clear: both;"> </div>

<div id="footer">
Designed by adiniz
</div>
</div>


</body>
</html>


Css Kodu
Kod:
*{ margin: 0; padding: 0; }*
body { font: .8em Arial, Sans-Serif; line-height: 1.8em; background: #333; color: #444; }
a {COLOR: #6587E0; text-decoration: none;}
a:visited {COLOR: #6587E0; text-decoration: none;}
a:hover {COLOR: #333; text-decoration: underline;}
h2 { margin: 0 0 10px; padding: 10px 0 3px; }
h3 { padding-left: 10px; color: #fff; background: #FE7B09 url(http://img330.yukle.tc/images/8442bg.jpg) repeat-x; font-size: 1em; height: 24px; line-height: 24px; }
ul {  padding: 0; margin: 0 0 10px;}
li { list-style-type: none;}
p { margin: 5px 0 10px 0; }
img { border: none; }

#header {
background: #FE7B09 url(http://img330.yukle.tc/images/432header.jpg) repeat-x;
height: 215px;
}
#header h1 {
font-size: 30px;
font-weight: 100;
letter-spacing: -1px;
padding: 22px 0 5px 10px;
}
#header h1 a {
color: #fff;
text-decoration: none;
}
#header h1 a:hover {
color: #000;
text-decoration: none;
}
#header h2 {
color: #eee;
font-size: 19px;
font-weight: 100;
padding: 0 0 0 11px;
letter-spacing: -1px;
line-height: 12px;
}

#wrap { padding: 10px 10px 3px 10px; width: 760px; margin:20px auto; background: #fff;}
#left { float: left; width: 180px; background: #CFDDFF; margin-bottom: 10px; margin-top: 20px;}
#left ul { padding: 5px 10px 10px 10px; margin: 0; }
#right { margin-bottom: 10px; float: right; width: 550px; padding: 0 10px 10px 10px; margin-top: 10px;}
   
#footer { font-size: 11px; text-align: center; border-top: 1px solid #ccc; padding: 10px 5px; }
[/code]

Tasarim 2

Demo

Üstkisim
Kod:
    <div class="tableleft">
      <h3>Season 2006-07</h3>
      <p> <strong>Sunday 13 May 2007</strong> <br />
        Liverpool 2 - 2 Charlton </p>
      <h4>Tables</h4>
      <table width="164" border="0" cellpadding="0" cellspacing="0">
        <tr style="background: #336600; color: #fff;">
          <td width="18"><strong>#</strong></td>
          <td><strong>Team</strong></td>
          <td width="30"><div align="center"><strong>P</strong></div></td>
          <td width="30"><div align="center"><strong>Pts</strong></div></td>
        </tr>
        <tr class="otherteam">
          <td width="18">1</td>
          <td>Man Utd </td>
          <td width="30"><div align="center">38</div></td>
          <td width="30"><div align="center">89</div></td>
        </tr>
        <tr class="otherteam">
          <td width="18">2</td>
          <td>Chelsea </td>
          <td width="30"><div align="center">38</div></td>
          <td width="30"><div align="center">83</div></td>
        </tr>
        <tr class="yourteam">
          <td width="18">3</td>
          <td>Liverpool </td>
          <td width="30"><div align="center">38</div></td>
          <td width="30"><div align="center">68</div></td>
        </tr>
        <tr class="otherteam">
          <td width="18">4</td>
          <td>Arsenal</td>
          <td width="30"><div align="center">38</div></td>
          <td width="30"><div align="center">68</div></td>
        </tr>
        <tr class="otherteam">
          <td width="18">5</td>
          <td>Spurs</td>
          <td width="30"><div align="center">38</div></td>
          <td width="30"><div align="center">60</div></td>
        </tr>
      </table>
    </div>
  </div>
  <!-- End Left Column -->
  <!-- Begin Right Column -->
  <div id="maincolumn">
    <h1>Welcome! (h1)</h1>
    <p>

Alt kisim
Kod:
</p>
    <div class="clear"></div>
  </div>
  <!-- End Right Column -->
  <div class="clear"></div>
  <div id="footer"> &copy; Copyright 2007 by Your Name | Design by <a href="http://www.wfiedler-online.de">wfiedler</a><br />
    Icons by IconArchive (Free for non-commercial use) </div>
</div>
<!-- End Wrapper -->
</body>
</html>

Css Kodu
Kod:
↑
Mesaj12.07.2010, 17:02 (UTC)    
Mesaj konusu:
Alıntıyla Cevap Gönder
Millet ya su ikinci tasarimda css kodunu unuttum kusura bakmayin mesaji dehistiremiyorum dehistirsem düzeltcem
↑
Mesaj12.07.2010, 17:02 (UTC)    
Mesaj konusu:
Alıntıyla Cevap Gönder
Merhaba... Paylaşım İçin Teşekkurler Fakat

Sabit Başlık Altında Paylaşınız...


http://www.bedava-sitem.com/forum/viewtopic.php?t=25697
↑
Mesaj12.07.2010, 17:03 (UTC)    
Mesaj konusu:
Alıntıyla Cevap Gönder
ha ok kardes pardon
↑
Önceki mesajları göster:   
  • 1. sayfa (Toplam 1 sayfa)

  •  
    • Geçiş Yap:  


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

© 2024 webme GmbH, Almanya, Tüm hakları saklıdır.