Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj15.07.2011, 16:52 (UTC)    
Mesaj konusu: Selamınaleyküm

Merhaba arkadaşlar ben aranızda yeniyim ve bir blog sitesi açmaya karar verdim.Ama aşağıdaki tasarımı üst-alt olarak ayıramıyorum rica etsem ayırabilir misiniz?


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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>Blog Y</title>
<!-- TemplateEndEditable -->
<link href="../stil.css" rel="stylesheet" type="text/css" />
<!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable -->
</head>

<body>
<!-- TemplateBeginEditable name="EditRegion" -->
<div id="header">
  <div class="ayar" id="logo"></div>
  <div class="ayar" id="title"><a href="index.html">Ä°sminiz Kişisel Web Sitesi</a></div>
  <div class="ayar" id="menuler">
    <div class="ayar" id="anasayfa_menu"><a href="index.html">Anasayfa</a></div>
    <div class="ayar" id="hakkimda_menu"><a href="hakkimda.html">Hakkımda</a></div>
    <div class="ayar" id="iletisim_menu"><a href="iletisim.html">Ä°letişim</a></div>
    <div class="ayar" id="arsiv_menu"><a href="arsiv.html">Arşiv</a></div>
  </div>
</div>
<div id="content">
  <div id="content_orta">
    <div class="ayar" id="orta_sol">
      <div id="ilk_yazi">
        <div id="ilk_yazi_baslik">
          <div class="ayar" id="yazi_icon"></div>
          <div class="ayar" id="post_title"><a href="#">Lorem ipsum dolor sit amet</a><br />
              <span class="style1">Yazar : Yiğit  Yazı Tarihi : 28 Şubat 2011</span></div>
        </div>
        <div id="yazi_alani">
          <div class="ayar" id="post_image"><img src="../images/postimage.png" alt="Blog" width="136" height="109" /></div>
          <div class="ayar" id="post_area">Etiam ante nisl, aliquam eu porttitor eget, luctus sit amet ante. Integer quis nibh a felis vulputate sagittis. Sed adipiscing iaculis eros, nec suscipit est sollicitudin vitae. Mauris rhoncus pretium rutrum. Nullam dapibus libero non ante aliquam porta. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nunc at ipsum nisl. Etiam interdum elit eu urna mattis congue. Vestibulum ante ipsum primis.(<a href="#">#</a>)</div>
        </div>
      </div>
      <div id="ilk_yazi_1">
        <div id="ilk_yazi_baslik_1">
          <div class="ayar" id="yazi_icon_1"></div>
          <div class="ayar" id="post_title_1"><a href="#">Lorem ipsum dolor sit amet</a><br />
              <span class="style1">Yazar : Yiğit  Yazı Tarihi : 28 Şubat 2011</span></div>
        </div>
        <div id="yazi_alani">
          <div class="ayar" id="post_image_1"><img src="../images/postimage.png" alt="Blog" width="136" height="109" /></div>
          <div class="ayar" id="post_area_1">Etiam ante nisl, aliquam eu porttitor eget, luctus sit amet ante. Integer quis nibh a felis vulputate sagittis. Sed adipiscing iaculis eros, nec suscipit est sollicitudin vitae. Mauris rhoncus pretium rutrum. Nullam dapibus libero non ante aliquam porta. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nunc at ipsum nisl. Etiam interdum elit eu urna mattis congue. Vestibulum ante ipsum primis.(<a href="#">#</a>)</div>
        </div>
      </div>
      <div id="ilk_yazi_2">
        <div id="ilk_yazi_baslik_2">
          <div class="ayar" id="yazi_icon_2"></div>
          <div class="ayar" id="post_title_2"><a href="#">Lorem ipsum dolor sit amet</a><br />
              <span class="style1">Yazar : Yiğit  Yazı Tarihi : 28 Şubat 2011</span></div>
        </div>
        <div id="yazi_alani_2">
          <div class="ayar" id="post_image_2"><img src="../images/postimage.png" alt="Blog" width="136" height="109" /></div>
          <div class="ayar" id="post_area_2">Etiam ante nisl, aliquam eu porttitor eget, luctus sit amet ante. Integer quis nibh a felis vulputate sagittis. Sed adipiscing iaculis eros, nec suscipit est sollicitudin vitae. Mauris rhoncus pretium rutrum. Nullam dapibus libero non ante aliquam porta. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nunc at ipsum nisl. Etiam interdum elit eu urna mattis congue. Vestibulum ante ipsum primis.(<a href="#">#</a>)</div>
        </div>
      </div>
      <div id="ilk_yazi_3">
        <div id="ilk_yazi_baslik_3">
          <div class="ayar" id="yazi_icon_3"></div>
          <div class="ayar" id="post_title_3"><a href="#">Lorem ipsum dolor sit amet</a><br />
              <span class="style1">Yazar : Yiğit  Yazı Tarihi : 28 Şubat 2011</span></div>
        </div>
        <div id="yazi_alani">
          <div class="ayar" id="post_image_3"><img src="../images/postimage.png" alt="Blog" width="136" height="109" /></div>
          <div class="ayar" id="post_area_3">Etiam ante nisl, aliquam eu porttitor eget, luctus sit amet ante. Integer quis nibh a felis vulputate sagittis. Sed adipiscing iaculis eros, nec suscipit est sollicitudin vitae. Mauris rhoncus pretium rutrum. Nullam dapibus libero non ante aliquam porta. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nunc at ipsum nisl. Etiam interdum elit eu urna mattis congue. Vestibulum ante ipsum primis.(<a href="#">#</a>)</div>
        </div>
      </div>
    </div>
    <div class="ayar" id="orta_sag">
      <div id="reklamlar">
        <div class="ayar" id="ads"><img src="../images/ads.png" alt="Ads" width="128" height="125" /></div>
        <div class="ayar" id="ads2"><img src="../images/ads.png" alt="Ads" width="128" height="125" /></div>
        <div class="ayar" id="ads3"><img src="../images/ads.png" alt="Ads" width="128" height="125" /></div>
        <div class="ayar" id="ads1"><img src="../images/ads.png" alt="Ads" width="128" height="125" /></div>
      </div>
      <div id="sag_alt">
        <div id="son_yazilar">
          <div id="son_yazilar_baslik">
            <div class="ayar" id="son_yazilar_icon"></div>
            <div class="ayar" id="baslik_title">Son Yazılar</div>
          </div>
Önceki mesajları göster:   


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