Forum'da ara:
Ara


Yazar Mesaj
Mesaj28.08.2010, 13:34 (UTC)    
Mesaj konusu: Şu koda bakarmısınız az...

Bu kodun içinde, Tasarımın Altı ve Tasarımın Üstü var ama ayıramadım hangi <div id=> den ayırabilirim söylermisiniz?


Kod:
<div id="content">
  <div id="top_info">
    <p>Welcome to <b>Internet Broadcast</b> <span id="loginbutton"><a href="http://www.free-css.com/" title="Log In">&nbsp;</a></span><br />

      <b>You are not Logged in!</b> <a href="http://www.free-css.com/">Log in</a> to check your messages.</p>
  </div>
  <div id="logo">
    <h1><a href="http://www.free-css.com/">Internet Broadcast</a></h1>
    <p id="slogan">We share the relevant.</p>

  </div>
  <ul id="tablist">
    <li><a class="current" href="http://www.free-css.com/" accesskey="n"><span class="key">N</span>ews</a></li>
    <li><a href="http://www.free-css.com/" accesskey="b"><span class="key">B</span>logs</a></li>
    <li><a href="http://www.free-css.com/" accesskey="p"><span class="key">P</span>hotos</a></li>
    <li><a href="http://www.free-css.com/" accesskey="r">P<span class="key">r</span>ofiles</a></li>

    <li><a href="http://www.free-css.com/" accesskey="f"><span class="key">F</span>eeds</a></li>
    <li><a href="http://www.free-css.com/" accesskey="o">Br<span class="key">o</span>adcast News</a></li>
  </ul>
  <div id="topics">
    <div class="thirds">
      <p><br />

        Today's Popular Articles and Posts:</p>
    </div>
    <div class="thirds">
      <ul>
        <li><a href="http://www.free-css.com/">Conducting a CMS Survey</a></li>
        <li><a href="http://www.free-css.com/">Interests behind politics</a></li>
        <li><a href="http://www.free-css.com/">Web 2.0 business startup tips</a></li>

      </ul>
    </div>
    <div class="thirds">
      <ul>
        <li><a href="http://www.free-css.com/">How stress affects your health</a></li>
        <li><a href="http://www.free-css.com/">10 ways to buy a used car</a></li>
        <li><a href="http://www.free-css.com/">Are mobile phones really safe?</a></li>

      </ul>
    </div>
  </div>
  <div id="search">
    <form method="post" action="http://www.free-css.com/">
      <p>
        <input type="text" name="search" class="search" />
        <input type="submit" value="Search" class="button" />
      </p>

    </form>
  </div>
  <div id="left">
    <div class="subheader">
      <p><a href="http://www.free-css.com/">Lorem ipsum dolor</a> sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex.</p>
    </div>
    <div class="left_articles">

      <h2>Today's Featured Article</h2>
      <p class="date">Posted on 8th September</p>
      <img class="bigimage" src="images/bigimage.gif" alt="Big Image" />
      <p><a href="http://www.free-css.com/">Lorem ipsum dolor sit amet</a>, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. <a href="http://www.free-css.com/">Ut wisi enim ad minim veniam</a>, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex.</p>
      <p><a href="http://www.free-css.com/">Lorem ipsum dolor sit amet</a>, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. <a href="http://www.free-css.com/">Ut wisi enim ad minim veniam</a>, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex.</p>

    </div>
    <div class="left_box">
      <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore.</p>
    </div>
    <div class="thirds">
      <p><b><a href="http://www.free-css.com/" class="title">Web 2.0 business startup tips</a></b><br />
        Lorem ipsum dolor sit amet esta pa, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci. <a href="http://www.free-css.com/"><img src="images/comment.gif" alt="Comment" /></a></p>

    </div>
    <div class="thirds">
      <p><b><a href="http://www.free-css.com/" class="title">Visualize your website</a></b><br />
        Lorem ipsum dolor sit amet esta pa, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci. <a href="http://www.free-css.com/"><img src="images/comment.gif" alt="Comment" /></a></p>
    </div>
    <div class="thirds">
      <p><b><a href="http://www.free-css.com/" class="title">Manage your content</a></b><br />

        Lorem ipsum dolor sit amet esta pa, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci. <a href="http://www.free-css.com/"><img src="images/comment.gif" alt="Comment" /></a></p>
    </div>
  </div>
  <div id="right">
    <div class="right_articles">
      <p><img src="images/image.gif" alt="Image" title="Image" class="image" /><b>Lorem ipsum dolor sit amet</b><br />
        consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam <a href="http://www.free-css.com/">erat volutpat</a>. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis <a href="http://www.free-css.com/">nisl ut aliquip ex</a>.</p>

    </div>
    <div class="right_articles">
      <p><img src="images/image.gif" alt="Image" title="Image" class="image" /><b>Lorem ipsum dolor sit amet</b><br />
        consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam <a href="http://www.free-css.com/">erat volutpat</a>. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis <a href="http://www.free-css.com/">nisl ut aliquip ex</a>.</p>
    </div>
    <div class="right_articles">

      <p><img src="images/image.gif" alt="Image" title="Image" class="image" /><b>Lorem ipsum dolor sit amet</b><br />
        consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam <a href="http://www.free-css.com/">erat volutpat</a>. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis <a href="http://www.free-css.com/">nisl ut aliquip ex</a>.</p>
    </div>
    <div class="notes">
      <p>If you liked this template you might like some other <a href="http://www.free-css.com/">free CSS templates</a> from <a href="http://www.free-css.com/">Solucija</a>.</p>

    </div>
  </div>
  <div id="footer">
    <p class="right">&copy; 2006 Internet Broadcast, Design: Luka Cvrk - <a href="http://www.solucija.com/" title="Information Architecture and Web Design">Solucija</a></p>
    <p><a href="http://www.free-css.com/">RSS Feed</a> &middot; <a href="http://www.free-css.com/">Contact</a> &middot; <a href="http://www.free-css.com/">Accessibility</a> &middot; <a href="http://www.free-css.com/">Products</a> &middot; <a href="http://www.free-css.com/">Disclaimer</a> &middot; <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> and <a href="http://validator.w3.org/check?uri=referer">XHTML</a><br />

    </p>
  </div>
</div>
Mesaj28.08.2010, 13:38 (UTC)    
Mesaj konusu:

Tasarimin üstü:

Kod:
<div id="content">
  <div id="top_info">
    <p>Welcome to <b>Internet Broadcast</b> <span id="loginbutton"><a href="http://www.free-css.com/" title="Log In">&nbsp;</a></span><br />

      <b>You are not Logged in!</b> <a href="http://www.free-css.com/">Log in</a> to check your messages.</p>
  </div>
  <div id="logo">
    <h1><a href="http://www.free-css.com/">Internet Broadcast</a></h1>
    <p id="slogan">We share the relevant.</p>

  </div>
  <ul id="tablist">
    <li><a class="current" href="http://www.free-css.com/" accesskey="n"><span class="key">N</span>ews</a></li>
    <li><a href="http://www.free-css.com/" accesskey="b"><span class="key">B</span>logs</a></li>
    <li><a href="http://www.free-css.com/" accesskey="p"><span class="key">P</span>hotos</a></li>
    <li><a href="http://www.free-css.com/" accesskey="r">P<span class="key">r</span>ofiles</a></li>

    <li><a href="http://www.free-css.com/" accesskey="f"><span class="key">F</span>eeds</a></li>
    <li><a href="http://www.free-css.com/" accesskey="o">Br<span class="key">o</span>adcast News</a></li>
  </ul>
  <div id="topics">
    <div class="thirds">
      <p><br />

        Today's Popular Articles and Posts:</p>
    </div>
    <div class="thirds">
      <ul>
        <li><a href="http://www.free-css.com/">Conducting a CMS Survey</a></li>
        <li><a href="http://www.free-css.com/">Interests behind politics</a></li>
        <li><a href="http://www.free-css.com/">Web 2.0 business startup tips</a></li>

      </ul>
    </div>
    <div class="thirds">
      <ul>
        <li><a href="http://www.free-css.com/">How stress affects your health</a></li>
        <li><a href="http://www.free-css.com/">10 ways to buy a used car</a></li>
        <li><a href="http://www.free-css.com/">Are mobile phones really safe?</a></li>

      </ul>
    </div>
  </div>
  <div id="search">
    <form method="post" action="http://www.free-css.com/">
      <p>
        <input type="text" name="search" class="search" />
        <input type="submit" value="Search" class="button" />
      </p>

    </form>
  </div>
  <div id="left">
    <div class="subheader">
      <p><a href="http://www.free-css.com/">Lorem ipsum dolor</a> sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex.</p>
    </div>
    <div class="left_articles">

      <h2>Today's Featured Article</h2>
      <p class="date">Posted on 8th September</p>
      <img class="bigimage" src="images/bigimage.gif" alt="Big Image" />
      <p><a href="http://www.free-css.com/">Lorem ipsum dolor sit amet</a>, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. <a href="http://www.free-css.com/">Ut wisi enim ad minim veniam</a>, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex.</p>
      <p><a href="http://www.free-css.com/">Lorem ipsum dolor sit amet</a>, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. <a href="http://www.free-css.com/">Ut wisi enim ad minim veniam</a>, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex.</p>

    </div>
    <div class="left_box">
      <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore.</p>
    </div>
    <div class="thirds">
      <p><b><a href="http://www.free-css.com/" class="title">Web 2.0 business startup tips</a></b><br />
        Lorem ipsum dolor sit amet esta pa, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci. <a href="http://www.free-css.com/"><img src="images/comment.gif" alt="Comment" /></a></p>

    </div>
    <div class="thirds">
      <p><b><a href="http://www.free-css.com/" class="title">Visualize your website</a></b><br />
        Lorem ipsum dolor sit amet esta pa, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci. <a href="http://www.free-css.com/"><img src="images/comment.gif" alt="Comment" /></a></p>
    </div>
    <div class="thirds">
      <p><b><a href="http://www.free-css.com/" class="title">Manage your content</a></b><br />

        Lorem ipsum dolor sit amet esta pa, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci. <a href="http://www.free-css.com/"><img src="images/comment.gif" alt="Comment" /></a></p>
    </div>
  </div>
  <div id="right">
    <div class="right_articles">
      <p><img src="images/image.gif" alt="Image" title="Image" class="image" /><b>Lorem ipsum dolor sit amet</b><br />
        consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam <a href="http://www.free-css.com/">erat volutpat</a>. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis <a href="http://www.free-css.com/">nisl ut aliquip ex</a>.</p>

    </div>
    <div class="right_articles">
      <p><img src="images/image.gif" alt="Image" title="Image" class="image" /><b>Lorem ipsum dolor sit amet</b><br />
        consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam <a href="http://www.free-css.com/">erat volutpat</a>. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis <a href="http://www.free-css.com/">nisl ut aliquip ex</a>.</p>
    </div>
    <div class="right_articles">

      <p><img src="images/image.gif" alt="Image" title="Image" class="image" /><b>Lorem ipsum dolor sit amet</b><br />
        consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam <a href="http://www.free-css.com/">erat volutpat</a>. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis <a href="http://www.free-css.com/">nisl ut aliquip ex</a>.</p>
    </div>
    <div class="notes">
      <p>If you liked this template you might like some other <a href="http://www.free-css.com/">free CSS templates</a> from <a href="http://www.free-css.com/">Solucija</a>.</p>



Tasarimin altina:


Kod:
  </div>
  </div>
  <div id="footer">
    <p class="right">&copy; 2006 Internet Broadcast, Design: Luka Cvrk - <a href="http://www.solucija.com/" title="Information Architecture and Web Design">Solucija</a></p>
    <p><a href="http://www.free-css.com/">RSS Feed</a> &middot; <a href="http://www.free-css.com/">Contact</a> &middot; <a href="http://www.free-css.com/">Accessibility</a> &middot; <a href="http://www.free-css.com/">Products</a> &middot; <a href="http://www.free-css.com/">Disclaimer</a> &middot; <a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a> and <a href="http://validator.w3.org/check?uri=referer">XHTML</a><br />

    </p>
  </div>
</div>
Mesaj28.08.2010, 13:40 (UTC)    
Mesaj konusu:

Teşekkürler, oldu.
Mesaj28.08.2010, 13:41 (UTC)    
Mesaj konusu:

Birsey degil Wink
Önceki mesajları göster:   


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