- TRGG SİTESİNE CSS TASARIM

TRGG SİTESİNE CSS TASARIM

Güzel bir css desing. Emeğe saygı için temanın altındaki tayfuncss kısmını kaldırmayın
TASARIMIN ÜSTÜNE

<p id="top_info">Hemen <a href="#">Kayıt Ol</a> veya <a href="#">Giriş Yap</a>.<br />Paylaşıma Katılmak İçin Üye Olmanız Gerek..</p>
         
         <div id="logo">
            <h1><a href="http://tayfuncss.tr.gg" title="Tayfuncss.Tr.gg ">TayfunCss<span class="title">Tr.Gg</span></a></h1>

<p>Burada Sloganınız Olacak..</p>
         </div>
      </div>
               
      <div id="tabs">
         <ul>   
            <li><a href="#" accesskey="a"><span class="key">A</span>nasayfa</a></li>
            <li><a class="current" href="#" accesskey="H"><span class="key">H</span>tml Kodlar</a></li>

<li><a href="#" accesskey="i">A<span class="key">İ</span>conlar</a></li>
            <li><a href="#" accesskey="J"><span class="key">J</span>avascript</a></li>
            <li><a href="#" accesskey="c"><span class="key">C</span>ss Temalar</a></li>
            <li><a href="#" accesskey="R"><span class="key">R</span>SS</a></li>

</ul>
         <div id="search">
            <form method="post" action="?">
               <p><input type="text" name="search" class="search" /> <input type="submit" value="Search" class="button" /></p>
            </form>
         </div>
      </div>
               
      <div class="gboxtop"></div>

<div class="gbox">
         <p><a href="#">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. Ut wisi enim ad minim veniam, quis nostrud <a href="#">exerci tation</a> ullamcorper suscipit lobortis nisl ut aliquip ex.</p>
      </div>
      
      <div class="left">
         <div class="left_articles">
            <div class="buttons"><p><a href="#" class="bluebtn">Read</a> <a href="#" class="greenbtn">Mark</a></p></div>

<div class="calendar"><p>NOV<br />13th</p></div>
            <h2><a href="#">WwW.TayfunCss.Tr.gg</a></h2>
            <p class="description">Buraya Slogan Koyulacak..</p><br><a href="http://tayfuncss.tr.gg"><font color="#000000">WwW.TayfunCss.Tr.gg</font></a>

TASARIMIN ALTINA

</p>
         </div>

<div class="thirds">
            <div class="smallboxtop"></div>
            <div class="smallbox">
               <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
            </div>
         </div>
      
         <div class="thirds">
            <div class="smallboxtop"></div>

<div class="smallbox">
               <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>
            </div>
         </div>
      
         <div class="thirds">
            <div class="smallboxtop"></div>
            <div class="smallbox">
               <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.</p>

</div>
         </div>
      </div>   
      
      <div id="right">
         <div class="boxtop"></div>
         <div class="box">
            <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 erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis.<br /></p>
            <div class="buttons"><p><a href="#" class="bluebtn">Read</a> <a href="#" class="greenbtn">Mark</a></p></div>

</div>
         
         <div class="boxtop"></div>
         <div class="box">
            <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 erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis.<br /></p>
            <div class="buttons"><p><a href="#" class="bluebtn">Read</a> <a href="#" class="greenbtn">Mark</a></p></div>
         </div>

</div>   
      <div class="footer">
         <p><a href="#">RSS Feed</a> · <a href="#">Most Popular</a> · <a href="#">Today's Favorites</a> · <a href="#">All Time Favorites</a> · <a href="#">Sharing Policy</a> · <a href="http://www.tayfuncss.tr.gg" title="Professional CSS Templates">Profesyonel CSS Temalar</a> · <a href="http://www.ni5ni6.com">Ni5Ni6</a> · <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 />

© Copyright 2009 Tüm Hakları Saklıdır. , Tasarım Uyarlama - <a href="http://www.tayfuncss.tr.gg" title="tayfuncss">Tayfuncss</a></p>
      </div>
   </div>
</body>
</html>
<br><a href="http://tayfuncss.tr.gg"><font color="#000000">WwW.TayfunCss.Tr.gg</font></a>

CSS BÖLÜMÜNE