Radyo CSS TEMA

Tasarım üstü :
Kod: |
<div id="wrapper">
<div id="container1"> <div id="menu"> <div id="pettabs" class="indentmenu"> <ul> <li><a href="http://www.free-css.com/free-css-templates.php" rel="tab1" class="selected">Giriş</a></li> <li><a href="http://www.free-css.com/free-css-templates.php" rel="tab2">Dinle</a></li> <li><a href="http://www.free-css.com/free-css-templates.php" rel="tab3">Yayın Akışı</a></li> <li><a href="http://www.free-css.com/free-css-templates.php" rel="tab4">Dj Ler</a></li> <li><a href="http://www.free-css.com/free-css-templates.php" rel="tab5">İstek Hattı</a></li> <li><a href="http://www.free-css.com/free-css-templates.php" rel="tab6" style="border-right: none;">İletişim</a></li> </ul> </div> <div class="tabcontentstyle"> <div id="tab1" class="tabcontent"></div> <div id="tab2" class="tabcontent"> <ul> <li><a href="http://www.free-css.com/free-css-templates.php">Service 1</a></li> <li><a href="http://www.free-css.com/free-css-templates.php">Service 2</a></li> <li><a href="http://www.free-css.com/free-css-templates.php">Service 3</a></li> <li><a href="http://www.free-css.com/free-css-templates.php">Service 4</a></li> <li><a href="http://www.free-css.com/free-css-templates.php">Service 5</a></li> </ul> </div> <div id="tab3" class="tabcontent"> <ul> <li><a href="http://www.free-css.com/free-css-templates.php">Product 1</a></li> <li><a href="http://www.free-css.com/free-css-templates.php">Product 2</a></li> <li><a href="http://www.free-css.com/free-css-templates.php">Product 3</a></li> <li><a href="http://www.free-css.com/free-css-templates.php">Product 4</a></li> </ul> </div> <div id="tab4" class="tabcontent"> <ul> <li><a href="http://www.free-css.com/free-css-templates.php">Link 1</a></li> <li><a href="http://www.free-css.com/free-css-templates.php">Link 2</a></li> <li><a href="http://www.free-css.com/free-css-templates.php">Link 3</a></li> <li><a href="http://www.free-css.com/free-css-templates.php">Link 4</a></li> <li><a href="http://www.free-css.com/free-css-templates.php">Link 5</a></li> <li><a href="http://www.free-css.com/free-css-templates.php">Link 6</a></li> </ul> </div> <div id="tab5" class="tabcontent"> Something you might want to know about us. </div> <div id="tab6" class="tabcontent"> Don't be hesitated to contact us if you have something to say. </div> </div> </div> <!-- end of mneu --> <div id="banner"> <h1>Yeni tasarıma hoşgeldiniz !</h1> <p>bu tasarım <a href="http://bedavasitem.forum.st/profile.forum?mode=viewprofile&u=1020"><font color="white">Relaxis</font></a> tarafından tr.gg ye optimize edilmiştir .</p> </div> <div id="content1"> <div id="content_top"></div> <div class="content_section_01"> <div class="section_01_left"> |
Tasarımın Altı :
Kod: |
</div>
<div class="section_01_right"> <h1>Site Haberleri</h1> <h3>Siteniz hayırlı olsun.</h3> <p>Donec enim enim, imperdiet quis, mollis a, elementum a, diam. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> <a href="http://bedavasitem.forum.st">Devamını oku</a> </div> <div class="cleaner"> </div> </div> <div class="content_section_02"> <div class="section_02_subsection"> <h2>Featured Services</h2> <p>Suspen disse a nibh tristique justo rhoncus volutpat.</p> <ul> <li><a href="http://bedavasitem.forum.st">Free Flash Templates</a></li> <li><a href="http://bedavasitem.forum.st">CSS Web Templates</a></li> <li><a href="http://bedavasitem.forum.st">Web Design Blog</a></li> <li><a href="http://bedavasitem.forum.st">Premium Templates</a></li> </ul> <a href="http://bedavasitem.forum.st">devamını oku...</a> </div> <div class="section_02_subsection"> <h2>Why choose us?</h2> <p>Pellentesque lectus justo, fermentum in, ornare vitae, vehicula eu, felis.</p> <ul> <li>Quisque facilisis suscipit elit</li> <li>Lacus et dictum tristique</li> <li>Eeros ac tincidunt aliquam</li> <li>Nullam commodo arcu non facilisis</li> </ul> <a href="http://bedavasitem.forum.st">devamını oku...</a> </div> <div class="section_02_subsection" style="border-right: none;"> <h2>Testimonials</h2> <h3>Phasellus id purus</h3> <p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Quisque at nulla eu elit adipiscing tempor.</p> <a href="http://www.free-css.com/free-css-templates.php">Flash Templates</a> <div style="clear: both; margin-top: 30px;"> <a target="_blank" rel="nofollow" href="http://validator.w3.org/check?uri=referer"><img style="border:0;width:88px;height:31px" src="http://www.w3.org/Icons/valid-xhtml10" alt="website template image" width="88" height="31" vspace="8" border="0" /></a> <a target="_blank" rel="nofollow" href="http://jigsaw.w3.org/css-validator/check/referer"><img style="border:0;width:88px;height:31px" src="http://jigsaw.w3.org/css-validator/images/vcss-blue" alt="website template image" vspace="8" border="0" /></a> </div> </div> <div class="cleaner"> </div> </div> </div> <div id="footer"> <p><a href="http://bedavasitem.forum.st">Giriş</a> | <a href="http://bedavasitem.forum.st">Products</a> | <a href="http://bedavasitem.forum.st">Services</a> | <a href="http://bedavasitem.forum.st">S.S.S</a> |<a href="http://bedavasitem.forum.st">İletişim</a> </p> <p>Copyright © 2oo9 <a href="/Ana-Sayfa.htm"><strong>Sitenin Adı</strong></a> | <a href="http://bedavasitem.forum.st">Tüm hakları saklıdır !</a> </p> </div> <!-- end of footer --> </div> </div> |
Css Kodu :
Kod: |
table {margin-left: auto;margin-right: auto}h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;}
/* CSS Credit: http://www.templatemo.com */ body { margin: 0; padding: 0; line-height: 1.5em; font-family: Verdana, Arial, san-serif; |