Forum'da ara:
Ara


« Önceki başlık :: Sonraki başlık »  
Yazar Mesaj
Mesaj25.07.2008, 09:00 (UTC)    
Mesaj konusu: div katmanlarını ayıracak olan var mı?

bu kodda tasarımın altına ve üzerine koymak için div katmanlarını ayıracak olan var mı?

Kod:

<div class="content">
  <div id="header">
    <div class="title">
      <h1>sNEWS 1.5</h1>
      <h3>USE THIS TEMPLATE FOR FREE!</h3>
    </div>
  </div>
  <div id="main">
    <div class="center">
      <h2><a href="http://www.free-css.com/free-css-templates.php">Manuscript Template</a></h2>
      <h3>YOUR NEWS ON A OLD PAPER</h3>
      Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec sem. Praesent eu metus. Vivamus ac urna. Maecenas tincidunt libero id ipsum. Duis ipsum erat, laoreet in, ultrices at, blandit non, enim. Maecenas et libero. In laoreet vehicula enim. Nam at massa. Donec porttitor, odio id scelerisque pretium, augue eros cursus est, eget interdum dui justo et tellus. Aenean a neque eu mauris ultrices viverra. In ac urna. Etiam in dolor sit amet arcu auctor interdum. Fusce non quam. Nunc aliquet, quam eu facilisis venenatis, pede augue adipiscing lorem, nec tincidunt nunc felis eget odio. Integer iaculis pretium odio. Integer viverra. Integer porttitor elementum diam. In hac habitasse platea dictumst. Donec porta elit.
      <p class="date">Posted by Jack <img src="images/more.gif" alt="website template image" /> <a href="http://www.free-css.com/free-css-templates.php">Read more</a> <img src="images/comment.gif" alt="website template image" /> <a href="http://www.free-css.com/free-css-templates.php">Comments (15)</a> <img src="images/timeicon.gif" alt="website template image" /> 17.01.</p>
      <br />
      <h2><a href="http://www.free-css.com/free-css-templates.php">Try it with sNews 1.4</a></h2>
      <h3>AND WHY NOT WITH sNEWS 1.5 ;-)</h3>
      Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec sem. Praesent eu metus. Vivamus ac urna. Maecenas tincidunt libero id ipsum. Duis ipsum erat, laoreet in, ultrices at, blandit non, enim. Maecenas et libero. In laoreet vehicula enim. Nam at massa. Donec porttitor, odio id scelerisque pretium, augue eros cursus est, eget interdum dui justo et tellus. Aenean a neque eu mauris ultrices viverra. In ac urna. Etiam in dolor sit amet arcu auctor interdum. Fusce non quam. Nunc aliquet, quam eu facilisis venenatis, pede augue adipiscing lorem, nec tincidunt nunc felis eget odio. Integer iaculis pretium odio. Integer viverra. Integer porttitor elementum diam. In hac habitasse platea dictumst. Donec porta elit.
      <p class="date">Posted by Jack <img src="images/more.gif" alt="website template image" /> <a href="http://www.free-css.com/free-css-templates.php">Read more</a> <img src="images/comment.gif" alt="website template image" /> <a href="http://www.free-css.com/free-css-templates.php">Comments (15)</a> <img src="images/timeicon.gif" alt="website template image" /> 17.01.</p>
      <br />
    </div>
    <div class="leftmenu">
      <div class="nav">
        <ul>
          <li><a href="http://www.free-css.com/free-css-templates.php">Home</a></li>
          <li><a href="http://www.free-css.com/free-css-templates.php">Articles</a></li>
          <li><a href="http://www.free-css.com/free-css-templates.php">Gallery</a></li>
          <li><a href="http://www.free-css.com/free-css-templates.php">Affiliates</a></li>
          <li><a href="http://www.free-css.com/free-css-templates.php">Archives</a></li>
          <li><a href="http://www.free-css.com/free-css-templates.php">About</a></li>
          <li><a href="http://www.free-css.com/free-css-templates.php">Contact</a></li>
        </ul>
      </div>
    </div>
  </div>
  <div id="prefooter">
    <div class="particles">
      <h2>Top Articles</h2>
      <img src="images/arrow.gif" alt="website template image" /> <a href="http://www.free-css.com/free-css-templates.php">Integer euismod ante non diam adipiscing</a> <br />
      <img src="images/arrow.gif" alt="website template image" /> <a href="http://www.free-css.com/free-css-templates.php">consectetuer adipiscing elit dolor sit amet</a> <br />
      <img src="images/arrow.gif" alt="website template image" /> <a href="http://www.free-css.com/free-css-templates.php">Lorem ipsum dolor sit amet ipsum dolor</a><br />
      <img src="images/arrow.gif" alt="website template image" /> <a href="http://www.free-css.com/free-css-templates.php">Integer euismod ante non adipiscing elit </a><br />
      <img src="images/arrow.gif" alt="website template image" /> <a href="http://www.free-css.com/free-css-templates.php">Lorem ipsum dolor sit amet euismod ante</a><br />
    </div>
    <div class="comments">
      <h2>Last Comments</h2>
      <img src="images/arrow.gif" alt="website template image" /> <a href="http://www.free-css.com/free-css-templates.php">Integer euismod ante non diam adipiscing</a> <br />
      <img src="images/arrow.gif" alt="website template image" /> <a href="http://www.free-css.com/free-css-templates.php">consectetuer adipiscing elit dolor sit amet</a> <br />
      <img src="images/arrow.gif" alt="website template image" /> <a href="http://www.free-css.com/free-css-templates.php">Lorem ipsum dolor sit amet ipsum dolor</a><br />
      <img src="images/arrow.gif" alt="website template image" /> <a href="http://www.free-css.com/free-css-templates.php">Integer euismod ante non adipiscing elit </a><br />
      <img src="images/arrow.gif" alt="website template image" /> <a href="http://www.free-css.com/free-css-templates.php">Lorem ipsum dolor sit amet euismod ante</a><br />
    </div>
  </div>
  <div id="footer">
    <div class="padding"> Copyright &copy; 2006 Your Site Name | Design: <a target="_blank" rel="nofollow" href="http://www.free-css-templates.com">David Herreman </a> | <a href="http://www.free-css.com/free-css-templates.php">Contact</a> | <a target="_blank" href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> and <a target="_blank" href="http://validator.w3.org/check?uri=referer">XHTML</a> | <a target="_blank" rel="nofollow" href="http://www.solucija.com">Solucija.com</a> | <a href="http://www.free-css.com/free-css-templates.php">Login</a> </div>
  </div>
</div>
<div id="freecsstemplates" style="height:300px; display:none;">
  <div id="topsites">
    <p style="font-weight:bold; text-transform:uppercase;">This Block Is Not Part Of The Template</p>
  </div>
  <div id="templatefooter">
    <div class="ullist">
      <ul>
        <li class="title">Free CSS Categories</li>
        <li><a href="/free-css-templates.php" title="Free CSS Templates" target="_parent">Free CSS Templates</a></li>
        <li><a href="/free-css-layouts.php" title="Free CSS Layouts" target="_parent">Free CSS Layouts</a></li>
        <li><a href="/free-css-menus.php" title="Free CSS Menus" target="_parent">Free CSS Menus</a></li>
        <li><a href="/free-css-tutorials.php" title="Free CSS Tutorials" target="_parent">Free CSS Tutorials</a></li>
        <li><a href="/css-literature.php" title="CSS Literature" target="_parent">CSS Books &amp; Articles</a></li>
        <li><a href="/css-gallery.php" title="CSS Gallery" target="_parent">CSS Gallery</a></li>
        <li><a href="/css-reference.php" title="CSS Reference" target="_parent">CSS Reference</a></li>
      </ul>
    </div>
    <div class="ullist">
      <ul>
        <li class="title">Free CSS Sponsors</li>
        <li>
          <script type="text/javascript" src="/assets/templates/free-templates/scripts/buysellads.js"></script>
        </li>
      </ul>
    </div>
    <div class="ullist">
      <ul>
        <li class="title">Free CSS Affiliates</li>
        <li><a rel="nofollow" target="_blank" href="http://flashden.net?ref=gsxr750"><img src="/assets/images/banners/flashden/185x60.jpg" width="185" height="60" alt="FlashDen" title="" /></a></li>
        <li><a rel="nofollow" target="_blank" href="http://www.medialab.com/idevaffiliate/idevaffiliate.php?id=843"><img src="/assets/images/banners/medialab/185x60.jpg" width="185" height="60" alt="Sitegrinder" title="" /></a></li>
        <li><a rel="nofollow" target="_blank" href="http://www.flashloaded.com/?id2=3925388"><img src="/assets/images/banners/flashloaded/185x60.jpg" width="185" height="60" alt="FlashLoaded" title="" /></a></li>
      </ul>
    </div>
    <div class="clear"></div>
  </div>
</div>
<div id="csswrap">
  <ul id="trigger">
    <li class="trileft"><img src="/assets/templates/free-templates/shared/trileft.png" width="20" height="19" alt="" /></li>
    <li class="trigger-m"><a href="javascript:;" onFocus="this.blur()" onClick="toggleSlide('freecsstemplates');">Sponsors &amp; Affiliates</a></li>
    <li class="triright"><img src="/assets/templates/free-templates/shared/triright.png" width="20" height="19" alt="" /></li>
  </ul>
</div>
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script>
<script type="text/javascript">
_uacct = "UA-159243-28";
urchinTracker();
</script>

Mesaj25.07.2008, 10:01 (UTC)    
Mesaj konusu:

merhaba.
sanırım bu bölüm yazı bölümü olmalı diğerleri div katmanları zaten.
Kod:
Manuscript Template</a></h2>
      <h3>YOUR NEWS ON A OLD PAPER</h3>
      Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec sem. Praesent eu metus. Vivamus ac urna. Maecenas tincidunt libero id ipsum. Duis ipsum erat, laoreet in, ultrices at, blandit non, enim. Maecenas et libero. In laoreet vehicula enim. Nam at massa. Donec porttitor, odio id scelerisque pretium, augue eros cursus est, eget interdum dui justo et tellus. Aenean a neque eu mauris ultrices viverra. In ac urna. Etiam in dolor sit amet arcu auctor interdum. Fusce non quam. Nunc aliquet, quam eu facilisis venenatis, pede augue adipiscing lorem, nec tincidunt nunc felis eget odio. Integer iaculis pretium odio. Integer viverra. Integer porttitor elementum diam. In hac habitasse platea dictumst. Donec porta elit.
      <p class="date">Posted by Jack <img src="images/more.gif" alt="website template image" /> <a href="http://www.free-css.com/free-css-templates.php">Read more</a> <img src="images/comment.gif" alt="website template image" /> <a href="http://www.free-css.com/free-css-templates.php">Comments (15)</a> <img src="images/timeicon.gif" alt="website template image" /> 17.01.</p>
      <br />
      <h2><a href="http://www.free-css.com/free-css-templates.php">Try it with sNews 1.4</a></h2>
      <h3>AND WHY NOT WITH sNEWS 1.5 ;-)</h3>
      Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec sem. Praesent eu metus. Vivamus ac urna. Maecenas tincidunt libero id ipsum. Duis ipsum erat, laoreet in, ultrices at, blandit non, enim. Maecenas et libero. In laoreet vehicula enim. Nam at massa. Donec porttitor, odio id scelerisque pretium, augue eros cursus est, eget interdum dui justo et tellus. Aenean a neque eu mauris ultrices viverra. In ac urna. Etiam in dolor sit amet arcu auctor interdum. Fusce non quam. Nunc aliquet, quam eu facilisis venenatis, pede augue adipiscing lorem, nec tincidunt nunc felis eget odio. Integer iaculis pretium odio. Integer viverra. Integer porttitor elementum diam. In hac habitasse platea dictumst. Donec porta elit.
      <p class="date">Posted by Jack <img src="images/more.gif" alt="website template image" /> <a href="http://www.free-css.com/free-css-templates.php">Read more</a> <img src="images/comment.gif" alt="website template image" /> <a href="http://www.free-css.com/free-css-templates.php">Comments (15)</a> <img src="images/timeicon.gif" alt="website template image" /> 17.01.


bu yazıdan öncesini ve sonrasını ayrı ayrı ekleyin
Mesaj25.07.2008, 10:05 (UTC)    
Mesaj konusu:

kardes konuyu daha acık ve anlasılır yazarsan yardım edebiliriz...
______________
Mesaj25.07.2008, 11:26 (UTC)    
Mesaj konusu:

bu css tasarım kodu. Bu kodu tasarımın altına koymak için ve üstüne koymak için ayırıyoruz ya işte öyle ayıracak olan var mı? diyorum. normalde ben de ayırabilirdim ama bu koddan hiç bişey anlamadım.
Mesaj25.07.2008, 11:28 (UTC)    
Mesaj konusu:

üstte yazıları çıkardım.
o yazıların üstte kalanı ayrı altta kalanı ayrı yere koyunuz.
Önceki mesajları göster:   


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