mrwashor

Css Tasarımlar

DJ TASARIMI

TASARIM ÜSTÜ
<div id="container"> <div id="header"> <ul> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Home</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Members</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Gallery</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Parties</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Booking</a></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Contact</a></li> </ul> </div> <div id="welcome">

TASARIM ALTI
<br /> <br /> </div> <div id="news"> <h3>Latest News</h3> <div class="newsitem"> <a href="http://www.templatebeauty.com" _fcksavedurl="http://www.templatebeauty.com"><img src="http://www.free-css.com/assets/files/free-css-templates/preview/page21/night-club/images/photo1.jpg" _fcksavedurl="http://www.free-css.com/assets/files/free-css-templates/preview/page21/night-club/images/photo1.jpg" alt="Photo 1" border="0" /></a> <span>10.11.2006</span> <p>If you're looking for beautiful and professionally made templates you can find them at Template Beauty.com.</p> </div> <div class="newsitem"> <a href="http://www.justwebtemplates.com" _fcksavedurl="http://www.justwebtemplates.com"><img src="http://www.free-css.com/assets/files/free-css-templates/preview/page21/night-club/images/photo2.jpg" _fcksavedurl="http://www.free-css.com/assets/files/free-css-templates/preview/page21/night-club/images/photo2.jpg" alt="Photo 2" border="0" /></a> <span>10.11.2006</span> <p>Even more websites all about website templates on Just Web Templates.</p> </div> <div class="clear"></div> </div> <div id="dj"> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><img src="http://www.free-css.com/assets/files/free-css-templates/preview/page21/night-club/images/bestdjs.jpg" _fcksavedurl="http://www.free-css.com/assets/files/free-css-templates/preview/page21/night-club/images/bestdjs.jpg" alt="Best DJ's" border="0" /></a> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><img src="http://www.free-css.com/assets/files/free-css-templates/preview/page21/night-club/images/specialoffer.jpg" _fcksavedurl="http://www.free-css.com/assets/files/free-css-templates/preview/page21/night-club/images/specialoffer.jpg" alt="special offer" border="0" /></a> <div class="clear"></div> </div> <div id="footer"> copyright information 2006.All rights reserved. | designed by <a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">free website templates</a></div> </div>

CSS

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;} body { color: #97b15e; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0px; padding: 0px; background-color:#051c00; } .clear{clear:both;} * {margin: 0px;padding: 0px;} #container { margin: 0 auto; text-align: left; width: 767px; } a{color:#80ba04;} a:hover{color:#b7fb24;} /********************** Header ***************************/ #header { background-image:url(http://www.free-css.com/assets/files/free-css-templates/preview/page21/night-club/images/header.jpg); width:767px; height:404px; position:relative; } #header ul{ position:absolute; top:367px; left:100px; } #header li{ display:block; float:left; width:97px; } #header ul a{ color:#aefa0d; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 900; text-transform: capitalize; } #header ul a:hover{color:#97b15e;} /********************** Welcome ***************************/ #welcome { background-image:url(http://www.free-css.com/assets/files/free-css-templates/preview/page21/night-club/images/dj.gif); background-repeat: no-repeat; background-position: right top; } #welcome h3{ margin: 10px 10px 10px 110px; font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bolder; text-transform: uppercase; color: #7eae19;} #welcome p{ margin: 10px 10px 10px 110px;width:416px;} #welcome a{} /********************** News ***************************/ #news { background-image:url(http://www.free-css.com/assets/files/free-css-templates/preview/page21/night-club/images/line.jpg); background-repeat: no-repeat; background-position: left top; padding: 10px 10px 10px 110px; } #news h3{ margin: 20px 10px 15px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bolder; text-transform: uppercase; color: #7eae19; } .newsitem{float:left;width:275px; display:inline;} .newsitem a{} .newsitem img{float:left;margin-right:10px;} .newsitem span{ color:#97b15e; font-size: 9px; font-weight: 900; } .newsitem p{margin: 10px 10px 15px 10px;} /********************** Best DJ's ***************************/ #dj { background-image:url(http://www.free-css.com/assets/files/free-css-templates/preview/page21/night-club/images/line.jpg); background-repeat: no-repeat; background-position: left top; padding: 30px 0px 0px 110px; } #dj img{border:0px;} #dj a{border:0px;float:left;} #dj a:hover{} /********************** Footer ***************************/ #footer { background-image:url(http://www.free-css.com/assets/files/free-css-templates/preview/page21/night-club/images/line.jpg); background-repeat: no-repeat; background-position: left top; padding: 10px 10px 10px 110px; text-align:center; }

UÇAK TEMASI

TASARIM ÜSTÜ
<div id="body_wrapper">  <div id="company_header"> <div class="add_shadow"><div><div> <div id="company_logo"> <h1><span>Travel Agency</span></h1> </div> </div></div></div> </div>   <div id="nav_menu"> <ul> <li><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">Main Page</a></li> <li><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">Our Tours</a></li> <li><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">Destinations</a></li> <li><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">Hotel Guide</a></li> <li id="last"><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">Contacts</a></li> </ul> </div>   <div id="content_body">  <div id="left_column">  <div class="content_header"> <div class="add_shadow"><div><div> <div class="content_header2"> <h2>Travel Gallery</h2> </div> </div></div></div> </div> <div id="travelgallery">  <div class="gallery_thumbnail"> <div class="add_shadow"><div><div> <img src="https://img.webme.com/pic/k/kaynakkodum/travelgallery_01.gif" _fcksavedurl="https://img.webme.com/pic/k/kaynakkodum/travelgallery_01.gif" width="170" height="114" alt="Thumbnail Caption" /> </div></div></div> </div>   <div class="gallery_thumbnail"> <div class="add_shadow"><div><div> <img src="https://img.webme.com/pic/k/kaynakkodum/travelgallery_02.gif" _fcksavedurl="https://img.webme.com/pic/k/kaynakkodum/travelgallery_02.gif" width="170" height="114" alt="Thumbnail Caption" /> </div></div></div> </div>   <div class="gallery_thumbnail"> <div class="add_shadow"><div><div> <img src="https://img.webme.com/pic/k/kaynakkodum/travelgallery_03.gif" _fcksavedurl="https://img.webme.com/pic/k/kaynakkodum/travelgallery_03.gif" width="170" height="114" alt="Thumbnail Caption" /> </div></div></div> </div>   <div class="gallery_thumbnail"> <div class="add_shadow"><div><div> <img src="https://img.webme.com/pic/k/kaynakkodum/travelgallery_04.gif" _fcksavedurl="https://img.webme.com/pic/k/kaynakkodum/travelgallery_04.gif" width="170" height="114" alt="Thumbnail Caption" /> </div></div></div> </div>  <div class="clearthis"> </div> <div class="view_all"> <div class="add_shadow"><div><div> <a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">View All Photos</a> </div></div></div> </div> </div>  </div>   <div id="right_column"> www.kaynakkodum.tr.gg

TASARIM ALTI
</div>  <div class="clearthis"> </div> </div>   <div id="page_footer"> Web design by <a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">Free Website Templates</a> </div>  </div>

CSS

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;} * { margin: 0px; padding: 0px; } body { padding: 10px 0px 10px; background-color: #484848; color: #fff; font-family: verdana, arial, sans-serif; font-size: 12px; text-align: center; } a { color: #fff; background-color: inherit; text-decoration: underline; } a:hover { color: #e1d9a7; background-color: inherit; } span { display: none; } img { border: none; } ul { list-style-type: none; } li { list-style-type: none; } p { margin: 6px 0px 15px; text-align: justify; line-height: 14px; } .clearthis { margin : 0px; height : 1px; clear : both; float : none; font-size : 1px; line-height : 0px; overflow : hidden; visibility: hidden; } #body_wrapper { margin: 0px auto; padding: 2px 0px; width: 777px; background-color: #fcfcfc; color: inherit; text-align: left; } .add_shadow { float: left; background: url('https://img.webme.com/pic/k/kaynakkodum/shadow_bot.gif') no-repeat 0% 100%; } .add_shadow div { display: block; float: left; background: url('https://img.webme.com/pic/k/kaynakkodum/shadow_right.gif') no-repeat 100% 0%; } .add_shadow div div { display: block; float: none; padding: 0px 5px 5px 0px; background: url('https://img.webme.com/pic/k/kaynakkodum/shadow_rightbot.gif') no-repeat 100% 100%; } .add_shadow div div div { padding: 0px; background: none; } /* Company Logo */ #company_header { margin: 45px 10px; z-index: 1; position: absolute; } #company_logo { padding: 3px; background: url('https://img.webme.com/pic/k/kaynakkodum/company_poster.gif') #fff no-repeat 3px 3px; color: #000; } #company_logo h1 { display: block; background: url('https://img.webme.com/pic/k/kaynakkodum/company_logo.gif') no-repeat 50% 3px; width: 368px; height: 368px; } #company_logo h1 span { display: none; } /* Navigational Menu */ #nav_menu { margin: 0px 2px; width: 773px; background-color: #5c3424; color: #fff; border-bottom: #fff 2px solid; font-family: arial, sans-serif; font-weight: bold; letter-spacing: 1px; text-transform: uppercase; } #nav_menu ul { margin-left: 130px; width: 630px; height: 27px; overflow: hidden; } #nav_menu li { padding: 5px 11px 3px 10px; background: url('https://img.webme.com/pic/k/kaynakkodum/navmenu_div.gif') no-repeat 100% 7px; float: left; } #nav_menu li#last { padding-right: 10px; background-image: none; } #nav_menu a { text-decoration: none; } /* Content Body */ #content_body { margin: 0px 2px; padding: 17px 12px 15px 15px; background-color: #dddacc; border-bottom: #fff 2px solid; color: #000000; text-align: left; } #content_body a { background-color: inherit; color: #000000; } #content_body a:hover { background-color: #dddacc; color: #a64a26; } #content_body .content_header2 { display: block; border: #000 2px solid; } #content_body .content_header h2 { padding: 3px 0px; font-size: 14px; font-weight: bold; text-align: center; text-transform: uppercase; } #content_body .content_box { padding: 10px 15px 20px 6px; clear: both; float: none; } /* Left Column */ #left_column { margin-left: 5px; margin-top: 395px; width: 365px; float: left; } #left_column .content_header { padding-bottom: 45px; } #left_column .content_header h2 { width: 351px; background-color: #c4bea1; color: #545246; } /* Right Column */ #right_column { width: 353px; float: right; } #right_column .content_header h2 { width: 348px; background-color: #a64a26; color: #fff; } /* Travel Gallery */ #travelgallery { padding-bottom: 5px; float: none; clear: both; text-align: center; } .gallery_thumbnail { float: left; padding: 5px 5px 0px 0px; } .gallery_thumbnail .add_shadow { background-color: #000; color: #fff; } .gallery_thumbnail .add_shadow div div { padding-bottom: 3px; } .gallery_thumbnail .add_shadow img { margin: 1px; } #travelgallery .view_all { margin: 15px auto 0px; width: 154px; height: 26px; float: none; clear: both; } #travelgallery .view_all a { padding: 3px 5px; border: #000 1px solid; background-color: #c4bea1; color: #5c3424; display: block; font-weight: bold; font-family: arial, sans-serif; letter-spacing: 1px; text-decoration: none; text-transform: uppercase; text-align: center; } #travelgallery .view_all a:hover { background-color: #be552c; color: #fff; } /* Page Footer */ #page_footer { margin: 0px 2px; padding: 7px 0px; width: 773px; background-color: #5c3424; color: inherit; font-size: 11px; font-weight: bold; text-align: center; }

DİNİ TEMA

TASARIM ÜSTÜ
<style type="text/css" media="screen"> #pages { background: url("http://testrun.wptr.net/wp-content/themes/nursohbet/images/kubrickbgwide.jpg") repeat-y top; border: none; } </style> <div id="pages"> <div id="header1"> <div id="headerimg"> <br> <table border="0" width="779"> <tbody><tr> <td width="59"> </td> <td width="710"><div id="menu"> <ul> <li><b><a href="http://testrun.wptr.net/" _fcksavedurl="http://testrun.wptr.net/">anasayfa</a></b></li> <b> </b><li class="page_item page-item-2"><b><a href="http://testrun.wptr.net/?page_id=2" _fcksavedurl="http://testrun.wptr.net/?page_id=2" title="Hakkında">Hakkında</a></b></li> <b></b> </ul> </div></td> </tr> </tbody></table> <center> <h3><font color="#336600" size="5"><a href="http://testrun.wptr.net/" _fcksavedurl="http://testrun.wptr.net/"> Wptr.Net - WordPress Önizleme </a></font></h3> </center> <div class="description">Wptr.Net Türkçe WordPress Temaları Önizleme Sayfasıdır. </div> </div> </div><div id="subnavbar"> <ul id="subnav"> <li class="cat-item cat-item-1"><a href="http://testrun.wptr.net/?cat=1" _fcksavedurl="http://testrun.wptr.net/?cat=1" title="Kategorilenmemiş kategorisi altındaki tüm yazıları göster">Kategorilenmemiş</a> </li> <li class="cat-item cat-item-3"><a href="http://testrun.wptr.net/?cat=3" _fcksavedurl="http://testrun.wptr.net/?cat=3" title="Öykü kategorisi altındaki tüm yazıları göster">Öykü</a> </li> </ul> </div> <hr> <div id="conttent" class="narrowcolumn"> <div class="post" id="post-4"> <h3>HackeR FrienD.Net</h3> <small>Bilgi Güçtür, Paylaştıkça Büyür!</small> <div class="entry">

TASARIM ALTI
</div> </div> <div class="navigation"> <div class="alignleft"></div> <div class="alignright"></div> </div> </div> <div id="sidebar"> <ul> <li> <form method="get" id="searchform" action="http://testrun.wptr.net/"> <div><input value="" name="s" id="s" type="text"> <input id="searchsubmit" value="Ara" type="submit"> </div> </form> </li>  <li class="pagenav"><h3>Sayfalar</h3><ul><li class="page_item page-item-2"><a href="http://testrun.wptr.net/?page_id=2" _fcksavedurl="http://testrun.wptr.net/?page_id=2" title="Hakkında">Hakkında</a></li> </ul></li> <li><h3>Arşiv</h3> <ul> <li><a href="http://testrun.wptr.net/?m=200804" _fcksavedurl="http://testrun.wptr.net/?m=200804" title="Nisan 2008">Nisan 2008</a></li> </ul> </li> <li class="categories"><h3>Kategoriler</h3><ul> <li class="cat-item cat-item-1"><a href="http://testrun.wptr.net/?cat=1" _fcksavedurl="http://testrun.wptr.net/?cat=1" title="Kategorilenmemiş kategorisi altındaki tüm yazıları göster">Kategorilenmemiş</a> (1) </li> <li class="cat-item cat-item-3"><a href="http://testrun.wptr.net/?cat=3" _fcksavedurl="http://testrun.wptr.net/?cat=3" title="Öykü kategorisi altındaki tüm yazıları göster">Öykü</a> (1) </li> </ul></li> <li id="linkcat-2" class="linkcat"><h3>Bağlantılar</h3> <ul> <li><a href="http://dir.wptr.net/" _fcksavedurl="http://dir.wptr.net/">Blog Dizini</a></li> <li><a href="http://forum.wptr.net/" _fcksavedurl="http://forum.wptr.net/">Destek Forumu</a></li> <li><a href="http://codex.wordpress.org/" _fcksavedurl="http://codex.wordpress.org/">İngilizce Belgeler</a></li> <li><a href="http://www.wordpress-tr.com/kaynaklar/" _fcksavedurl="http://www.wordpress-tr.com/kaynaklar/">Kaynaklar</a></li> <li><a href="http://www.wptr.net/" _fcksavedurl="http://www.wptr.net/">WordPress Temaları</a></li> <li><a href="http://www.wordpress-tr.com/" _fcksavedurl="http://www.wordpress-tr.com/">WordPress Türkiye</a></li> <li><a href="http://wordpress.org/" _fcksavedurl="http://wordpress.org/">WordPress.org</a></li> </ul> </li> <li><h3>Meta</h3> <ul> <li><a href="http://testrun.wptr.net/wp-login.php" _fcksavedurl="http://testrun.wptr.net/wp-login.php">Giriş</a></li> <li><a href="http://validator.w3.org/check/referer" _fcksavedurl="http://validator.w3.org/check/referer" title="Bu sayfa XHTML 1.0 Transitional olarak geçerlidir">Geçerli <abbr title="eXtensible HyperText Markup Language">XHTML</abbr></a></li> <li><a href="http://gmpg.org/xfn/" _fcksavedurl="http://gmpg.org/xfn/"><abbr title="XHTML Friends Network">XFN</abbr></a></li> <li><a href="http://wordpress.org/" _fcksavedurl="http://wordpress.org/" title="Altyapı WordPress, kişisel yayımlama platformu.">WordPress</a></li> </ul> </li> </ul> </div> <hr> <div id="footer">  <p> Wptr.Net - WordPress Önizleme, <a href="http://www.nursohbet.net/" _fcksavedurl="http://www.nursohbet.net/">Nur Sohbet</a> Teması <a href="http://www.wordpress.org/" _fcksavedurl="http://www.wordpress.org/">WordPress</a> - <a href="http://www.wptr.net/" _fcksavedurl="http://www.wptr.net/">Wptr</a> üzerine kurulmuştur. <br> <a href="http://testrun.wptr.net/?feed=rss2" _fcksavedurl="http://testrun.wptr.net/?feed=rss2">Yazılar (RSS)</a> ve <a href="http://testrun.wptr.net/?feed=comments-rss2" _fcksavedurl="http://testrun.wptr.net/?feed=comments-rss2">Yorumlar (RSS)</a>.  </p> </div> </div>

CSS

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;} /* Theme Name: Nur Sohbet Theme URI: http://www.nursohbet.net/ Description: En Populer Turkce WordPress temasi <a href="http://www.nursohbet.net/blog/" _fcksavedurl="http://www.nursohbet.net/blog/">Nur Sohbet</a> temasidir.. Version: 1.6 Author: Tahir Dinc Author URI: http://www.mavihayat.net/ Tags: widgets, two columns, simple, white, red, clean Nur Sohbet v1 http://www.nursohbet.net/blog/ Bu tema by Tahir Dinc tarafından tasarlanmıştır. Yazarın blog adresi: http://www.ispanyol.net/ CSS, XHTML ve tasarım GPL lisansına sahiptir: http://www.opensource.org/licenses/gpl-license.php */ /* Begin Typography & Colors */ body { font-size: 62.5%; /* Resets 1em to 10px */ font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; background: #CD3333 ; color: #333; text-align: center; } #pages { background-color: #CD3333; border: 1px solid #959596; text-align: left; } #header1 { background: #CD3333 url('http://testrun.wptr.net/wp-content/themes/nursohbet/images/kubrickheader.jpg') no-repeat bottom center; } /* menu */ #menu { width:520px; margin:auto; overflow:hidden; height:18px; font:normal 8pt Georgia, "Times New Roman", Times, serif; text-transform:lowercase; } #menu ul { list-style:none; margin:0px 0px 0px 10px; padding:0px; overflow:hidden; } #menu li { float:left; padding:0px; } #menu li a { display:block; background-color:#CD3333; padding:2px 5px 2px 5px; margin:0px 5px 0px 0px; text-align:center; color:#FFFFFF; } #menu li a:hover { color:#333333; text-decoration:none; } #menu li.current_page_item a { background-color:#333333; } #menu li.current_page_item a:hover { color:#CD3333; text-decoration:none; } #headerimg { margin: 7px 9px 0; height: 192px; width: 740px; } #conttent { font-size: 1.2em } .widecolumn .entry p { font-size: 1.05em; } .narrowcolumn .entry, .widecolumn .entry { line-height: 1.4em; } .widecolumn { line-height: 1.6em; } .narrowcolumn .postmetadata { text-align: center; } .alt { background-color: #f8f8f8; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } #footer { background: #eee url('http://testrun.wptr.net/wp-content/themes/nursohbet/images/kubrickfooter.jpg') no-repeat top; border: none; } small { font-family: Arial, Helvetica, Sans-Serif; font-size: 0.9em; line-height: 1.5em; } h1, h3, h4 { font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight: bold; } h1 { font-size: 4em; text-align: center; } #headerimg .description { font-size: 1.2em; text-align: center; } h3 { font-size: 1.6em; } h3.pagetitle { font-size: 1.6em; } #sidebar h3 { font-family: 'Lucida Grande', Verdana, Sans-Serif; font-size: 1.2em; } h4 { font-size: 1.3em; } h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description { text-decoration: none; color: #C26D2C; } h3, h3 a, h3 a:visited, h4, h4 a, h4 a:visited { color: #333; } h3, h3 a, h3 a:hover, h3 a:visited, h4, h4 a, h4 a:hover, h4 a:visited, #sidebar h3, #wp-calendar caption, cite { text-decoration: none; } .entry p a:visited { color: #b85b5a; } .commentlist li, #commentform input, #commentform textarea { font: 0.9em 'Lucida Grande', Verdana, Arial, Sans-Serif; } .commentlist li { font-weight: bold; } .commentlist li .avatar { float: right; border: 1px solid #eee; padding: 2px; background: #fff; } .commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 1.1em; } .commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; } #commentform p { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; } .commentmetadata { font-weight: normal; } #sidebar { font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif; } small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike { color: #777; } code { font: 1.1em 'Courier New', Courier, Fixed; } acronym, abbr, span.caps { font-size: 0.9em; letter-spacing: .07em; } a, h3 a:hover, h4 a:hover { color: #b85b5a; text-decoration: none; } a:hover { color: #147; text-decoration: underline; } #wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; } #wp-calendar a { text-decoration: none; } #wp-calendar caption { font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif; text-align: center; } #wp-calendar th { font-style: normal; text-transform: capitalize; } /* End Typography & Colors */ /* Begin Structure */ body { margin: 0 0 20px 0; padding: 0; } #pages { background-color: white; margin: 20px auto; padding: 0; width: 790px; border: 1px solid #959596; } #header { background-color: #73a0c5; margin: 0 0 0 1px; padding: 0; height: 200px; width: 790px; } #headerimg { margin: 0; height: 200px; width: 100%; } .narrowcolumn { float: right; padding: 0 0 0 5px; margin: 0 20px 0; width: 550px; } .widecolumn { float: right; padding: 0 0 0 5px; margin: 0 20px 0; width: 550px; } .post { margin: 0 0 40px; text-align: justify; } .post hr { display: block; } .widecolumn .post { margin: 0; } .narrowcolumn .postmetadata { padding-top: 5px; } .widecolumn .postmetadata { margin: 30px 0; } .widecolumn .smallattachment { text-align: center; float: left; width: 128px; margin: 5px 5px 5px 0px; } .widecolumn .attachment { text-align: center; margin: 5px 0px; } .postmetadata { clear: left; } .clear { clear: both; } #footer { padding: 0; margin: 0 auto; width: 800px; clear: both; } #footer p { margin: 0; padding: 20px 0; text-align: center; } /* End Structure */ /* Begin Headers */ h1 { padding-top: 70px; margin: 0; } h3 { margin: 30px 0 0; } h3.pagetitle { margin-top: 30px; text-align: center; } #sidebar h3 { margin: 5px 0 0; padding: 0; } h4 { padding: 0; margin: 30px 0 0; } h4.comments { padding: 0; margin: 40px auto 20px ; } /* End Headers */ /* Begin Images */ p img { padding: 0; max-width: 100%; } /* Using 'class="alignright"' on an image will (who would've thought?!) align the image to the right. And using 'class="centered', will of course center the image. This is much better than using align="center", being much more futureproof (and valid) */ img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } .alignright { float: right; } .alignleft { float: left } /* End Images */ /* Begin Lists Special stylized non-IE bullets Do not work in Internet Explorer, which merely default to normal bullets. */ html>body .entry ul { margin-left: 0px; padding: 0 0 0 30px; list-style: none; padding-left: 10px; text-indent: -10px; } html>body .entry li { margin: 7px 0 8px 10px; } .entry ul li:before, #sidebar ul ul li:before { content: "0BB 020"; } .entry ol { padding: 0 0 0 35px; margin: 0; } .entry ol li { margin: 0; padding: 0; } .postmetadata ul, .postmetadata li { display: inline; list-style-type: none; list-style-image: none; } #sidebar ul, #sidebar ul ol { margin: 0; padding: 0; } #sidebar ul li { list-style-type: none; list-style-image: none; margin-bottom: 15px; } #sidebar ul p, #sidebar ul select { margin: 5px 0 8px; } #sidebar ul ul, #sidebar ul ol { margin: 5px 0 0 10px; } #sidebar ul ul ul, #sidebar ul ol { margin: 0 0 0 10px; } #sidebar ul li ul li /* a */ { padding: 5px 0px 5px 20px; display: block; width: 120px; background: url(http://testrun.wptr.net/wp-content/themes/nursohbet/images/petitrond.gif) no-repeat 0px 4px; } ol li, #sidebar ul ol li { list-style: decimal outside; } #sidebar ul li h3 { font-size: 18px; color: #474747; padding-bottom: 9px; font-weight: normal; } #sidebar ul ul li, #sidebar ul ol li { margin: 3px 0 0; padding: 0; } /* End Entry Lists */ #subnavbar { background: #393939; width: 818px; height: 24px; color: #FFFFFF; margin: 0px auto 0px; padding: 0px; } #subnav { margin: 0px; padding: 0px; list-style: none; } #subnav ul { margin: 0px; padding: 0px; list-style: none; } #subnav a { color: #FFFFFF; display: block; font-size: 10px; font-weight: bold; text-transform: uppercase; margin: 0px; padding: 6px 15px 6px 15px; } #subnav a:hover { background: #FFFFFF; color: #CD3333; display: block; text-decoration: none; margin: 0px; padding: 6px 15px 6px 15px; } #subnav li { float: left; margin: 0px; padding: 0px; z-index: 14; position: relative; } #subnav li li { float: left; margin: 0px; padding: 0px; width: 140px; z-index: 10; position: relative; } #subnav li li a, #subnav li li a:link, #subnav li li a:visited { background: #393939; width: 140px; float: none; margin: 0px; padding: 6px 10px 6px 10px; border-top: 1px solid #FFFFFF; } #subnav li li a:hover, #subnav li li a:active { background: #2255AA; margin: 0px; padding: 6px 10px 6px 10px; } #subnav li ul { position: absolute; width: 10em; left: -999em; } #subnav li:hover ul { left: auto; display: block; } #subnav li:hover ul, #subnav li.sfhover1 ul { left: auto; } /* Begin Form Elements */ #searchform { margin: 10px auto; padding: 5px 3px; text-align: center; } #sidebar #searchform #s { width: 108px; padding: 2px; } #sidebar #searchsubmit { padding: 1px; } .entry form { /* This is mainly for password protected posts, makes them look better. */ text-align:center; } select { width: 130px; } #commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; } #commentform textarea { width: 100%; padding: 2px; } #commentform #submit { margin: 0; float: right; } /* End Form Elements */ /* Begin Comments*/ .alt { margin: 0; padding: 10px; } .commentlist { padding: 0; text-align: justify; } .commentlist li { margin: 15px 0 3px; padding: 5px 10px 3px; list-style: none; } .commentlist p { margin: 10px 5px 10px 0; } #commentform p { margin: 5px 0; } .nocomments { text-align: center; margin: 0; padding: 0; } .commentmetadata { margin: 0; display: block; } /* End Comments */ /* Begin Sidebar */ #sidebar { padding: 5px 0 5px 0; background-color: #f8f8f8; margin-left: 45px; width: 150px; } #sidebar form { margin: 0; } /* End Sidebar */ /* Begin Calendar */ #wp-calendar { empty-cells: show; margin: 10px auto 0; width: 155px; } #wp-calendar #next a { padding-right: 10px; text-align: right; } #wp-calendar #prev a { padding-left: 10px; text-align: left; } #wp-calendar a { display: block; } #wp-calendar caption { text-align: center; width: 100%; } #wp-calendar td { padding: 3px 0; text-align: center; } #wp-calendar td.pad:hover { /* Doesn't work in IE */ background-color: #fff; } /* End Calendar */ /* Begin Various Tags & Classes */ acronym, abbr, span.caps { cursor: help; } acronym, abbr { border-bottom: 1px dashed #999; } blockquote { margin: 15px 30px 0 10px; padding-left: 20px; border-left: 5px solid #ddd; } blockquote cite { margin: 5px 0 0; display: block; } .center { text-align: center; } hr { display: none; } a img { border: none; } .navigation { display: block; text-align: center; margin-top: 10px; margin-bottom: 60px; } /* End Various Tags & Classes*/ /* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you. It won't be a stylish marriage, I can't afford a carriage. But you'll look sweet upon the seat of a bicycle built for two." */

KAHVERENGİ ŞEHİR TEMASI

TASARIM ÜSTÜ
 <div id="page">  <div id="header">  <div id="header-menu"> <ul> <li class="page_item page-item-2"><a href="http://test.qualitywordpress.com/?page_id=2" _fcksavedurl="http://test.qualitywordpress.com/?page_id=2" title="About">About</a></li> <li class="page_item page-item-5"><a href="http://test.qualitywordpress.com/?page_id=5" _fcksavedurl="http://test.qualitywordpress.com/?page_id=5" title="Archives">Archives</a></li> <li class="page_item page-item-10"><a href="http://test.qualitywordpress.com/?page_id=10" _fcksavedurl="http://test.qualitywordpress.com/?page_id=10" title="Links">Links</a></li> </ul> </div>   <div id="header-info"> <h1><a href="http://test.qualitywordpress.com/" _fcksavedurl="http://test.qualitywordpress.com/">Theme Name</a></h1> <div class="description">Wordpress Theme</div> </div>   <div id="topbar"> <div id="topbar-left"> </div> <div id="topbar-center"> <h3></h3> <ul> <li><a href="http://test.qualitywordpress.com/?p=15" _fcksavedurl="http://test.qualitywordpress.com/?p=15" title="Success with Quality Themes">Success with Quality Themes</a></li> <li><a href="http://test.qualitywordpress.com/?p=14" _fcksavedurl="http://test.qualitywordpress.com/?p=14" title="Make Money Blogging">Make Money Blogging</a></li> <li><a href="http://test.qualitywordpress.com/?p=13" _fcksavedurl="http://test.qualitywordpress.com/?p=13" title="Picture in Post">Picture in Post</a></li> </ul> </div> <div id="topbar-right"> <h3></h3> <ul> <li><a href="http://test.qualitywordpress.com/?p=8" _fcksavedurl="http://test.qualitywordpress.com/?p=8"> @ Longer Post ...</a></li><li><a href="http://test.qualitywordpress.com/?p=1" _fcksavedurl="http://test.qualitywordpress.com/?p=1">Mr WordPress @ Hello world! ...</a></li> </ul> </div> </div>   <div id="header-feed"> <a href="http://test.qualitywordpress.com/?feed=rss" _fcksavedurl="http://test.qualitywordpress.com/?feed=rss"><img src="Theme%20Name_files/blank.gif" _fcksavedurl="Theme%20Name_files/blank.gif" alt="RSS Feed" width="60" height="60"></a> </div>  </div>   <div id="main"><div id="main-top"><div id="main-bottom">  <div class="sidebar"> <h3>Pages</h3> <ul> <li class="page_item page-item-2"><a href="http://test.qualitywordpress.com/?page_id=2" _fcksavedurl="http://test.qualitywordpress.com/?page_id=2" title="About">About</a></li> <li class="page_item page-item-5"><a href="http://test.qualitywordpress.com/?page_id=5" _fcksavedurl="http://test.qualitywordpress.com/?page_id=5" title="Archives">Archives</a></li> <li class="page_item page-item-10"><a href="http://test.qualitywordpress.com/?page_id=10" _fcksavedurl="http://test.qualitywordpress.com/?page_id=10" title="Links">Links</a></li> </ul> <h3>Categories</h3> <ul> <li class="cat-item cat-item-3"><a href="http://test.qualitywordpress.com/?cat=3" _fcksavedurl="http://test.qualitywordpress.com/?cat=3" title="View all posts filed under Art & Design">Art & Design</a> </li> <li class="cat-item cat-item-5"><a href="http://test.qualitywordpress.com/?cat=5" _fcksavedurl="http://test.qualitywordpress.com/?cat=5" title="View all posts filed under Business">Business</a> </li> <li class="cat-item cat-item-4"><a href="http://test.qualitywordpress.com/?cat=4" _fcksavedurl="http://test.qualitywordpress.com/?cat=4" title="View all posts filed under Marketing">Marketing</a> </li> <li class="cat-item cat-item-6"><a href="http://test.qualitywordpress.com/?cat=6" _fcksavedurl="http://test.qualitywordpress.com/?cat=6" title="View all posts filed under Online">Online</a> </li> <li class="cat-item cat-item-1"><a href="http://test.qualitywordpress.com/?cat=1" _fcksavedurl="http://test.qualitywordpress.com/?cat=1" title="View all posts filed under Uncategorized">Uncategorized</a> </li> </ul> <h3>Archives</h3> <ul> <li><a href="http://test.qualitywordpress.com/?m=200810" _fcksavedurl="http://test.qualitywordpress.com/?m=200810" title="October 2008">October 2008</a></li> <li><a href="http://test.qualitywordpress.com/?m=200809" _fcksavedurl="http://test.qualitywordpress.com/?m=200809" title="September 2008">September 2008</a></li> <li><a href="http://test.qualitywordpress.com/?m=200808" _fcksavedurl="http://test.qualitywordpress.com/?m=200808" title="August 2008">August 2008</a></li> <li><a href="http://test.qualitywordpress.com/?m=200806" _fcksavedurl="http://test.qualitywordpress.com/?m=200806" title="June 2008">June 2008</a></li> <li><a href="http://test.qualitywordpress.com/?m=200805" _fcksavedurl="http://test.qualitywordpress.com/?m=200805" title="May 2008">May 2008</a></li> </ul> <div class="textwidget"></div> </div>  <div id="contents">  <div class="post" id="post-15"> <div class="post-title"> <h2>HackeR FrienD.Net</h2> Bilgi Gt0072002c Paylaştıka0020By00720021003c/div> <div class="post-entry"> <p>

TASARIM ALTI
</p> </div> <div class="post-info"> Slogan yada gz0065006c00200062ir sz002e002e. </div> </div>   <div class="navigation"> <div class="navigation-previous"></div> <div class="navigation-next"></div> </div>  <div class="clear"></div> </div>  <div class="sidebar sidebar-right"> <h3>Blogroll</h3> <ul> <li><a href="http://wordpress.org/development/" _fcksavedurl="http://wordpress.org/development/">Development Blog</a></li> <li><a href="http://codex.wordpress.org/" _fcksavedurl="http://codex.wordpress.org/">Documentation</a></li> <li><a href="http://wordpress.org/extend/plugins/" _fcksavedurl="http://wordpress.org/extend/plugins/">Plugins</a></li> <li><a href="http://wordpress.org/extend/ideas/" _fcksavedurl="http://wordpress.org/extend/ideas/">Suggest Ideas</a></li> <li><a href="http://wordpress.org/support/" _fcksavedurl="http://wordpress.org/support/">Support Forum</a></li> <li><a href="http://wordpress.org/extend/themes/" _fcksavedurl="http://wordpress.org/extend/themes/">Themes</a></li> <li><a href="http://planet.wordpress.org/" _fcksavedurl="http://planet.wordpress.org/">WordPress Planet</a></li> </ul> <h3>Advertisements</h3> <div id="spons"><br> <center><a href="#" _fcksavedurl="#"><img src="Theme%20Name_files/ad.jpg" _fcksavedurl="Theme%20Name_files/ad.jpg" alt="AD SPACE" width="125" height="329"></a><br><br> <a href="#" _fcksavedurl="#"><img src="Theme%20Name_files/ad.gif" _fcksavedurl="Theme%20Name_files/ad.gif" alt="AD SPACE" width="125" height="125"></a> </center></div> </div>  <div class="clear"></div> </div></div></div>   <div id="footer">  <div id="copyright"> <br>(c)Copyrighted Theme Name, All Rights Reserved.<br>Designed by: <a href="http://www.sextoysource.com/" _fcksavedurl="http://www.sextoysource.com/">Special lady gifts</a><br><a href="http://www.logo-ontwerpers.be/" _fcksavedurl="http://www.logo-ontwerpers.be/">Logo Ontwerp</a> : <a href="http://bunnyvibrators.com/" _fcksavedurl="http://bunnyvibrators.com/">Special moments!</a> : <a href="http://www.mangosteenstation.com/" _fcksavedurl="http://www.mangosteenstation.com/">Xango</a></div>  </div>  </div>

CSS

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;} /* General */ body { margin: 0; background: url("http://test.qualitywordpress.com/wp-content/themes/urban/images/bg.jpg"); } h1, h2, h3, h4 { margin: 0; } img { border: 0; } .clear { clear: both; height: 1px; overflow: hidden; } /* Page */ #page { margin: 0 auto; width: 1004px; } /* Header */ #header { width: 1004px; height: 400px; background: url("http://test.qualitywordpress.com/wp-content/themes/urban/images/header.jpg") no-repeat; position: relative; } /* Header - Info */ #header #header-info { position: absolute; top: 145px; left: 150px; } #header #header-info h1 { color: #ffffff; font: bold 30px "Georgia", Georgia; } #header #header-info h1 a { color: #ffffff; text-decoration: none; } #header #header-info .description { color: #ffffff; font: bold 15px "Verdana", Verdana; } /* Header - Menu */ #header #header-menu { position: absolute; top: 2px; left: 26px; height: 53px; } #header #header-menu ul { margin: 0; padding: 0; list-style-type: none; height: 53px; } #header #header-menu ul li { float: right; height: 53px; margin-right: 8px; font: bold 10px/43px "Verdana", Verdana; color: #ffffff; text-transform: lowercase; background: url("http://test.qualitywordpress.com/wp-content/themes/urban/images/header_menu_left.gif") no-repeat; } #header #header-menu ul li a { color: #ffffff; text-decoration: none; padding: 0 40px; background: url("http://test.qualitywordpress.com/wp-content/themes/urban/images/header_menu_right.gif") no-repeat right top; display: block; } #header #header-menu ul li a:hover { text-decoration: underline; } #header #header-menu ul li ul { display: none; } /* Header - Topbar */ #header #topbar { position: absolute; top: 270px; left: 0px; width: 1004px; height: 201px; color: #ffffff; font: bold 12px "Trebuchet MS", Verdana; } #header #topbar h3 { font: bold 15px "Verdana", Verdana; color: #ffffff; } #header #topbar ul { margin: 0; padding: 0; list-style-type: none; } #header #topbar ul li { padding-top: 12px; color: #ffffff; font: bold 12px "Trebuchet MS", Verdana; } #header #topbar ul li a { color: #ffffff; text-decoration: none; } #header #topbar ul li a:hover { text-decoration: underline; } /* Header - Topbar - Boxes */ #header #topbar #topbar-left { width: 305px; padding: 35px 33px; float: left; } #header #topbar #topbar-center { width: 286px; float: left; padding: 12px 0 0 30px; } #header #topbar #topbar-right { width: 287px; float: left; padding: 12px 0 0 30px; } /* Header - Feed */ #header #header-feed { position: absolute; top: 343px; left: 5px; width: 40px; height: 40px; } /* Main */ #main { width: 1004px; background: url("http://test.qualitywordpress.com/wp-content/themes/urban/images/main.gif") repeat-y; } #main-top { width: 1004px; background: url("http://test.qualitywordpress.com/wp-content/themes/urban/images/main_top.gif") no-repeat; } #main-bottom { width: 992px; padding-left: 12px; min-height: 50px; background: url("http://test.qualitywordpress.com/wp-content/themes/urban/images/main_bottom.gif") no-repeat left bottom; } /* Main - Content */ #contents { float: left; width: 570px; padding: 6px 16px 0 16px; } /* Main - Content - Post */ #contents .post { color: #FFFFFF; float: left; margin-bottom: 16px; width: 554px; padding: 7px; background: #0081B1; } /* Post - Title */ #contents .post .post-title { width: 554px; height: 51px; color: #000000; font: bold 12px "Trebuchet MS", Verdana; } #contents .post .post-title a { color: #000000; text-decoration: none; } #contents .post .post-title a:hover { text-decoration: underline; } #contents .post .post-title .post-date { float: left; background: url("http://test.qualitywordpress.com/wp-content/themes/urban/images/post_date.gif") repeat-x; width: 50px; height: 51px; color: #ffffff; text-align: center; text-transform: uppercase; margin-right: 10px; font: bold 10px/15px "Trebuchet MS", Verdana; } #contents .post .post-title .post-date span { margin-bottom: 2px; display: block; font: bold 16px/34px "Trebuchet MS", Verdana; } #contents .post .post-title h2 { padding: 4px 0 3px 0; color: #000000; font: bold 19px "Verdana", Verdana; } #contents .post .post-title h2 a { color: #000000; text-decoration: none; } #contents .post .post-title h2 a:hover { text-decoration: underline; } /* Post - Entry */ #contents .post .post-entry { font: normal 12px/18px "Trebuchet MS", Verdana; color: #FFFFFF; padding: 0 4px; width: 546px; } #contents .post .post-entry a { color: #FFFFFF; text-decoration: none; } #contents .post .post-entry a:hover { text-decoration: underline; } #contents .post .post-entry .more-link { font: bold 12px/20px "Trebuchet MS", Verdana; color: #FFFFFF; float: right; padding-bottom: 5px; } #contents .post .post-entry .more-link a { color: #FFFFFF; text-decoration: none; } #contents .post .post-entry .more-link a:hover { text-decoration: underline; } /* Post - Info */ #contents .post .post-info { padding: 10px 4px 0 4px; width: 546px; clear: both; font: bold 12px "Trebuchet MS", Verdana; color: #FFFFFF; } #contents .post .post-info a { color: #FFFFFF; text-decoration: none; } #contents .post .post-info a:hover { text-decoration: underline; } /* Post - Comments */ #contents .post h3 { color: #FFFFFF; font: bold 17px "Verdana", Verdana; margin: 25px 0 5px 0; padding: 0 4px; width: 546px; } #contents .post .comments { padding: 0 4px; width: 546px; font: normal 12px/18px "Trebuchet MS", Verdana; color: #FFFFFF; } #contents .post .comments a { color: #FFFFFF; text-decoration: none; } #contents .post .comments a:hover { text-decoration: underline; } #contents .post .comments ol { margin: 10px 0 10px 0; padding-left: 25px; } #contents .post .comments ol li { padding: 5px; } #contents .post .comments ol li.alt { background: #000000; } #contents .post .comments ol li cite { color: #FFFFFF; font-style: normal; font-weight: bold; } #contents .post .comments ol li cite a { color: #FFFFFF; text-decoration: none; } #contents .post .comments ol li cite a:hover { text-decoration: underline; } #contents .post .comments ol li .commentmetadata a { color: #FFFFFF; text-decoration: none; } #contents .post .comments ol li .commentmetadata a:hover { text-decoration: underline; } #contents .post #commentform { margin: 0; font: normal 12px/18px "Trebuchet MS", Verdana; color: #FFFFFF; padding: 0 4px; width: 546px; } #contents .post #commentform a { color: #FFFFFF; text-decoration: none; } #contents .post #commentform a:hover { text-decoration: underline; } /* Main - Sidebar */ .sidebar { float: left; width: 189px; font: strong 10px/18px "Trebuchet MS", Verdana; color: #ffffff; padding: 7px 0; } .sidebar a { color: #ffffff; text-decoration: none; } .sidebar a:hover { text-decoration: underline; } /* Sidebar - Titles */ .sidebar h3 { padding-left: 18px; font: bold 12px/34px "Georgia", Georgia; text-transform: lowercase; color: #ffffff; height: 46px; width: 189px; background: url("http://test.qualitywordpress.com/wp-content/themes/urban/images/sidebar_title.gif") no-repeat; } /* Sidebar - Menus */ .sidebar ul { margin: 0 0 20px 18px; padding: 0; list-style-type: none; } .sidebar ul li { color: #ffffff; font: normal 10px/26px "Trebuchet MS", Verdana; } .sidebar ul li a { color: #ffffff; text-decoration: none; } .sidebar ul li a:hover { text-decoration: underline; } /* Sidebar - Forms */ .sidebar #searchform { margin: 0 auto; padding: 15px 0 25px 0; width: 145px; text-align: center; } .sidebar #searchform #s { width: 145px; } /* Sidebar - Tables */ .sidebar #calendar_wrap { margin: 5px auto 20px auto; width: 120px; } .sidebar #calendar_wrap caption { font-weight: bold; } .sidebar #calendar_wrap #today { font-weight: bold; } /* Sidebar - Texts */ .sidebar .textwidget { padding: 0 10px 20px 10px; } /* Footer */ #footer { margin-top: 15px; width: 1004px; height: 62px; background: url("http://test.qualitywordpress.com/wp-content/themes/urban/images/footer.gif") repeat-x; color: #717171; font: normal 10px/15px "Trebuchet MS", Verdana; text-align: center; } #footer a { color: #717171; text-decoration: none; } #footer a:hover { text-decoration: underline; }

ROCKÇILAR İÇİN ROCK TEMASI

TASARIM ÜSTÜ
<body>   <div id="page">  <div id="header">  <div id="header-menu"> <ul> <li class="page_item page-item-2"><a href="http://test.qualitywordpress.com/?page_id=2" title="About">About</a></li> <li class="page_item page-item-5"><a href="http://test.qualitywordpress.com/?page_id=5" title="Archives">Archives</a></li> <li class="page_item page-item-10"><a href="http://test.qualitywordpress.com/?page_id=10" title="Links">Links</a></li> </ul> </div>   <div id="header-info"> <h1><a href="http://test.qualitywordpress.com/">Theme Name</a></h1> <div class="description">Wordpress Theme</div> </div>   <div id="topbar"> <div id="topbar-left"> </div> <div id="topbar-center"> <h3></h3> <ul> <li><a href="http://test.qualitywordpress.com/?p=15" title="Success with Quality Themes">Success with Quality Themes</a></li> <li><a href="http://test.qualitywordpress.com/?p=14" title="Beautiful Wordpress Themes">Beautiful Wordpress Themes</a></li> <li><a href="http://test.qualitywordpress.com/?p=13" title="Modern Sleek Future">Modern Sleek Future</a></li> </ul> </div> <div id="topbar-right"> <h3></h3> <ul> <li><a href="http://test.qualitywordpress.com/?p=8"> @ Longer Post ...</a></li><li><a href="http://test.qualitywordpress.com/?p=1">Mr WordPress @ Get To The Dream ...</a></li> </ul> </div> </div>  </div>   <div id="main"><div id="main-top"><div id="main-bottom">  <div class="sidebar"> <h3>Pages</h3> <ul> <li class="page_item page-item-2"><a href="http://test.qualitywordpress.com/?page_id=2" title="About">About</a></li> <li class="page_item page-item-5"><a href="http://test.qualitywordpress.com/?page_id=5" title="Archives">Archives</a></li> <li class="page_item page-item-10"><a href="http://test.qualitywordpress.com/?page_id=10" title="Links">Links</a></li> </ul> <h3>Archives</h3> <ul> <li><a href="http://test.qualitywordpress.com/?m=200810" title="October 2008">October 2008</a></li> <li><a href="http://test.qualitywordpress.com/?m=200809" title="September 2008">September 2008</a></li> <li><a href="http://test.qualitywordpress.com/?m=200808" title="August 2008">August 2008</a></li> <li><a href="http://test.qualitywordpress.com/?m=200806" title="June 2008">June 2008</a></li> <li><a href="http://test.qualitywordpress.com/?m=200805" title="May 2008">May 2008</a></li> </ul> <div class="textwidget"></div> </div>   <div id="content">  <div class="post" id="post-15"> <div class="post-title"> <div class="post-date"> <span></span> </div> <h2><a href="http://test.qualitywordpress.com/?p=15" rel="bookmark" title="Permanent Link to Success with Quality Themes">HackeR FrienD.Net</a></h2> Bilgi Güçtür, Paylaştıkça Büyür!</div> <div class="post-entry"> <p ></p> <p>

TASARIM ALTI
</p> </div> <div class="post-info"> <a href="http://test.qualitywordpress.com/?p=15#respond" title="Comment on Success with Quality Themes">Comments (0)</a> // <a href="http://test.qualitywordpress.com/?p=15#respond">Add Comment</a> </div> </div>    <div class="navigation"> <div class="navigation-previous"></div> <div class="navigation-next"></div> </div>  <div class="clear"></div> </div>   <div class="sidebar sidebar-right"> <h3>Categories</h3> <ul> <li class="cat-item cat-item-3"><a href="http://test.qualitywordpress.com/?cat=3" title="View all posts filed under Art & Design">Art & Design</a> </li> <li class="cat-item cat-item-5"><a href="http://test.qualitywordpress.com/?cat=5" title="View all posts filed under Business">Business</a> </li> <li class="cat-item cat-item-4"><a href="http://test.qualitywordpress.com/?cat=4" title="View all posts filed under Marketing">Marketing</a> </li> <li class="cat-item cat-item-6"><a href="http://test.qualitywordpress.com/?cat=6" title="View all posts filed under Online">Online</a> </li> <li class="cat-item cat-item-1"><a href="http://test.qualitywordpress.com/?cat=1" title="View all posts filed under Uncategorized">Uncategorized</a> </li> </ul> <h3 >Blogroll</h3> <ul> <li ><a href="http://wordpress.org/development/">Development Blog</a></li> <li><a href="http://codex.wordpress.org/">Documentation</a></li> <li ><a href="http://wordpress.org/extend/plugins/">Plugins</a></li> <li ><a href="http://wordpress.org/extend/ideas/">Suggest Ideas</a></li> <li><a href="http://wordpress.org/support/">Support Forum</a></li> <li><a href="http://wordpress.org/extend/themes/">Themes</a></li> <li><a href="http://planet.wordpress.org/">WordPress Planet</a></li> </ul> </div>  <div class="clear"></div> </div></div></div>   <div id="footer">  <div id="copyright"> <br>(c)Copyrighted Theme Name, All Rights Reserved.<br> <a href="http://www.net-tec.biz/" title="Internetmarketing">Internetmarketing</a> <a href="http://www.net-tec.biz/index.php" title="CMS">CMS</a> <a href="http://www.net-tec.biz/linktausch-fuer-firmen/" title="Linkaufbau">Linkaufbau</a>  </div>  </div>  </div>

CSS

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;} /* Theme Name: Grundge Rock Theme URI: http://test.qualitywordpress.com/?preview_theme=grundgerock Description: Grundge rock is a cool and edgey looking rock wordpress theme for those who love alternative rock, hard metal and more. Version: 1.0 Author: qualitywordpress.com Author URI: http://qualitywordpress.com */ /* General */ body { margin: 0; background: url(http://test.qualitywordpress.com/wp-content/themes/grundgerock/images/bg.jpg); } h1, h2, h3, h4 { margin: 0; } img { border: 0; } .clear { clear: both; height: 1px; overflow: hidden; } /* Page */ #page { margin: 0 auto; width: 1004px; } /* Header */ #header { width: 1004px; height: 400px; background: url(http://test.qualitywordpress.com/wp-content/themes/grundgerock/images/header.jpg) no-repeat; position: relative; } /* Header - Info */ #header #header-info { position: absolute; top: 105px; left: 350px; } #header #header-info h1 { color: #ffffff; font: bold 30px Verdana, Verdana; } #header #header-info h1 a { color: #ffffff; text-decoration: none; } #header #header-info .description { color: #ffffff; font: bold 15px Verdana, Verdana; } /* Header - Menu */ #header #header-menu { position: absolute; top: 2px; right: 60px; height: 53px; } #header #header-menu ul { margin: 0; padding: 0; list-style-type: none; height: 53px; } #header #header-menu ul li { float: left; height: 53px; margin-right: 8px; font: bold 10px/43px Verdana, Verdana; color: #ffffff; text-transform: lowercase; background: url(http://test.qualitywordpress.com/wp-content/themes/grundgerock/images/header_menu_left.gif) no-repeat; } #header #header-menu ul li a { color: #ffffff; text-decoration: none; padding: 0 40px; background: url(http://test.qualitywordpress.com/wp-content/themes/grundgerock/images/header_menu_right.gif) no-repeat right top; display: block; } #header #header-menu ul li a:hover { text-decoration: underline; } #header #header-menu ul li ul { display: none; } /* Header - Topbar */ #header #topbar { position: absolute; top: 270px; left: 0px; width: 1004px; height: 201px; color: #ffffff; font: bold 12px Trebuchet MS, Verdana; } #header #topbar h3 { font: bold 15px Verdana, Verdana; color: #ffffff; } #header #topbar ul { margin: 0; padding: 0; list-style-type: none; } #header #topbar ul li { padding-top: 12px; color: #ffffff; font: bold 12px Trebuchet MS, Verdana; } #header #topbar ul li a { color: #ffffff; text-decoration: none; } #header #topbar ul li a:hover { text-decoration: underline; } /* Header - Topbar - Boxes */ #header #topbar #topbar-left { width: 285px; padding: 35px 33px; float: left; } #header #topbar #topbar-center { width: 306px; float: left; padding: 12px 0 0 30px; } #header #topbar #topbar-right { width: 287px; float: left; padding: 12px 0 0 30px; } /* Main */ #main { width: 1004px; background: url(http://test.qualitywordpress.com/wp-content/themes/grundgerock/images/main.gif) repeat-y; } #main-top { width: 1004px; background: url(http://test.qualitywordpress.com/wp-content/themes/grundgerock/images/main_top.gif) no-repeat; } #main-bottom { width: 992px; padding-left: 12px; min-height: 50px; background: url(http://test.qualitywordpress.com/wp-content/themes/grundgerock/images/main_bottom.gif) no-repeat left bottom; } /* Main - Content */ #content { float: left; width: 570px; padding: 6px 16px 0 16px; } /* Main - Content - Post */ #content .post { color: #FFFFFF; float: left; margin-bottom: 16px; width: 554px; padding: 7px; background: #1C1C1C; } /* Post - Title */ #content .post .post-title { width: 554px; height: 51px; color: #FFFFFF; font: bold 12px Trebuchet MS, Verdana; } #content .post .post-title a { color: #FFFFFF; text-decoration: none; } #content .post .post-title a:hover { text-decoration: underline; } #content .post .post-title .post-date { float: left; background: url(http://test.qualitywordpress.com/wp-content/themes/grundgerock/images/post_date.gif) repeat-x; width: 50px; height: 51px; color: #cccccc; text-align: center; text-transform: uppercase; margin-right: 10px; font: bold 10px/15px Trebuchet MS, Verdana; } #content .post .post-title .post-date span { margin-bottom: 2px; display: block; font: bold 16px/34px Trebuchet MS, Verdana; } #content .post .post-title h2 { padding: 4px 0 3px 0; color: #C00000; font: bold 19px Verdana, Verdana; } #content .post .post-title h2 a { color: #C00000; text-decoration: none; } #content .post .post-title h2 a:hover { text-decoration: underline; } /* Post - Entry */ #content .post .post-entry { font: normal 12px/18px Trebuchet MS, Verdana; color: #FFFFFF; padding: 0 4px 0 4px; width: 542px; } #content .post .post-entry a { color: #FFFFFF; text-decoration: none; } #content .post .post-entry a:hover { text-decoration: underline; } #content .post .post-entry .more-link { font: bold 12px/20px Trebuchet MS, Verdana; color: #FFFFFF; float: right; padding-bottom: 5px; } #content .post .post-entry .more-link a { color: #FFFFFF; text-decoration: none; } #content .post .post-entry .more-link a:hover { text-decoration: underline; } /* Post - Info */ #content .post .post-info { padding: 10px 4px 0 4px; width: 546px; clear: both; font: bold 12px Trebuchet MS, Verdana; color: #FFFFFF; } #content .post .post-info a { color: #FFFFFF; text-decoration: none; } #content .post .post-info a:hover { text-decoration: underline; } /* Post - Comments */ #content .post h3 { color: #FFFFFF; font: bold 17px Verdana, Verdana; margin: 25px 0 5px 0; padding: 0 4px; width: 546px; } #content .post .comments { padding: 0 4px; width: 546px; font: normal 12px/18px Trebuchet MS, Verdana; color: #FFFFFF; } #content .post .comments a { color: #FFFFFF; text-decoration: none; } #content .post .comments a:hover { text-decoration: underline; } #content .post .comments ol { margin: 10px 0 10px 0; padding-left: 25px; } #content .post .comments ol li { padding: 5px; } #content .post .comments ol li.alt { background: #000000; } #content .post .comments ol li cite { color: #FFFFFF; font-style: normal; font-weight: bold; } #content .post .comments ol li cite a { color: #FFFFFF; text-decoration: none; } #content .post .comments ol li cite a:hover { text-decoration: underline; } #content .post .comments ol li .commentmetadata a { color: #FFFFFF; text-decoration: none; } #content .post .comments ol li .commentmetadata a:hover { text-decoration: underline; } #content .post #commentform { margin: 0; font: normal 12px/18px Trebuchet MS, Verdana; color: #FFFFFF; padding: 0 4px; width: 546px; } #content .post #commentform a { color: #FFFFFF; text-decoration: none; } #content .post #commentform a:hover { text-decoration: underline; } /* Main - Sidebar */ .sidebar { float: left; width: 189px; font: strong 10px/18px Trebuchet MS, Verdana; color: #ffffff; padding: 7px 0; } .sidebar a { color: #ffffff; text-decoration: none; } .sidebar a:hover { text-decoration: underline; } /* Sidebar - Titles */ .sidebar h3 { padding-left: 18px; font: bold 10px/34px Verdana, Verdana; text-transform: lowercase; color: #ffffff; height: 46px; width: 189px; background: url(http://test.qualitywordpress.com/wp-content/themes/grundgerock/images/sidebar_title.gif) no-repeat; } /* Sidebar - Menus */ .sidebar ul { margin: 0 0 20px 18px; padding: 0; list-style-type: none; } .sidebar ul li { color: #ffffff; font: normal 10px/26px Trebuchet MS, Verdana; } .sidebar ul li a { color: #ffffff; text-decoration: none; } .sidebar ul li a:hover { text-decoration: underline; } /* Sidebar - Forms */ .sidebar #searchform { margin: 0 auto; padding: 15px 0 25px 0; width: 145px; text-align: center; } .sidebar #searchform #s { width: 145px; } /* Sidebar - Tables */ .sidebar #calendar_wrap { margin: 5px auto 20px auto; width: 120px; } .sidebar #calendar_wrap caption { font-weight: bold; } .sidebar #calendar_wrap #today { font-weight: bold; } /* Sidebar - Texts */ .sidebar .textwidget { padding: 0 10px 20px 10px; } /* Footer */ #footer { margin-top: 15px; width: 1004px; height: 62px; background: url(http://test.qualitywordpress.com/wp-content/themes/grundgerock/images/footer.gif) repeat-x; color: #A5A5A5; font: normal 10px/15px Trebuchet MS, Verdana; text-align: center; } #footer a { color: #A5A5A5; text-decoration: none; } #footer a:hover { text-decoration: underline; }

SOCCER TEMASI

TASARIM ÜSTÜ
<table width="100%" border="0" cellpadding="0" cellspacing="0" height="100%"> <tbody><tr> <td style="" class="l-bg"> </td> <td style="" class="l-shadow-bg" valign="top" width="1"><img src="https://img.webme.com/pic/c/css-template/l-shad-bg.gif" _fcksavedurl="https://img.webme.com/pic/c/css-template/l-shad-bg.gif" width="21" height="3"></td> <td valign="top" width="750" bgcolor="#295718" height="100%"><table width="100%" border="0" cellpadding="0" cellspacing="0" height="100%"> <tbody><tr> <td><table width="100%" border="0" cellpadding="0" cellspacing="0"> <tbody><tr> <td width="1"><img style="" src="https://img.webme.com/pic/c/css-template/t1.gif" _fcksavedurl="https://img.webme.com/pic/c/css-template/t1.gif" alt="" width="8" height="148"></td> <td width="1"><div style="position: absolute; top: 50px; margin-left: 193px; width: 300px;"> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tbody><tr> <td style="" class="c_name">Soccer website</td> </tr> <tr> <td height="1"><img src="https://img.webme.com/pic/c/css-template/c-name-sep.jpg" _fcksavedurl="https://img.webme.com/pic/c/css-template/c-name-sep.jpg" width="286" height="1"></td> </tr> </tbody></table> </div> <img style="" src="https://img.webme.com/pic/c/css-template/t2.jpg" _fcksavedurl="https://img.webme.com/pic/c/css-template/t2.jpg" width="734" height="148"></td> <td width="1"><img style="" src="https://img.webme.com/pic/c/css-template/t3.gif" _fcksavedurl="https://img.webme.com/pic/c/css-template/t3.gif" width="8" height="148"></td> </tr> </tbody></table></td> </tr> <tr> <td valign="top" height="100%"><table width="100%" border="0" cellpadding="0" cellspacing="0" height="100%"> <tbody><tr> <td valign="top" width="1" height="100%"><table width="100%" border="0" cellpadding="0" cellspacing="0" height="100%"> <tbody><tr> <td height="1"><img style="" src="https://img.webme.com/pic/c/css-template/l1.jpg" _fcksavedurl="https://img.webme.com/pic/c/css-template/l1.jpg" width="180" height="62"></td> </tr> <tr> <td background="https://img.webme.com/pic/c/css-template/menu-bg-1.jpg" height="1"><table width="100%" border="0" cellpadding="0" cellspacing="0"> <tbody><tr> <td width="1"><img src="https://img.webme.com/pic/c/css-template/spacer.gif" _fcksavedurl="https://img.webme.com/pic/c/css-template/spacer.gif" width="1" height="26"></td> <td style="" class="menu"><a style="" href="#" _fcksavedurl="#" class="menu_lnk">Home</a></td> </tr> </tbody></table></td> </tr> <tr> <td background="https://img.webme.com/pic/c/css-template/menu-bg-2.jpg" height="1"><table width="100%" border="0" cellpadding="0" cellspacing="0"> <tbody><tr> <td width="1"><img src="https://img.webme.com/pic/c/css-template/spacer.gif" _fcksavedurl="https://img.webme.com/pic/c/css-template/spacer.gif" width="1" height="24"></td> <td style="" class="menu"><a style="" href="#" _fcksavedurl="#" class="menu_lnk">About Us</a></td> </tr> </tbody></table></td> </tr> <tr> <td background="https://img.webme.com/pic/c/css-template/menu-bg-3.jpg" height="1"><table width="100%" border="0" cellpadding="0" cellspacing="0"> <tbody><tr> <td width="1"><img src="https://img.webme.com/pic/c/css-template/spacer.gif" _fcksavedurl="https://img.webme.com/pic/c/css-template/spacer.gif" width="1" height="24"></td> <td style="" class="menu"><a href="#" _fcksavedurl="#" class="menu_lnk">Our Clients</a></td> </tr> </tbody></table></td> </tr> <tr> <td background="https://img.webme.com/pic/c/css-template/menu-bg-4.jpg" height="1"><table width="100%" border="0" cellpadding="0" cellspacing="0"> <tbody><tr> <td width="1"><img src="https://img.webme.com/pic/c/css-template/spacer.gif" _fcksavedurl="https://img.webme.com/pic/c/css-template/spacer.gif" width="1" height="24"></td> <td style="" class="menu"><a href="#" _fcksavedurl="#" class="menu_lnk">Testimonials</a></td> </tr> </tbody></table></td> </tr> <tr> <td background="https://img.webme.com/pic/c/css-template/menu-bg-5-m.gif" height="1"><table width="100%" border="0" cellpadding="0" cellspacing="0"> <tbody><tr> <td width="1"><img src="https://img.webme.com/pic/c/css-template/spacer.gif" _fcksavedurl="https://img.webme.com/pic/c/css-template/spacer.gif" width="1" height="24"></td> <td style="" class="menu"><a href="#" _fcksavedurl="#" class="menu_lnk">Price List</a></td> </tr> </tbody></table></td> </tr> <tr> <td background="https://img.webme.com/pic/c/css-template/menu-bg-last.gif" height="1"><table width="100%" border="0" cellpadding="0" cellspacing="0"> <tbody><tr> <td width="1"><img src="https://img.webme.com/pic/c/css-template/spacer.gif" _fcksavedurl="https://img.webme.com/pic/c/css-template/spacer.gif" width="1" height="25"></td> <td style="" class="menu"><a style="" href="#" _fcksavedurl="#" class="menu_lnk">Contact Details</a></td> </tr> </tbody></table></td> </tr> <tr> <td style="" height="1"><img src="https://img.webme.com/pic/c/css-template/spacer.gif" _fcksavedurl="https://img.webme.com/pic/c/css-template/spacer.gif" width="1" height="10"></td> </tr> <tr> <td height="1"><img style="" src="https://img.webme.com/pic/c/css-template/l2.jpg" _fcksavedurl="https://img.webme.com/pic/c/css-template/l2.jpg" width="180" height="7"></td> </tr> <tr> <td style="" class="l-content" height="100%">The modern game was codified in England following the formation of the Football Association, whose 1863 Laws of the Game created the foundations for the way the sport is played today. Football is governed internationally by Fédération Internationale de Football Association (FIFA).</td> </tr> </tbody></table></td> <td valign="top" height="100%"><table width="100%" border="0" cellpadding="0" cellspacing="0" height="100%"> <tbody><tr> <td valign="top" height="100%"><table width="100%" border="0" cellpadding="0" cellspacing="0" height="100%"> <tbody><tr> <td style="" width="1"><img src="https://img.webme.com/pic/c/css-template/spacer.gif" _fcksavedurl="https://img.webme.com/pic/c/css-template/spacer.gif" width="4" height="1"></td> <td style="" class="bgx" valign="top" width="1" background="https://img.webme.com/pic/c/css-template/c-2-bg.gif" bgcolor="#244d15"><img src="https://img.webme.com/pic/c/css-template/c-2-1.gif" _fcksavedurl="https://img.webme.com/pic/c/css-template/c-2-1.gif" width="6" height="7"></td> <td class="bgx" valign="top" width="100" background="https://img.webme.com/pic/c/css-template/c-3-5-bg.gif" bgcolor="#2a521c"><table width="100%" border="0" cellpadding="0" cellspacing="0" height="100%"> <tbody><tr> <td style="" class="c-3-1-bg" height="1">HackeR FrienD.Net</td> </tr> <tr> <td><img style="" src="https://img.webme.com/pic/c/css-template/title-sep.gif" _fcksavedurl="https://img.webme.com/pic/c/css-template/title-sep.gif" alt="" width="270" height="1"></td> </tr> <tr> <td style="" class="body_txt" height="100%"> <p style="">

TASARIM ALTI
</p> <p style=""><em style="">From Wikipedia, the free encyclopedia</em></p> <div style="border: 1px solid rgb(255, 224, 142); padding: 4px 6px 2px;">This free web template was downloaded from <a style="" href="http://anvisionwebtemplates.com/enter.php?url=http%3A//anvisionwebtemplates.com/" _fcksavedurl="http://anvisionwebtemplates.com/enter.php?url=http%3A//anvisionwebtemplates.com/" target="_blank">AnVisionWebTemplates.com</a>.<br> Please visit <a style="" href="http://anvisionwebtemplates.com/enter.php?url=http%3A//anvisionwebtemplates.com/" _fcksavedurl="http://anvisionwebtemplates.com/enter.php?url=http%3A//anvisionwebtemplates.com/" target="_blank">www.anvisionwebtemplates.com</a> to see the entire collection: <ol> <li style=""><a style="" href="http://anvisionwebtemplates.com/enter.php?url=http%3A//anvisionwebtemplates.com/" _fcksavedurl="http://anvisionwebtemplates.com/enter.php?url=http%3A//anvisionwebtemplates.com/">Download free templates</a> - view categories.</li> <li style=""><a style="" href="http://anvisionwebtemplates.com/enter.php?url=http%3A//anvisionwebtemplates.com/topsites/" _fcksavedurl="http://anvisionwebtemplates.com/enter.php?url=http%3A//anvisionwebtemplates.com/topsites/">Template topsites</a>.</li> <li style=""><a style="" href="http://anvisionwebtemplates.com/enter.php?url=http%3A//anvisionwebtemplates.com/newsletter.html" _fcksavedurl="http://anvisionwebtemplates.com/enter.php?url=http%3A//anvisionwebtemplates.com/newsletter.html">Templates newsletter</a> - recieve collection updates by email.</li> </ol> </div></td> </tr> </tbody></table></td> <td style="" class="bgx" valign="top" width="1" background="https://img.webme.com/pic/c/css-template/c-2-bg.gif" bgcolor="#244d15"><img src="https://img.webme.com/pic/c/css-template/spacer.gif" _fcksavedurl="https://img.webme.com/pic/c/css-template/spacer.gif" width="4" height="1"></td> <td class="bgx" valign="top" background="https://img.webme.com/pic/c/css-template/c-3-5-bg.gif" bgcolor="#2c521d"><table width="100%" border="0" cellpadding="0" cellspacing="0" height="100%"> <tbody><tr> <td style="" class="c-5-1" align="center">Site Haberleri</td> </tr> <tr> <td style="" class="body_txt" height="100%"><p style="">The modern game was codified in England following the formation of the Football Association, whose 1863 Laws of the Game created the foundations for the way the sport is played today. Football is governed internationally by Fédération Internationale de Football Association (FIFA). <img style="" src="https://img.webme.com/pic/c/css-template/content-pic-2.jpg" _fcksavedurl="https://img.webme.com/pic/c/css-template/content-pic-2.jpg" class="float-left" width="132" height="90">The most prestigious international football competition is the World Cup, held every four years. This event, the most widely viewed and famous in the world, boasts twice the audience of the Summer Olympics.</p></td> </tr> </tbody></table></td> <td class="bgx" valign="top" width="1" background="https://img.webme.com/pic/c/css-template/c-2-bg.gif" bgcolor="#244d15"><img src="https://img.webme.com/pic/c/css-template/c-6-1.gif" _fcksavedurl="https://img.webme.com/pic/c/css-template/c-6-1.gif" width="5" height="10"></td> <td width="1"><img src="https://img.webme.com/pic/c/css-template/spacer.gif" _fcksavedurl="https://img.webme.com/pic/c/css-template/spacer.gif" width="11" height="1"></td> </tr> </tbody></table></td> </tr> <tr> <td height="1"><img src="https://img.webme.com/pic/c/css-template/c-bot.gif" _fcksavedurl="https://img.webme.com/pic/c/css-template/c-bot.gif" alt="" width="570" height="12"></td> </tr> </tbody></table></td> </tr> </tbody></table></td> </tr> <tr> <td bgcolor="#2a5718"><table width="100%" border="0" cellpadding="0" cellspacing="0"> <tbody><tr> <td width="1"><img src="https://img.webme.com/pic/c/css-template/b1.gif" _fcksavedurl="https://img.webme.com/pic/c/css-template/b1.gif" alt="" width="16" height="53"></td> <td class="bottom_addr" width="150">© 2006 Company Name<br> All Rights Reserved</td> <td class="bottom-menu" width="555"><a href="#" _fcksavedurl="#" class="bottom-menu-lnk">Home Page</a> | <a href="#" _fcksavedurl="#" class="bottom-menu-lnk">About Us</a> | <a href="#" _fcksavedurl="#" class="bottom-menu-lnk">Our Clients</a> | <a href="#" _fcksavedurl="#" class="bottom-menu-lnk">Testimonials</a> | <a href="#" _fcksavedurl="#" class="bottom-menu-lnk">Price List</a> | <a href="#" _fcksavedurl="#" class="bottom-menu-lnk">Contact Details</a></td> <td width="1"><img src="https://img.webme.com/pic/c/css-template/b3.gif" _fcksavedurl="https://img.webme.com/pic/c/css-template/b3.gif" width="16" height="53"></td> </tr> </tbody></table></td> </tr> </tbody></table></td> <td style="" class="r-shad-bg" valign="top" width="1"><img src="https://img.webme.com/pic/c/css-template/r-shad-bg.gif" _fcksavedurl="https://img.webme.com/pic/c/css-template/r-shad-bg.gif" width="21" height="3"> </td> <td style="" class="r-bg"> </td> </tr> </tbody></table>

CSS

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;} body { margin:0; padding:0; background:#7a7a7a; } p,td { font-family:Arial, Helvetica, sans-serif; font-size:11px; margin-top: 0px; } a{ color: #ffe08e; text-decoration: underline; } a:hover{ color: #FFFFFF; text-decoration: none; } .c-3-1-bg { background-image: url(https://img.webme.com/pic/c/css-template/c-3-1.gif); background-repeat: no-repeat; background-position: left top; text-transform: uppercase; text-align: center; vertical-align: middle; color: #ffe08e; font-size: 14px; font-weight: bold; padding-top: 2px; padding-bottom: 6px; } a.hidden { text-decoration: none; color: #000000; cursor:default; } form { margin:0; padding:0; } ul { margin-left:20px; margin-top:0px; padding:1px; list-style-type: square; line-height: 16px; } h1 { font-size: 14px; font-weight: bold; color: ffe08d; margin: 0px; padding-top: 1px; padding-bottom: 5px; } .bgy { background-repeat: repeat-y; } .bottom_addr { font-size: 11px; color: #ffe08e; padding-right: 10px; padding-left: 10px; background-image: url(https://img.webme.com/pic/c/css-template/b2-bg.gif); background-repeat: repeat-x; background-position: top; vertical-align: middle; text-align: right; } .bottom_addr_lnk { text-decoration: none; } .bottom_addr_lnk:hover { text-decoration: underline; } .bgx { background-repeat: repeat-x; background-position: top; } .norepeat { background-repeat: no-repeat; } .c_name { font-size: 17px; font-weight: bold; text-transform: uppercase; color: #FFFFFF; } .l-shadow-bg { background-image: url(https://img.webme.com/pic/c/css-template/l-shad-bg.gif); background-position: left top; background-repeat: repeat-y; } .l-bg { background-image: url(https://img.webme.com/pic/c/css-template/l-bg.gif); background-position: right top; } .r-bg { background-image: url(https://img.webme.com/pic/c/css-template/r-bg.gif); background-position: left top; } .bottom-menu { color: #FFFFFF; text-align: center; vertical-align: middle; background-image: url(https://img.webme.com/pic/c/css-template/b2-bg.gif); background-repeat: repeat-x; background-position: top; } .bottom-menu-lnk { color: #FFFFFF; text-decoration: none; } .bottom-menu-lnk:hover { color: #ffe08e; text-decoration: underline; } .menu { color: #FFFFFF; font-weight: bold; white-space: nowrap; text-align: right; vertical-align: middle; padding-right: 24px; } .menu_lnk{ text-decoration: none; color: #FFFFFF; } .menu_lnk:hover { color: #ffe08e; text-decoration: none; } .r-shad-bg { background-image: url(https://img.webme.com/pic/c/css-template/r-shad-bg.gif); background-repeat: repeat-y; background-position: left top; } .body_txt { color: #FFFFFF; text-align: justify; vertical-align: top; padding-top: 6px; padding-right: 10px; padding-bottom: 3px; padding-left: 10px; } .c-5-1 { background-image: url(https://img.webme.com/pic/c/css-template/c-5-1-bg.jpg); background-repeat: no-repeat; background-position: top; font-size: 12px; color: #EDD385; padding-top: 30px; font-weight: bold; text-transform: uppercase; text-align: center; vertical-align: top; padding-bottom: 0px; } .l-content { color: #FFFFFF; text-align: justify; padding-top: 7px; padding-right: 1px; padding-bottom: 7px; padding-left: 10px; vertical-align: top; } .float-left { float: left; margin-top: 6px; margin-right: 2px; margin-bottom: 0px; }

GÜZEL BİR BLOG TEMASI

TASARIM ÜSTÜ
<div id="page">  <div id="header">  <div id="header-info"> <h1><a href="http://test.qualitywordpress.com/" _fcksavedurl="http://test.qualitywordpress.com/">Theme Name</a></h1> <div class="description">Wordpress Theme</div> </div>   <div id="header-menu"> <ul> <li class="page_item page-item-2"><a href="http://test.qualitywordpress.com/?page_id=2" _fcksavedurl="http://test.qualitywordpress.com/?page_id=2" title="About">About</a></li> <li class="page_item page-item-5"><a href="http://test.qualitywordpress.com/?page_id=5" _fcksavedurl="http://test.qualitywordpress.com/?page_id=5" title="Archives">Archives</a></li> <li class="page_item page-item-10"><a href="http://test.qualitywordpress.com/?page_id=10" _fcksavedurl="http://test.qualitywordpress.com/?page_id=10" title="Links">Links</a></li> </ul> </div>   <div id="header-search"> <form method="get" id="search-form" action="http://test.qualitywordpress.com/"> <input value="" name="s" id="sb" type="text"> <input id="searchsubmitb" value="" type="submit"> </form> </div>   <div id="header-feed"> <a href="http://test.qualitywordpress.com/?feed=rss" _fcksavedurl="http://test.qualitywordpress.com/?feed=rss"><img src="http://test.qualitywordpress.com/wp-content/themes/modernblogger/images/blank.gif" _fcksavedurl="http://test.qualitywordpress.com/wp-content/themes/modernblogger/images/blank.gif" alt="RSS Feed" width="60" height="60"></a> </div>  </div>   <div id="main"><div id="main-top"><div id="main-bottom">  <div class="sidebar sidebar-left"> <h3>Pages</h3> <ul> <li class="page_item page-item-2"><a href="http://test.qualitywordpress.com/?page_id=2" _fcksavedurl="http://test.qualitywordpress.com/?page_id=2" title="About">About</a></li> <li class="page_item page-item-5"><a href="http://test.qualitywordpress.com/?page_id=5" _fcksavedurl="http://test.qualitywordpress.com/?page_id=5" title="Archives">Archives</a></li> <li class="page_item page-item-10"><a href="http://test.qualitywordpress.com/?page_id=10" _fcksavedurl="http://test.qualitywordpress.com/?page_id=10" title="Links">Links</a></li> </ul> <h3>Categories</h3> <ul> <li class="cat-item cat-item-3"><a href="http://test.qualitywordpress.com/?cat=3" _fcksavedurl="http://test.qualitywordpress.com/?cat=3" title="View all posts filed under Art & Design">Art & Design</a> </li> <li class="cat-item cat-item-5"><a href="http://test.qualitywordpress.com/?cat=5" _fcksavedurl="http://test.qualitywordpress.com/?cat=5" title="View all posts filed under Business">Business</a> </li> <li class="cat-item cat-item-4"><a href="http://test.qualitywordpress.com/?cat=4" _fcksavedurl="http://test.qualitywordpress.com/?cat=4" title="View all posts filed under Marketing">Marketing</a> </li> <li class="cat-item cat-item-6"><a href="http://test.qualitywordpress.com/?cat=6" _fcksavedurl="http://test.qualitywordpress.com/?cat=6" title="View all posts filed under Online">Online</a> </li> <li class="cat-item cat-item-1"><a href="http://test.qualitywordpress.com/?cat=1" _fcksavedurl="http://test.qualitywordpress.com/?cat=1" title="View all posts filed under Uncategorized">Uncategorized</a> </li> </ul> <h3>Archives</h3> <ul> <li><a href="http://test.qualitywordpress.com/?m=200810" _fcksavedurl="http://test.qualitywordpress.com/?m=200810" title="October 2008">October 2008</a></li> <li><a href="http://test.qualitywordpress.com/?m=200809" _fcksavedurl="http://test.qualitywordpress.com/?m=200809" title="September 2008">September 2008</a></li> <li><a href="http://test.qualitywordpress.com/?m=200808" _fcksavedurl="http://test.qualitywordpress.com/?m=200808" title="August 2008">August 2008</a></li> <li><a href="http://test.qualitywordpress.com/?m=200806" _fcksavedurl="http://test.qualitywordpress.com/?m=200806" title="June 2008">June 2008</a></li> <li><a href="http://test.qualitywordpress.com/?m=200805" _fcksavedurl="http://test.qualitywordpress.com/?m=200805" title="May 2008">May 2008</a></li> </ul> <div class="textwidget"></div> </div>   <div id="content-page">  <div class="post" id="post-15"> <div class="post-date">HackeR FrienD.Net</div> <div class="post-title"> <h2>Sitemize Hoş Geldiniz...</h2> <div class="clear"></div> </div> <div class="post-entry">

TASARIM ALTI
</div> <br/><br/> <div class="post-info"> <a href="#" _fcksavedurl="#">Linkler </a> : <a href="#" _fcksavedurl="#">Linkler</a> </div> </div>    <div class="navigation"> <div class="navigation-previous"></div> <div class="navigation-next"></div> </div>  <div class="clear"></div> </div>   <div class="sidebar sidebar-right"> <h3>Advertisements</h3> <div id="spons"><br> <center><a href="#" _fcksavedurl="#"><img src="http://test.qualitywordpress.com/wp-content/themes/modernblogger/images/ad.gif" _fcksavedurl="http://test.qualitywordpress.com/wp-content/themes/modernblogger/images/ad.gif" alt="AD SPACE" width="125" height="125"></a><br><br> <a href="#" _fcksavedurl="#"><img src="http://test.qualitywordpress.com/wp-content/themes/modernblogger/images/ad.gif" _fcksavedurl="http://test.qualitywordpress.com/wp-content/themes/modernblogger/images/ad.gif" alt="AD SPACE" width="125" height="125"></a></center><br> </div> <h3>Links</h3> <ul> <li><a href="http://wordpress.org/development/" _fcksavedurl="http://wordpress.org/development/">Development Blog</a></li> <li><a href="http://codex.wordpress.org/" _fcksavedurl="http://codex.wordpress.org/">Documentation</a></li> <li><a href="http://wordpress.org/extend/plugins/" _fcksavedurl="http://wordpress.org/extend/plugins/">Plugins</a></li> <li><a href="http://wordpress.org/extend/ideas/" _fcksavedurl="http://wordpress.org/extend/ideas/">Suggest Ideas</a></li> <li><a href="http://wordpress.org/support/" _fcksavedurl="http://wordpress.org/support/">Support Forum</a></li> <li><a href="http://wordpress.org/extend/themes/" _fcksavedurl="http://wordpress.org/extend/themes/">Themes</a></li> <li><a href="http://planet.wordpress.org/" _fcksavedurl="http://planet.wordpress.org/">WordPress Planet</a></li> </ul> </div>  <div class="clear"></div> </div></div></div>   <div id="footer"> (c)Copyrighted <a href="http://test.qualitywordpress.com/" _fcksavedurl="http://test.qualitywordpress.com/">Theme Name</a>, All Rights Reserved<br>Designed by: <a href="http://www.mangosteenhut.com/" _fcksavedurl="http://www.mangosteenhut.com/">mangosteen</a><br><a href="http://www.983wedding.com/" _fcksavedurl="http://www.983wedding.com/">Wedding Invitation Design</a> : <a href="http://www.spiele-umsonst.de/" _fcksavedurl="http://www.spiele-umsonst.de/">kostenlose Spiele</a> : <a href="http://www.how-to-lose-belly-fat.com/" _fcksavedurl="http://www.how-to-lose-belly-fat.com/">How to Lose Belly Fat</a></div>  </div> 

CSS

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;} /* Theme Name: Modern Blogger Theme URI: http://test.qualitywordpress.com/?preview_theme=modernblogger Description: Modern blogger is all about the new age of blogging and blogs. With fresh new conceptual graphics. Version: 1.0 Author: qualitywordpress Author URI: http://qualitywordpress.com */ /* General */ body { margin: 0; padding:0; background: url("http://test.qualitywordpress.com/wp-content/themes/modernblogger/images/bg.jpg"); } h1, h2, h3, h4 { margin: 0; } img { border: 0; } .clear { clear: both; height: 0; overflow: hidden; } /* Page */ #page { margin: 0 auto; width: 907px; } /* Header */ #header { width: 907px; height: 420px; background: url("http://test.qualitywordpress.com/wp-content/themes/modernblogger/images/header.jpg") no-repeat; position: relative; } /* Header - Info */ #header #header-info { position: absolute; top: 85px; left: 280px; } #header #header-info h1 { color: #000000; font: normal 35px Century Gothic; padding-bottom: 5px; } #header #header-info h1 a { color: #000000; text-decoration: none; } #header #header-info .description { color: #0000000; font: bold 15px Century Gothic; } /* Header - Menu */ #header #header-menu { position: absolute; top: 382px; left: 15px; height: 34px; } #header #header-menu ul { margin: 0; padding: 0; list-style-type: none; height: 34px; } #header #header-menu ul li { float: left; height: 32px; margin-right: 11px; font: normal 12px/32px Century Gothic; color: #cccccc; background: url("http://test.qualitywordpress.com/wp-content/themes/modernblogger/images/header_menu.gif") repeat-x; border: 1px solid #000000; padding: 0 30px; } #header #header-menu ul li a { color: #cccccc; text-decoration: none; } #header #header-menu ul li a:hover { text-decoration: underline; } #header #header-menu ul li ul { display: none; } /* Header - Ssearch */ #header #header-search { position: absolute; top: 8px; left: 650px; width: 252px; height: 27px; } #header #header-search { width: 252px; height: 27px; background: url("http://test.qualitywordpress.com/wp-content/themes/modernblogger/images/sidebar_search.gif") no-repeat; } #header #header-search #search-form { margin: 0; padding: 0; width: 252px; height: 27px; } #header #header-search #sb { width: 149px; height: 17px; border: 0; padding: 5px; font: bold 13px "Century Gothic", Century Gothic; color: #000000; background: transparent; float: left; } #header #header-search #searchsubmitb { background: transparent; border: none; width: 83px; height: 27px; padding: 0; float: right; } #header #header-text a { color: #ffffff; text-decoration: underline; } /* Header - Feed */ #header #header-feed { position: absolute; top: 3px; left: 3px; width: 40px; height: 40px; } /* Main */ #main { width: 907px; background: #262626 url("http://test.qualitywordpress.com/wp-content/themes/modernblogger/images/main.gif") repeat-y; } #main-top { width: 907px; background: url("http://test.qualitywordpress.com/wp-content/themes/modernblogger/images/main_top.gif") no-repeat; } #main-bottom { width: 907px; min-height: 50px; background: url("http://test.qualitywordpress.com/wp-content/themes/modernblogger/images/main_bottom.gif") no-repeat left bottom; } /* Main - Content */ #content-page { float: left; width: 495px; padding: 12px 16px 0 16px; } /* Main - Content - Post */ #content-page .post { float: left; margin-bottom: 25px; width: 495px; } /* Post - Date */ #content-page .post .post-date { background: url("http://test.qualitywordpress.com/wp-content/themes/modernblogger/images/post_date.gif") no-repeat; width: 122px; height: 25px; color: #000000; text-align: center; font: bold 10px/25px Century Gothic; } /* Post - Title */ #content-page .post .post-title { width: 463px; height: 45px; border: 1px solid #FFFFFF; background: url("http://test.qualitywordpress.com/wp-content/themes/modernblogger/images/post_title.gif") repeat-x; color: #000000; font: bold 10px Century Gothic; padding: 0 15px; } #content-page .post .post-title a, .post-title-info a { color: #000000; text-decoration: none; } #content-page .post .post-title a:hover, .post-title-info a:hover { text-decoration: underline; } #content-page .post .post-title h2 { color: #000000; font: bold 15px/45px Century Gothic; float: left; } #content-page .post .post-title h2 a { color: #000000; text-decoration: none; } #content-page .post .post-title h2 a:hover { text-decoration: underline; } #content-page .post .post-title .post-title-info { float: left; line-height: 45px; } .post-title-info { display:block; width:100%; text-align:right; color: #000000; font: bold 10px Century Gothic; padding-top: 10px; } /* Post - Entry */ #content-page .post .post-entry { font: normal 12px/18px Century Gothic; color: #000000; padding: 0 15px; width: 465px; background: #FFFFFF; float: left; } #content-page .post .post-entry a { color: #000000; text-decoration: none; } #content-page .post .post-entry a:hover { text-decoration: underline; } #content-page .post .post-entry .more-link { font: bold 11px/20px Century Gothic; color: #000000; float: right; padding-bottom: 5px; } #content-page .post .post-entry .more-link a { color: #000000; text-decoration: none; } #content-page .post .post-entry .more-link a:hover { text-decoration: underline; } /* Post - Info */ #content-page .post .post-info { padding: 0 10px 0 0; width: 485px; clear: both; font: bold 10px/19px Century Gothic; color: #000000; background: url("http://test.qualitywordpress.com/wp-content/themes/modernblogger/images/post_info.gif") no-repeat; text-align: right; } #content-page .post .post-info a { color: #000000; text-decoration: none; } #content-page .post .post-info a:hover { text-decoration: underline; } /* Post - Comments */ #content-page .post .post-entry h3 { color: #000000; font: bold 14px Century Gothic; margin: 25px 0 5px 0; } #content-page .post .post-entry .comments { font: normal 11px/18px Century Gothic; color: #000000; width: 465px; } #content-page .post .post-entry .comments a { color: #000000; text-decoration: none; } #content-page .post .post-entry .comments a:hover { text-decoration: underline; } #content-page .post .post-entry .comments ol { margin: 10px 0 10px 0; padding-left: 25px; } #content-page .post .comments ol li { padding: 5px; } #content-page .post .post-entry .comments ol li.alt { background: #cccccc; } #content-page .post .post-entry .comments ol li cite { color: #000000; font-style: normal; font-weight: bold; } #content-page .post .post-entry .comments ol li cite a { color: #000000; text-decoration: none; } #content-page .post .post-entry .comments ol li cite a:hover { text-decoration: underline; } #content-page .post .post-entry .comments ol li .commentmetadata a { color: #000000; text-decoration: none; } #content-page .post .post-entry .comments ol li .commentmetadata a:hover { text-decoration: underline; } #content-page .post .post-entry #commentform { font: normal 11px/18px Century Gothic; color: #FFFFFF; width: 450px; padding-left: 15px; margin: 0; } #content-page .post .post-entry #commentform a { color: #000000; text-decoration: none; } #content-page .post .post-entry #commentform a:hover { text-decoration: underline; } /* Main - Content - Navigation */ #content-page .navigation { font: bold 12px/25px Century Gothic; color: #000000; width: 495px; height: 25px; float: left; margin-bottom: 25px; } #content-page .navigation a { color: #000000; text-decoration: none; } #content-page .navigation a:hover { text-decoration: underline; } #content-page .navigation .navigation-previous { float: left; } #content-page .navigation .navigation-next { float: right; } /* Main - Sidebar */ .sidebar { float: left; width: 170px; font: normal 12px/18px Century Gothic; color: #000000; } .sidebar a { color: #000000; text-decoration: none; } .sidebar a:hover { text-decoration: underline; } /* Sidebar - Sides */ .sidebar-left { padding: 12px 3px 15px 16px; } .sidebar-right { padding: 12px 0 15px 3px; } /* Sidebar - Titles */ .sidebar h3 { padding-left: 10px; font: normal 14px/26px Century Gothic; color: #ADE2AD; width: 159px; height: 26px; background: url("http://test.qualitywordpress.com/wp-content/themes/modernblogger/images/sidebar_title.gif") repeat-x; } /* Sidebar - Menus */ .sidebar ul { margin: 5px 0 8px 0; padding: 0; list-style-type: none; } .sidebar ul li { padding-left: 11px; color: #cccccc; font: bold 11px/25px Century Gothic; background: url("http://test.qualitywordpress.com/wp-content/themes/modernblogger/images/sidebar_menu.gif") repeat-x; } .sidebar ul li a { color: #cccccc; text-decoration: none; } .sidebar ul li a:hover { text-decoration: underline; } /* Sidebar - Submenus */ .sidebar ul li ul { margin: 0; padding: 0; } /* Sidebar - Forms */ .sidebar #searchform { margin: 0; padding: 5px 0 8px 0; width: 170px; text-align: center; } .sidebar #searchform #s { width: 140px; } /* Sidebar - Tables */ .sidebar #calendar_wrap { margin: 0 auto; padding: 5px 0 8px 0; width: 130px; } .sidebar #calendar_wrap caption { font-weight: bold; } .sidebar #calendar_wrap tbody { text-align: right; } .sidebar #calendar_wrap tfoot #next { text-align: right; } .sidebar #calendar_wrap #today { font-weight: bold; } /* Sidebar - Texts */ .sidebar .textwidget { padding: 5px 4px 8px 4px; } /* Sidebar - Feed */ .sidebar #sidebar-feed { margin: 5px auto 8px auto; width: 160px; height: 60px; } /* Footer */ #footer { width: 907px; height: 83px; background: #000000; color: #ffffff; font: 10px/20px Century Gothic; text-align: center; } #footer a { color: #ffffff; text-decoration: underline; } #footer a:hover { text-decoration: underline; }

YANAN EV TEMASI

TASARIM ÜSTÜ
<div id="main"> <div id="header"> <div id="logo"> <h1><a href="#" _fcksavedurl="#">metamorph_burninghouse</a></h1> <h2><a href="http://www.metamorphozis.com/" _fcksavedurl="http://www.metamorphozis.com/" id="metamorph">Design by Metamorphosis Design</a></h2> </div> <div id="menu"> <ul> <li><a href="#" _fcksavedurl="#" title="">Home</a></li> <li><a href="#" _fcksavedurl="#" title="">Blog</a></li> <li><a href="#" _fcksavedurl="#" title="">Gallery</a></li> <li><a href="#" _fcksavedurl="#" title="">About</a></li> <li><a href="#" _fcksavedurl="#" title="">Contact</a></li> </ul> </div> </div> <div id="right"> <h2></h2><br /> <h4><a href="#" _fcksavedurl="#"></a></h4><br />

TASARIM ALTI
</div> <div id="left"> <h3>Nunc pellentesque</h3> <ul> <li><a href="#" _fcksavedurl="#">Vivamus id arcu</a></li> <li><a href="#" _fcksavedurl="#">Duis congue ultricies</a></li> <li><a href="#" _fcksavedurl="#">Purus in mollis purus</a></li> <li><a href="#" _fcksavedurl="#">Orci nonummy fringilla</a></li> <li><a href="#" _fcksavedurl="#">Pellentesque at lorem</a></li> </ul> <h3>Lorem ipsum dolor</h3> <p>Laoreet dolore magna aliquam erat volutpat. Exerci tation ullamcorper suscipit lobort ex ea commodo consequat. Duis autemr in het laoreet dolore magna aliquam erat volutpat. <br /> <br /> Ut wisi enim ad minim veniam, quis ullamcorper suscipit lobortis nisl ut commodo consequat. Duis autemr in he<a href="#" _fcksavedurl="#">More...</a></p> <br /> <h3>Calendar</h3> <ul> <li id="calendar"> <div id="calendar1"> <table id="calendar2" summary="Calendar"> <caption> January 2008 </caption> <thead> <tr> <th abbr="Monday" scope="col" title="Monday">M</th> <th abbr="Tuesday" scope="col" title="Tuesday">T</th> <th abbr="Wednesday" scope="col" title="Wednesday">W</th> <th abbr="Thursday" scope="col" title="Thursday">T</th> <th abbr="Friday" scope="col" title="Friday">F</th> <th abbr="Saturday" scope="col" title="Saturday">S</th> <th abbr="Sunday" scope="col" title="Sunday">S</th> </tr> </thead> <tfoot> <tr> <td abbr="Des" colspan="3" id="prev"><a href="#" _fcksavedurl="#">« Des</a></td> <td class="pad"> </td> <td abbr="Feb" colspan="3" id="next" class="pad"><a href="#" _fcksavedurl="#">Feb »</a></td> </tr> </tfoot> <tbody> <tr> <td colspan="2" class="pad"> </td> <td>1</td> <td>2</td> <td>3</td> <td>4</td> <td>5</td> </tr> <tr> <td>6</td> <td>7</td> <td>8</td> <td>9</td> <td>10</td> <td>11</td> <td>12</td> </tr> <tr> <td>13</td> <td>14</td> <td>15</td> <td>16</td> <td>17</td> <td>18</td> <td>19</td> </tr> <tr> <td>20</td> <td id="now">21</td> <td>22</td> <td>23</td> <td>24</td> <td>25</td> <td>26</td> </tr> <tr> <td>27</td> <td>28</td> <td>29</td> <td>30</td> <td>31</td> <td class="pad" colspan="2"> </td> </tr> </tbody> </table> </div> </li> </ul> </div> <div id="footer"> <p>Copyright © 2008. <a href="#" _fcksavedurl="#">Privacy Policy</a> | <a href="#" _fcksavedurl="#">Terms of Use</a> | <a href="http://validator.w3.org/check/referer" _fcksavedurl="http://validator.w3.org/check/referer" title="This page validates as XHTML 1.0 Transitional"><abbr title="eXtensible HyperText Markup Language">XHTML</abbr></a> | <a href="http://jigsaw.w3.org/css-validator/check/referer" _fcksavedurl="http://jigsaw.w3.org/css-validator/check/referer" title="This page validates as CSS"><abbr title="Cascading Style Sheets">CSS</abbr></a></p> <p>Design by <a href="http://www.metamorphozis.com/" _fcksavedurl="http://www.metamorphozis.com/" title="Free Website Templates">Free Website Templates</a></p> </div> </div>

CSS

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;} * { margin: 0px; padding: 0px; } a:link { color: #C24606; } a:hover { text-decoration: none; color: #FF0000; } a:visited { color: #C24606; } body { background: #000000 url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_burninghouse/images/back_all.jpg) no-repeat right top; font: 13px Arial, Helvetica, sans-serif; color: #000000; margin-left: 30px; margin-bottom: 20px; } #main { width: 653px; background: #ffffff; margin-top: 20px; } #header { width: 653px; height: 170px; } #menu { float: left; width: 603px; height: 43px; padding-left: 50px; background: url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_burninghouse/images/menu.gif) no-repeat; } #menu ul { list-style: none; } #menu li { display: inline; } #menu a { display: block; float: left; width: 113px; height: 28px; text-align: center; text-decoration: none; color: #ffffff; font-weight: bold; font-size: 14px; padding-top: 15px; background: url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_burninghouse/images/buttons.gif) no-repeat; } #menu a:hover { width: 113px; height: 28px; color: #ff0000; text-decoration: underline; background: url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_burninghouse/images/buttons_r.gif) no-repeat; } #logo { width: 623px; height: 100px; padding-left: 30px; padding-top: 19px; background: url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_burninghouse/images/header.gif) no-repeat; } #logo a { text-decoration: none; text-transform: lowercase; font-style: italic; font-size: 18px; color: #FFFFFF; } #logo H2 a { font-size: 12px; } #left { padding: 10px; width: 185px; } #left H3 { width: 170px; height: 24px; font-size: 14px; font-weight: bold; padding-left: 15px; padding-top: 15px; text-transform: uppercase; color: #ffffff; background: url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_burninghouse/images/title.gif) no-repeat } #left ul { border: 0px; margin-left: 10px; margin-bottom: 10px; list-style: none; } #left li { padding: 4px; } #left H4 { font-size: 10px; } #left a { color: #C24606; font-size: 11px; } #left a:visited { color: #037931; font-size: 11px; } #left p { padding: 10px; } #calendar1 { padding: 5px 10px 5px 10px; } #calendar table { width: 100%; text-align: center; } #calendar thead { } #calendar tbody td { border: 1px solid #F1F1F1; } #calendar #prev { text-align: left; } #calendar #next { text-align: right; } #calendar tfoot a { text-decoration: none; font-weight: bold; } #calendar #now { background: #696969; border: 1px solid #ff0000; font-weight: bold; color: #ffffff } #right { width: 420px; float: right; padding-right: 10px; } #right ol, #right ul { margin-left: 30px; } #right H4 { margin: 0; padding: 0px; font-size: 12px; color: #037931; } #right a { color: #C24606; text-decoration: none; } #right p { margin: 0; padding: 0; padding-bottom: 10px; } #right h2 { margin: 0; padding: 0; padding-top: 10px; color: #C24606; } .date { text-align: right; color: #C24606; font-size: 11px; } .date a { color: #C24606; } #footer { clear: both; height: 47px; clear: both; padding-top: 20px; background: url(http://www.metamorphozis.com/free_templates/free_css_templates/metamorph_burninghouse/images/footer.gif) repeat-x bottom; } #footer p { margin: 0; font-size: 10px; text-align: center; color: #C24606; } #footer a { color: #C24606; }

RADYO SİTESİ TEMASI

TASARIM ÜSTÜ
<div id="conntainer">  <div id="page_header"> <h1><span>Radio Station</span></h1> </div>   <div id="navmenu"> <ul> <li id="menu_first"><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/"><b>Home</b></a></li> <li><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/"><b>Featured Bands</b></a></li> <li><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/"><b>Playlist</b></a></li> <li><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/"><b>Partners</b></a></li> <li><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/"><b>About Us</b></a></li> <li id="menu_last"><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/"><b>Contact Us</b></a></li> </ul> <div class="clearthis"> </div> </div>  <div id="page_static"> </div>  <div id="main_content"> <div id="main_content2"> <div id="main_content_header"> <h2>Featured Band: The Black Eyed Peas</h2> </div> <div id="main_content_body"> <div id="content_box"> <div class="thumbnail"><img src="http://www.freewebsitetemplates.com/preview/template25/images/main_thumbnail.gif" _fcksavedurl="http://www.freewebsitetemplates.com/preview/template25/images/main_thumbnail.gif" width="379" height="177" alt="Thumbnail Caption" /></div>
TASARIM ALTI
</div> </div> <div id="main_content_footer"> </div> </div> </div>   <div id="breaking_news"> <div id="breaking_news_header"> <h2>HackeR FrienD.Net</h2> </div> <div id="breaking_news_body"> <div class="thumbnail"><img src="http://www.freewebsitetemplates.com/preview/template25/images/news_thumbnail.gif" _fcksavedurl="http://www.freewebsitetemplates.com/preview/template25/images/news_thumbnail.gif" width="175" height="63" alt="Thumbnail Caption" /></div> <p> Please don't remove the link at the bottom. We have worked hard to make the templates and ask that you respect our hard work so we can continue providing you with high quality templates. </p> <p> If you really want to remove the link you can buy a copyright free version on <a href="http://www.freewebsitetemplates.com/nolink/" _fcksavedurl="http://www.freewebsitetemplates.com/nolink/">our website</a>. Thanks. </p> </div> <div id="breaking_news_footer"> </div> </div>  <div class="clearthis"> </div>  <div id="page_footer"> Web design by <a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">Free Website Templates</a> </div>  </div>
CSS
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;} * { margin: 0px; padding: 0px; } body { padding: 25px 0px 12px; background-color: #98a664; color: #fff; font-family: verdana, arial, sans-serif; font-size: 11px; font-weight: bold; text-align: center; } a { color: #fff; background-color: inherit; text-decoration: underline; } a:hover { color: #526052; background-color: inherit; } span { display: none; } img { border: none; } ul { list-style-type: none; } li { list-style-type: none; } p { margin: 10px 0px 12px; text-align: justify; line-height: 15px; } .clearthis { margin : 0px; height : 1px; clear : both; float : none; font-size : 1px; line-height : 0px; overflow : hidden; visibility: hidden; } #conntainer { margin: 0px auto; width: 767px; background-image: url('http://www.freewebsitetemplates.com/preview/template25/images/background_image.jpg'); background-repeat: no-repeat; text-align: left; } #page_static { width: 767px; height: 235px; overflow: hidden; } .thumbnail { padding: 10px 0px; text-align: center; } /* Page Header */ #page_header { padding: 5px 14px 2px; position: absolute; } #page_header h1 { width: 265px; height: 49px; background: url('http://www.freewebsitetemplates.com/preview/template25/images/radio_station.gif') no-repeat 0% 50%; } /* Navigation Menu */ #navmenu { margin: 54px 528px 0px 66px; padding-bottom: 2px; width: 173px; clear: both; text-align: center; z-index: 1; position: absolute; } #navmenu a { text-decoration: none; } #navmenu li { padding: 0px 11px; float: left; background: url('http://www.freewebsitetemplates.com/preview/template25/images/navmenu_background.gif') repeat-y 50% 0%; line-height: 23px; } #navmenu li#menu_first { padding-top: 5px; background-image: url('http://www.freewebsitetemplates.com/preview/template25/images/navmenu_background_top.gif'); background-repeat: no-repeat; } #navmenu li#menu_last { padding-bottom: 12px; background-image: url('http://www.freewebsitetemplates.com/preview/template25/images/navmenu_background_bot.gif'); background-repeat: no-repeat; } #navmenu li a { display: block; background-color: #acba78; color: inherit; font-size: 12px; text-transform: uppercase; cursor: pointer; } #navmenu li a:hover { background-color: #ddebb1; color: #526052; } #navmenu li#menu_first a { padding-top: 2px; background-image: url('http://www.freewebsitetemplates.com/preview/template25/images/navmenu_background_litop.gif'); background-repeat: no-repeat; background-position: 50% 0%; } #navmenu li#menu_last a { background-image: url('http://www.freewebsitetemplates.com/preview/template25/images/navmenu_background_libot.gif'); background-repeat: no-repeat; background-position: 50% 100%; } #navmenu li a b { margin: 0px auto; padding-bottom: 2px; display: block; width: 151px; border-bottom: #fff 1px solid; } /* Main Content */ #main_content { padding-left: 22px; background: url('http://www.freewebsitetemplates.com/preview/template25/images/main_background.gif') repeat-y 22px 0%; float: left; clear: both; text-align: center; } #main_content2 { width: 435px; background: url('http://www.freewebsitetemplates.com/preview/template25/images/main_background_right.gif') no-repeat 100% 0%; } #main_content_header { width: 435px; background: url('http://www.freewebsitetemplates.com/preview/template25/images/main_background_top.gif') no-repeat 50% 0%; } #main_content_header h2 { padding: 20px 10px 12px; font-size: 12px; text-transform: uppercase; } #main_content_body { margin: 0px auto; padding: 2px 0px; width: 411px; min-height: 220px; background-color: #98a664; color: inherit; } #main_content_body #content_box { margin: 0px auto; padding-bottom: 15px; width: 380px; text-align: justify; } #main_content_footer { width: 435px; height: 21px; background: url('http://www.freewebsitetemplates.com/preview/template25/images/main_background_bot.gif') no-repeat 50% 100%; overflow: hidden; } /* Breaking News */ #breaking_news { margin-top: 266px; width: 310px; background: url('http://www.freewebsitetemplates.com/preview/template25/images/news_background.gif') #98a664 repeat-y 0% 0%; color: #141619; float: right; font-size: 10px; font-weight: normal; letter-spacing: 1px; line-height: 11px; text-align: justify; } #breaking_news a { color: #141619; background-color: inherit; } #breaking_news a:hover { color: #606c35; background-color: inherit; } #breaking_news p { margin-top: 2px; line-height: 11px; } #breaking_news .thumbnail { padding: 5px 0px 7px; } #breaking_news_header { padding: 7px 15px 0px; background: url('http://www.freewebsitetemplates.com/preview/template25/images/news_background_top.gif') no-repeat 0px 0%; } #breaking_news h2 { width: 280px; background-color: #ddebb1; color: #2f3c26; font-size: 10px; font-weight: bold; line-height: 10px; text-transform: uppercase; text-align: center; } #breaking_news_body { padding: 0px 30px 3px; } #breaking_news_footer { height: 6px; overflow: hidden; background: url('http://www.freewebsitetemplates.com/preview/template25/images/news_background_bot.gif') no-repeat 0% 0%; } /* Page Footer */ #page_footer { padding: 18px 11px 0px; font-size: 10px; text-align: center; letter-spacing: 1px; }

FİLM SİTESİ TEMASI

TASARIM ÜSTÜ
<div id="conntainer">  <div id="page_header"> <div id="company_name"> <h1><span>United Brothers</span></h1> </div> </div>   <div id="page_menu"> <ul> <li class="home"><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/" title="Home"><span>Home</span></a></li> <li class="aboutus"><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/" title="About Us"><span>About Us</span></a></li> <li class="gallery"><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/" title="Gallery"><span>Gallery</span></a></li> <li class="portfolio"><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/" title="Portfolio"><span>Portfolio</span></a></li> <li class="procedure"><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/" title="Procedure"><span>Procedure</span></a></li> <li class="contact"><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/" title="Contact"><span>Contact</span></a></li> </ul> </div>   <div id="left_sidebar">  <div class="content_header"> <h2><span>Experts' Voice</span></h2> </div> <div class="content_box_right"> <div class="content_box_left"> <div class="content_box"> <div class="thumbnail"> <img src="http://www.freewebsitetemplates.com/preview/moviecompany/images/_thumbnail01.gif" _fcksavedurl="http://www.freewebsitetemplates.com/preview/moviecompany/images/_thumbnail01.gif" width="106" height="100" alt="Caption Here" /> </div> <h3> <strong>Mark Someone</strong> <br /> Video Editor </h3> <p>If you're looking for beautiful and professionally made templates you can find them at <a href="http://www.templatebeauty.com" _fcksavedurl="http://www.templatebeauty.com">Template Beauty</a>.</p> <p>If you're looking for beautiful and professionally made templates you can find them at <a href="http://www.templatebeauty.com" _fcksavedurl="http://www.templatebeauty.com">Template Beauty</a>.</p> <p>To find great hosting providers visit <a href="http://www.webhostingzoom.com" _fcksavedurl="http://www.webhostingzoom.com">Web Hosting Zoom</a></p> <div class="link-more"> <a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">...Read More</a> </div> </div> </div> </div>  </div>   <div id="main_content"> <div class="content_header"> <h2><span>Top 20 Masters of the Month</span></h2> </div> <div class="content_box_right"> <div class="content_box_left"> <div class="content_box"> <div id="main_content_border"> <div class="topmasters">
TASARIM ALTI
<div class="clearthis"> </div> </div> <div class="divider"> </div> </div> </div> </div> </div> </div>  <div class="clearthis"> </div>  <div id="page_footer"> Web design by <a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">Free Website Templates</a> </div> </div>
CSS

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;} * { margin: 0px; padding: 0px; } body { background: url('http://www.freewebsitetemplates.com/preview/moviecompany/images/body_background.gif') #4a4848 repeat-x 0px 0px; color: #a7a7a7; font-family: tahoma, arial, sans-serif; font-size: 9px; text-align: center; } a { color: #fff; text-decoration: none; } a:hover { color: #ea9a2e; } span { display: none; } img { border: none; } ul { list-style-type: none; } li { list-style-type: none; } p { margin: 10px 0px 20px; text-align: justify; line-height: 13px; } .clearthis { margin : 0px; height : 1px; clear : both; float : none; font-size : 1px; line-height : 0px; overflow : hidden; visibility: hidden; } #conntainer { margin: 0px auto; width: 780px; text-align: left; } /* Page Header */ #page_header { width: 780px; height: 122px; background: url('http://www.freewebsitetemplates.com/preview/moviecompany/images/header_background.gif') no-repeat 0px 0px; } #company_name { padding-left: 204px; height: 122px; background: url('http://www.freewebsitetemplates.com/preview/moviecompany/images/header_image.gif') no-repeat 18px 9px; } #company_name h1 { width: 155px; height: 32px; background: url('http://www.freewebsitetemplates.com/preview/moviecompany/images/company_name.gif') no-repeat 0px 0px; } /* Page Menu */ #page_menu { margin-bottom: 14px; width: 780px; height: 42px; background: url('http://www.freewebsitetemplates.com/preview/moviecompany/images/menu_background.gif') no-repeat 0px 0px; text-align: center; } #page_menu ul { margin: 0px auto; height: 29px; width: 606px; } #page_menu li { width: 101px; height: 29px; background: url('http://www.freewebsitetemplates.com/preview/moviecompany/images/menu_link_bg.gif') no-repeat 0px 0px; float: left; } #page_menu li a { margin-top: 11px; height: 10px; width: 101px; display: block; } #page_menu .home a { background: url('http://www.freewebsitetemplates.com/preview/moviecompany/images/menu_home.gif') no-repeat 50% 0px; } #page_menu .aboutus a { background: url('http://www.freewebsitetemplates.com/preview/moviecompany/images/menu_aboutus.gif') no-repeat 50% 0px; } #page_menu .gallery a { background: url('http://www.freewebsitetemplates.com/preview/moviecompany/images/menu_gallery.gif') no-repeat 50% 0px; } #page_menu .portfolio a { background: url('http://www.freewebsitetemplates.com/preview/moviecompany/images/menu_portfolio.gif') no-repeat 50% 0px; } #page_menu .procedure a { background: url('http://www.freewebsitetemplates.com/preview/moviecompany/images/menu_procedure.gif') no-repeat 50% 0px; } #page_menu .contact a { background: url('http://www.freewebsitetemplates.com/preview/moviecompany/images/menu_contact.gif') no-repeat 50% 0px; } /* Page Body Content */ .content_header { height: 38px; background: url('http://www.freewebsitetemplates.com/preview/moviecompany/images/main_bg_topright.gif') #353434 no-repeat 100% 0px; overflow: hidden; } .content_header h2 { padding-left: 41px; height: 38px; background: url('http://www.freewebsitetemplates.com/preview/moviecompany/images/main_bg_topleft.gif') no-repeat 0px 0px; } .content_box_right { margin-bottom: 8px; background: url('http://www.freewebsitetemplates.com/preview/moviecompany/images/main_bg_botright.gif') #353434 no-repeat 100% 100%; } .content_box_left{ padding-bottom: 12px; background: url('http://www.freewebsitetemplates.com/preview/moviecompany/images/main_bg_botleft.gif') no-repeat 0px 100%; } .content_box { padding: 5px 13px; } .content_box .thumbnail { float: left; border: #a1a19e 1px solid; } .content_box h3 { padding-top: 10px; padding-bottom: 3px; font-size: 9px; font-weight: normal; } /* Left Sidebar */ #left_sidebar { padding-left: 17px; float: left; } #left_sidebar .content_header { width: 134px; } #left_sidebar .content_header h2 { color: #9bb74b; font-weight: bold; font-size: 11px; line-height: 11px; } #left_sidebar .content_header h2 span { display: block; padding-top: 10px; } #left_sidebar .content_box_left { width: 134px; } #left_sidebar .content_box { background: url('http://www.freewebsitetemplates.com/preview/moviecompany/images/left_sidebar_bg.gif') repeat-y 0px 0px; } #left_sidebar .content_box h3 { color: #ea912e; clear: both; } #left_sidebar .link-more { padding-top: 2px; text-align: right; } #left_sidebar .link-more a { color: #a7a7a7; font-weight: bold; } #left_sidebar .link-more a:hover { color: #f1af3b; } /* Main Content */ #main_content { padding-right: 17px; float: right; } #main_content .content_header { width: 594px; } #main_content .content_header h2 { color: #f89d31; font-size: 12px; line-height: 12px; } #main_content .content_header h2 span { display: block; padding-left: 3px; padding-top: 10px; } #main_content .content_box_left { width: 594px; } #main_content .content_box { padding: 5px 11px 0px 0px; background: url('http://www.freewebsitetemplates.com/preview/moviecompany/images/main_background.gif') no-repeat 100% 0%; border-width: 0px 2px; border-color: #d2913d; border-style: solid; } #main_content_border { padding-left: 42px; background: url('http://www.freewebsitetemplates.com/preview/moviecompany/images/main_bg_side.gif') repeat-y 5px -1px; } #main_content .link-more { padding-bottom: 7px; padding-right: 5px; text-align: right; line-height: 11px; } #main_content .link-more a { color: #ea9a2e; font-weight: bold; } #main_content .link-more a:hover { color: #f7ec37; } #main_content .divider { margin: 0px auto 7px 2px; width: 522px; height: 3px; background: url('http://www.freewebsitetemplates.com/preview/moviecompany/images/main_divider.gif') repeat-x 0px 0px; overflow: hidden; } /* Top Masters */ .topmasters { padding: 6px 0px; } .topmasters_info { float: right; width: 383px; } .topmasters_info h3 { padding: 2px 0px 2px; width: 383px; color: #9bb74b; } .topmasters_info p { margin: 0px; padding: 10px 5px 10px 0px; clear: both; } /* Login Box */ #loginbox_left { margin-bottom: 5px; margin-top: 10px; padding-left: 14px; background: url('http://www.freewebsitetemplates.com/preview/moviecompany/images/loginbox_bgleft.gif') #686765 no-repeat 0px 0px; float: left; } #loginbox_right { padding-right: 14px; background: url('http://www.freewebsitetemplates.com/preview/moviecompany/images/loginbox_bgright.gif') no-repeat 100% 0px; } #loginbox { width: 160px; height: 99px; overflow: hidden; color: #fafafa; font-size: 9px; font-weight: bold; line-height: 9px; } #loginbox a { text-decoration: underline; } #loginbox a:hover { color: #f7b637; } #loginbox h2 { padding-top: 7px; color: #f7b637; font-size: 12px; line-height: 12px; font-weight: bold; } #loginbox form { margin: 13px 0px 3px; } .loginbox_formfield { padding: 0px 3px 2px 2px; } .loginbox_formfield strong { padding-top: 3px; float: left; width: 55px; display: block; } #loginbox input { width: 97px; color: #fff; padding-top: 2px; background-color: #4a4948; border: #8e8c89 1px solid; font-family: tahoma, arial, sans-serif; font-size: 9px; font-weight: bold; float: right; } #loginbox input.button { margin-top: 1px; width: 41px; height: 14px; border: none; text-align: center; font-weight: normal; cursor: pointer; } #loginbox_register { padding-top: 10px; line-height: 10px; } /* Tips of the Day */ #tips { padding: 8px 10px 5px 17px; border-left: #62615f 1px solid; float: right; } #tips_box { width: 295px; font-weight: bold; } #tips_box a { color: #f1ab30; text-decoration: underline; } #tips_box a:hover { color: #f7f037; } #tips_box h2 { padding-bottom: 9px; color: #9bb74b; font-size: 12px; } #tips_box ul { padding: 3px 0px 3px; } #tips_box li { padding: 3px 0px; } /* Page Footer */ #page_footer { padding: 2px 10px 15px; color: #adacab; text-align: center; } #page_footer a { color: #adacab; text-decoration: underline; } #page_footer a:hover { color: #f7ec37; }

MÜZİK SİTESİ TEMASI

TASARIM ÜSTÜ
<div id="wrapper"> <h1><em>MUSIC</em> SHOP</h1> <div id="nav"> <ul> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com"><span>01</span> ABOUT SHOP</a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com"><span>02</span> GALLERY</a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com"><span>03</span> FREE MUSIC</a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com"><span>04</span> ARTIST</a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com"><span>05</span> CONTACTS</a></li> </ul> </div> <div id="topcon"> <div id="topcon-inner"> <h2>Welcome to Music Shop</h2> <p>Don't forget to check <a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">free website templates</a> every day, because we add a new free website template almost daily.</p><p>You can remove any link to our websites from this template you're free to use the template without linking back to us.</p> </div> </div> <div id="conntent"> <div id="body">
TASARIM ALTI
<div class="clear"> </div> </div> <div id="footer"> <ul> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">PICTURE</a> | </li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">GALLERY</a> | </li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">FREE MUSIC</a> | </li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">FEATURES</a> | </li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">CONTACTS</a> | </li> </ul> <p>© Business Co <a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Privacy Policy</a> | <a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Terms of Use</a>.</p> </div> </div> </div>
CSS
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;} html, body, h1, h2, h3, h4, ul, li { margin: 0; padding: 0; } h1 img { display: block; } img { border: 0; } a { color: #FFFFFF; } a:hover { color: #FFA405; } .left { float: left; } .right { float: right; } .more { text-align: right; } .clear { clear: both; } body { background: #3A0404 url(http://www.freewebsitetemplates.com/preview/musicshop/images/page_bg.jpg) repeat-x; font: 11px arial, sans-serif; color: #464544; padding-bottom: 10px; } /** layout **/ #wrapper { width: 678px; min-height: 750px; _height: 750px; background: url(http://www.freewebsitetemplates.com/preview/musicshop/images/header.jpg) no-repeat; position: relative; } h1 { padding: 25px 0 0 30px; font: 32px "arial black", arial, sans-serif; color: #151515; } h1 em { color: #ffffff; font-weight: bold; font-style: normal; position: relative; top: -4px; } /* nav */ #nav { position: absolute; top: 0px; left: 335px; width: 500px; } #nav li { float: left; background: url(http://www.freewebsitetemplates.com/preview/musicshop/images/nav_left.gif) no-repeat; list-style: none; padding-left: 10px; padding-right: 20px; padding-top: 45px; line-height: 1.1; } #nav span { display: block; font-size: 28px; } #nav a { color: #FFFFFF; font-size: 11px; font-weight: bold; text-decoration: none; } /** topcontent **/ #topcon { background: url(http://www.freewebsitetemplates.com/preview/musicshop/images/topcon.jpg) no-repeat; width: 427px; position: absolute; top: 105px; left: 338px; color: #fff; } #topcon-inner { margin: 33px 40px 41px 85px; height: 120px; overflow: auto; } #topcon h2 { font-size: 14px; } /** Body **/ #conntent { width: 710px; position: absolute; color: #fff; top: 299px; left: 33px; } #conntent a { color: #fff; } #conntent a:hover { color: #fee; } #body { border: 3px solid white; background: #901315; padding: 18px; } .box { float: left; width: 195px; background: #730F11; margin-right: 18px; } .box-t { background: top url(http://www.freewebsitetemplates.com/preview/musicshop/images/box_t.gif) repeat-x; } .box-r { background: right url(http://www.freewebsitetemplates.com/preview/musicshop/images/box_r.gif) repeat-y; } .box-b { background: bottom url(http://www.freewebsitetemplates.com/preview/musicshop/images/box_b.gif) repeat-x; } .box-l { background: left url(http://www.freewebsitetemplates.com/preview/musicshop/images/box_l.gif) repeat-y; } .box-tr { background: top right url(http://www.freewebsitetemplates.com/preview/musicshop/images/box_tr.gif) no-repeat; } .box-br { background: bottom right url(http://www.freewebsitetemplates.com/preview/musicshop/images/box_br.gif) no-repeat; } .box-bl { background: bottom left url(http://www.freewebsitetemplates.com/preview/musicshop/images/box_bl.gif) no-repeat; } .box-tl { background: top left url(http://www.freewebsitetemplates.com/preview/musicshop/images/box_tl.gif) no-repeat; } .box-tl { padding: 13px 18px; } .box p { margin: 1em 0; } p.more { margin: 0; } #hits { width: 240px; } #hits .box-tl { padding-bottom: 22px; } #hits ul { margin: 1em 0; } #hits li { list-style: none; margin: 0.9em 0; } #hits ul a { text-decoration: none; } #hits ul a:hover { text-decoration: underline; } #new { margin-right: 0; } #new .box-tl { padding-bottom: 18px; } #new p { margin-top: 0; margin-bottom: 3.6em; } #body h2 { font-size: 12px; text-align: right; margin-bottom: 1.5em; } #body h3 { font-size: 9px; color: #FFEA00; } #body .more a { font-weight: bold; text-decoration: none; } #body .more a:hover { text-decoration: underline; } #body .hr-yellow { border-top: 1px solid #FFEA00; padding-bottom: 1em; margin-top: 1em; } /** footer **/ #footer { text-align: center; } #footer p, #footer ul { margin: 0.8em; } #footer ul { margin-top: 1.2em; } #footer li { display: inline; list-style: none; }

KRİSTAL RENKLİ TEMA

TASARIM ÜSTÜ
<div id="main" class="box">  <div id="header">  <h3 id="logo"><a href="./" _fcksavedurl="./" title="CrystalX [Go to homepage]">Crystal<strong>X</strong><span></span></a></h3> <hr class="noscreen" />  <div class="noscreen noprint"> <p><em>Quick links: <a href="#content" _fcksavedurl="#content">content</a>, <a href="#tabs" _fcksavedurl="#tabs">navigation</a>, <a href="#search" _fcksavedurl="#search">search</a>.</em></p> <hr /> </div>  <div id="search" class="noprint"> <form action="" method="get"> <fieldset><legend>Search</legend> <label><span class="noscreen">Find:</span> <span id="search-input-out"><input type="text" name="" id="search-input" size="30" /></span></label> <input type="image" src="http://www.nuviotemplates.com/templates/crystalx-01/design/search_submit.gif" id="search-submit" value="OK" /> </fieldset> </form> </div>  </div>   <div id="tabs" class="noprint"> <h5 class="noscreen">Navigation</h5> <ul class="box"> <li><a href="#" _fcksavedurl="#">Home<span class="tab-l"></span><span class="tab-r"></span></a></li> <li id="active"><a href="#" _fcksavedurl="#">Weblog<span class="tab-l"></span><span class="tab-r"></span></a></li>  <li><a href="#" _fcksavedurl="#">About Me<span class="tab-l"></span><span class="tab-r"></span></a></li> <li><a href="#" _fcksavedurl="#">Photos<span class="tab-l"></span><span class="tab-r"></span></a></li> <li><a href="#" _fcksavedurl="#">Portfolio<span class="tab-l"></span><span class="tab-r"></span></a></li> <li><a href="#" _fcksavedurl="#">Contact<span class="tab-l"></span><span class="tab-r"></span></a></li> <li><a href="#" _fcksavedurl="#">Links<span class="tab-l"></span><span class="tab-r"></span></a></li> </ul> <hr class="noscreen" /> </div>   <div id="page" class="box"> <div id="page-in" class="box"> <div id="strip" class="box noprint">  <p id="rss"><strong>RSS:</strong> <a href="#" _fcksavedurl="#">articles</a> / <a href="#" _fcksavedurl="#">comments</a></p> <hr class="noscreen" />  <p id="breadcrumbs">You are here: <a href="#" _fcksavedurl="#">Home</a> > <a href="#" _fcksavedurl="#">Category</a> > <strong>Page</strong></p> <hr class="noscreen" /> </div>  <div id="conttent"> <div class="article"> <h4>HackeR FrienD.Net</h4> <p class="info noprint">Bilgi Güçtür, Paylaştıkça Büyür!</p><p>

TASARIM ALTI
</p></div> <hr class="noscreen" /> </div>   <div id="col" class="noprint"> <div id="col-in">  <h5><span><a href="#" _fcksavedurl="#">About Me</a></span></h5> <div id="about-me"> <p><img src="http://www.nuviotemplates.com/templates/crystalx-01/design/tmp_photo.gif" _fcksavedurl="http://www.nuviotemplates.com/templates/crystalx-01/design/tmp_photo.gif" id="me" alt="Yeah, it´s me!" /> <strong>John Doe</strong><br /> Age: 26<br /> Dallas, TX<br /> <a href="#" _fcksavedurl="#">Profile on MySpace</a></p> </div>  <hr class="noscreen" />  <h5 ><span>Category</span></h5> <ul id="category"> <li id="category-active"><a href="#" _fcksavedurl="#">Selected category</a></li>  <li><a href="#" _fcksavedurl="#">Category</a></li> <li><a href="#" _fcksavedurl="#">Category</a></li> <li><a href="#" _fcksavedurl="#">Category</a></li> <li><a href="#" _fcksavedurl="#">Category</a></li> </ul> <hr class="noscreen" />  <h5><span>Archive</span></h5> <ul id="archive"> <li><a href="#" _fcksavedurl="#">January 2007</a></li> <li><a href="#" _fcksavedurl="#">December 2006</a></li> <li><a href="#" _fcksavedurl="#">November 2006</a></li> <li><a href="#" _fcksavedurl="#">October 2006</a></li> <li><a href="#" _fcksavedurl="#">September 2006</a></li> <li id="archive-active"><a href="#" _fcksavedurl="#">August 2006</a></li>  <li><a href="#" _fcksavedurl="#">July 2006</a></li> <li><a href="#" _fcksavedurl="#">June 2006</a></li> <li><a href="#" _fcksavedurl="#">May 2006</a></li> <li><a href="#" _fcksavedurl="#">April 2006</a></li> <li><a href="#" _fcksavedurl="#">March 2006</a></li> <li><a href="#" _fcksavedurl="#">February 2006</a></li> <li><a href="#" _fcksavedurl="#">January 2006</a></li> </ul> <hr class="noscreen" />  <h5><span>Links</span></h5> <ul id="links"> <li><a href="#" _fcksavedurl="#">Something</a></li> <li><a href="#" _fcksavedurl="#">Something</a></li> <li><a href="#" _fcksavedurl="#">Something</a></li> <li><a href="#" _fcksavedurl="#">Something</a></li> <li><a href="#" _fcksavedurl="#">Something</a></li> </ul> <hr class="noscreen" /> </div>  </div>  </div>  </div>   <div id="footer"> <div id="top" class="noprint"><p><span class="noscreen">Back on top</span> <a href="#header" _fcksavedurl="#header" title="Back on top ^">^<span></span></a></p></div> <hr class="noscreen" />  <p id="createdby"><a href="http://www.nuviotemplates.com/" _fcksavedurl="http://www.nuviotemplates.com/">Free web templates</a></p>  <p id="copyright">© 2007 <a href="mailto:my@mail.com" _fcksavedurl="mailto:my@mail.com">My Name</a></p> </div>  </div>

CSS

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;} /* ---------------------------------------------------------------------------------------------------------- This website template was downloaded from http://www.nuviotemplates.com - visit us for more templates Structure: display; position; float; z-index; overflow; width; height; margin; padding; border; background; align; font; ---------------------------------------------------------------------------------------------------------- */ * {min-height:1px;} body {border:0; margin:0; padding:0; background:#F2F5FE url("http://www.nuviotemplates.com/templates/crystalx-01/design/bg.gif") 0 0 repeat-x; font:70%/160% "verdana",sans-serif; color:#192666; text-align:center;} a {color:#192666;} a:hover {color:#4F6AD7;} p {border:0; margin:15px 0; padding:0;} div {display:block; border:0; margin:0; padding:0;} h3, h4, h5, h4, h5 {border:0; margin:15px 0 10px 0; padding:0; font-weight:bold;} h3 {font-size:260%; line-height:100%; font-family:"georgia",serif; font-weight:normal;} h4 {font-size:180%; line-height:100%; font-family:"georgia",serif; font-weight:normal;} h5 {font-size:120%; line-height:100%; font-weight:bold;} h4 {font-size:120%;} h5 {font-size:100%;} table {display:table; border-collapse:collapse; margin:15px 0; padding:0; border:1px solid #B7CAF6; font-size:100%;} tr {display:table-row;} th, td {display: table-cell; border:1px solid #B7CAF6; margin:0; padding:5px; vertical-align:top; text-align:left;} th {background:#E7ECFD; text-align:center; color:#192666; font-weight:bold;} ul, ol {display:block; border:0; margin:15px 0 15px 40px; padding:0;} ol {list-style-type:decimal;} li {display:list-item; border:0; margin:0; padding:0;} ul ul, ul ol, ol ol, ol ul {margin: 0 0 0 20px;} dl {border:0; margin:15px 0; padding:0;} dt {border:0; margin:0; padding:0; font-weight:bold;} dd {border:0; margin:0 0 0 30px; padding:0;} form {border:0; margin:0; padding:0;} fieldset {border:1px solid #ccc; margin:15px 0; padding:10px;} legend {margin-left:10px; font-size:100%; font-weight:bold; color:#008;} hr {display:block; height:1px; margin:10px 0; padding:0; background:#CCC; border:0 solid #CCC; color:#CCC;} a, img, span {border:0; margin:0; padding:0;} abbr, acronym {border-bottom:1px dotted #CCC; cursor:help;} del, .through {text-decoration:line-through;} strong, .strong {font-weight:bold;} cite, em, q, var {font-style:italic;} code, kbd, samp {font-family:monospace; font-size:110%;} .f-left {float:left;} .f-right {float:right;} .t-left {text-align:left;} .t-center {text-align:center;} .t-right {text-align:right;} .va-middle {vertical-align:middle;} .clear {clear:both;} .box {min-height:1px;} .box:after {content:"."; display:block; line-height:0px; font-size:0px; visibility:hidden; clear:both;} .nom {margin:0;} .noscreen {display:none;} /* -----------------...........--------------------------------------------------------------------------------------- */ #main {width:770px; margin:50px auto 0 auto; text-align:left;} #header {position:relative; width:770px; height:100px; margin:0; padding:0; background:#233C9B url("http://www.nuviotemplates.com/templates/crystalx-01/design/header.jpg") 0 0 no-repeat; color:#FFF;} #header #logo {position:absolute; top:35px; left:35px; margin:0;} #header #logo a {color:#FFF;} #header #logo a:hover {color:#B5C4E3; text-decoration:underline;} #header #search {position:absolute; top:35px; right:20px;} #header #search form {position:relative;} #header #search #search-input-out {position:absolute; top:0; right:45px; width:155px; height:28px; margin:0; padding:0; border:0; background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/search_input.gif") 0 0 no-repeat; font:bold 90%/100% "verdana",sans-serif; color:#192666;} #header #search #search-input {width:140px; margin:5px 8px; padding:3px 0; border:0; background:#FFF; font:bold 100%/100% "verdana",sans-serif; color:#192666;} #header #search #search-submit {position:absolute; top:0; right:0px;} #header #search fieldset {margin:0; padding:0; border:0;} #header #search fieldset {width:200px;} #header #search legend {display:none;} #tabs {background:#192666; margin:0 5px; padding:10px 0 0 0; _height:1px;} #tabs ul {margin:0 10px; padding:0; list-style:none;} #tabs ul li {margin:0 5px 0 0; padding:0; float:left;} #tabs ul li a {display:block; position:relative; padding:7px 15px; border:0; background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/tab_link.gif") 0 0 repeat-x; color:#B5C4E3; font-weight:bold; text-decoration:none; cursor:pointer;} #tabs ul li a span.tab-l, #tabs ul li a:hover span.tab-l {position:absolute; top:0; left:0; _left:-15px; width:8px; height:8px; background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/tab_link_l.gif") 0 0 no-repeat;} #tabs ul li a span.tab-r, #tabs ul li a:hover span.tab-r {position:absolute; top:0; right:0; _right:-1px; width:8px; height:8px; background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/tab_link_r.gif") 100% 0 no-repeat;} #tabs ul li a:hover {background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/tab_hover.gif") 0 0 repeat-x; color:#FFF;} #tabs ul li a:hover span.tab-l {background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/tab_hover_l.gif") 0 0 no-repeat;} #tabs ul li a:hover span.tab-r {background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/tab_hover_r.gif") 100% 0 no-repeat;} #tabs ul li#active a {background:#FFF; color:#FF9000;} #tabs ul li#active a span.tab-l {position:absolute; top:0; left:0; _left:-15px; width:8px; height:8px; background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/tab_active_l.gif") 0 0 no-repeat;} #tabs ul li#active a span.tab-r {position:absolute; top:0; right:0; width:8px; height:8px; background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/tab_active_r.gif") 100% 0 no-repeat;} #page {width:770px; min-height:1px; background:#FFF url("http://www.nuviotemplates.com/templates/crystalx-01/design/bg_page.gif") 0 0 repeat-y; _height:1px;} #page-in {min-height:1px; padding:10px 0; background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/bg_page_in.jpg") 0 0 no-repeat; _height:1px;} #strip {position:relative; clear:both; padding:3px 20px 10px 20px; color:#6182D1;} #strip p {margin:0;} #strip a {color:#6182D1;} #strip a:hover {color:#192666;} #strip #breadcrumbs {width:520px; margin:0; padding:0;} #strip #rss {float:right; width:175px; _width:200px; margin:0; padding-left:25px; background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/ico_rss.gif") 0 50% no-repeat} #conttent {float:left; width:530px; _width:550px; margin:0; padding:0 0 0 20px;} #conttent .article {clear:both; margin:0; padding:20px; background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/content_article_bg.jpg") 0 0 no-repeat;} #conttent .article h4 {margin:0 -20px; padding:10px; background:#DEE5FD url("http://www.nuviotemplates.com/templates/crystalx-01/design/content_title_bg.gif") 0 0 repeat-y; color:#192666;} #conttent .article h4 span {background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/ico_list.gif") 0 50% no-repeat; padding-left:25px;} #conttent .article p {text-align:justify;} #conttent .info {margin:10px 0; padding-bottom:8px; border-bottom:1px solid #DEE5FD; color:#6685CC;} #conttent .info a {color:#6685CC;} #conttent .info a:hover {color:#FF9000;} #conttent .info span.date, #conttent .info span.cat, #conttent .info span.user, #conttent .info span.comments {padding-left:15px;} #conttent .info span.date {background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/ico_date.gif") 0 50% no-repeat;} #conttent .info span.cat {background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/ico_cat.gif") 0 50% no-repeat; margin-left:8px;} #conttent .info span.user {background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/ico_user.gif") 0 50% no-repeat; margin-left:8px;} #conttent .info span.comments {background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/ico_comments.gif") 0 50% no-repeat; margin-left:8px;} #conttent .btn-more {margin:0 0 15px 0; padding:0; border:0; position:relative;} #conttent .btn-more a {display:block; position:absolute; top:0; right:0; width:67px; _width:95px; height:21px; margin:0; padding:0 0 0 28px; background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/btn_more.gif") 0 0 no-repeat; color:#FFF; text-decoration:none;} #conttent .btn-more a:hover {background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/btn_more.gif") -95px 0 no-repeat;} #col {float:left; width:200px; margin:0; padding:0; background:#CEDBF9 url("http://www.nuviotemplates.com/templates/crystalx-01/design/col_bg.gif") 0 0 repeat-y;} #col-in {padding:20px 10px; background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/col_top.gif") 0 0 no-repeat;} #col h5 {padding:13px 15px 14px 15px; margin:0 -10px 15px -10px; background:#A0B9F3 url("http://www.nuviotemplates.com/templates/crystalx-01/design/col_title_bg.gif") 0 0 repeat-y; color:#192666;} #col #about-me {margin-bottom:15px; line-height:130%;} #col #about-me p {margin:0;} #col #about-me #me {float:left; width:54px; height:58px; margin-right:7px;} #col ul#category {margin:15px 0; padding:0; list-style:none;} #col ul#category li {margin:0; padding:0; border-bottom:1px solid #E0E8FA;} #col ul#category li a {display:block; padding:3px 0 3px 22px; background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/ico_archive.gif") 5px 6px no-repeat; text-decoration:none;} #col ul#category li a:hover {background-color:#D3DFF8; color:#192666;} #col ul#category li#category-active a {background:#E0E8FA url("http://www.nuviotemplates.com/templates/crystalx-01/design/ico_archive2.gif") 5px 50% no-repeat; font-weight:bold;} #col ul#archive {margin:15px 0; padding:0; list-style:none;} #col ul#archive li {margin:0; padding:0; border-bottom:1px solid #E0E8FA;} #col ul#archive li a {display:block; padding:3px 0 3px 22px; background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/ico_archive.gif") 5px 50% no-repeat; text-decoration:none;} #col ul#archive li a:hover {background-color:#D3DFF8; color:#192666;} #col ul#archive li#archive-active a {background:#E0E8FA url("http://www.nuviotemplates.com/templates/crystalx-01/design/ico_archive2.gif") 5px 6px no-repeat; font-weight:bold;} #col ul#links {margin:15px 0; padding:0; list-style:none;} #col ul#links li {margin:0; padding:0; border-bottom:1px solid #E0E8FA;} #col ul#links li a {display:block; padding:3px 0 3px 22px; background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/ico_links.gif") 5px 6px no-repeat; text-decoration:none;} #col ul#links li a:hover {background-color:#D3DFF8; color:#192666;} #footer {position:relative; clear:both; width:770px; height:60px; margin-bottom:50px; background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/footer.jpg") 0 0 no-repeat; color:#6685CC;} #footer a {color:#6685CC;} #footer a:hover {color:#192666;} #top {position:absolute; top:55px; left:550px;} #top p {position:relative; width:30px; height:25px; margin:0; overflow:hidden;} #top p span {display:block; position:absolute; left:0; top:0; z-index:1; width:30px; height:25px; background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/ico_top.gif") 0 0 no-repeat; cursor:pointer;} #top a:hover span {background:url("http://www.nuviotemplates.com/templates/crystalx-01/design/ico_top.gif") -30px 0 no-repeat;} #footer p#copyright {position:absolute; top:10px; left:40px; margin:0;} #createdby {position:absolute; top:10px; left:562px; margin:0; color:#8CA3D8;} #createdby a {color:#8CA3D8;}

ŞEHİR TEMASI

TASARIM ÜSTÜ
<div id="wrap"> <div id="header"> <h1>CITYSCAPESBLOG</h1> <div class="sc"> <form action="/" method="post" id="sc"> <input type="text" name="q" id="q" value="" class="q"/> <input type="submit" name="submit" id="submit" value="" class="submit"/> </form> </div> <ul id="nav"> <li class="first"><a href="#" _fcksavedurl="#">HOME</a></li> <li><a href="#" _fcksavedurl="#">CONTACT</a></li> <li><a href="#" _fcksavedurl="#">ABOUT</a></li> <li><a href="#" _fcksavedurl="#">COMMENT</a></li> </ul> </div>  <div id="content"> <div class="main fr"> <div class="mainin"> <h2>HackeR FrienD.Net</h2>

TASARIM ALTI
</div> </div> <div class="side fl"> <div class="sinner"> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque porta. Aliquam mi. Nulla vitae elit. Vivamus imperdiet, nulla et interdum pulvinar, mauris felis vulputate velit, eget tempus nulla felis id sapien. Duis imperdiet erat eget ligula. Maecenas ultricies velit. Vivamus auctor. Nulla ullamcorper, tortor in ultricies congue, eros massa pharetra felis, vitae tempus magna dolor sed eros. Aliquam erat volutpat. Integer id mi. </p> </div> <div id="bg"> <p id="copyright">© 2008. All Rights Reserved. <br/> Designed by <a href="http://www.free-css-templates.com/" _fcksavedurl="http://www.free-css-templates.com/">Free CSS Templates</a>, Thanks to <a href="http://www.dubaiapartments.biz/" _fcksavedurl="http://www.dubaiapartments.biz/">Dubai Villas</a></p> </div> </div> </div>   </div>

CSS

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 RESET */ html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;} body {font:13px/1.231 arial,helvetica,clean,sans-serif;}table{font-size:inherit;font-size:100%;}pre,code,kbd,samp,tt{font-family:monospace;line-height:100%;} /* CSS RESET */ body { text-align:center; color:#6d6b6e } a { text-decoration:none; color:#000 } a:hover { text-decoration: underline; } #wrap { width:900px; text-align:left; margin:0 auto; } .fl{ float:left} .fr{ float:right} .clearfix{ clear:both} /* header */ #header { background:url(http://www.free-css-templates.com/templates/CITYSCAPESBLOG/unzipped/images/hd.jpg); height:273px; position:relative} #header h1 {font-size:40px; font-weight:700; position:absolute; left:70px; top:20px;color:#fff} .sc{background:url(http://www.free-css-templates.com/templates/CITYSCAPESBLOG/unzipped/images/s.gif) no-repeat;height:38px; width:230px; position:absolute; right:70px; top:20px} .q { border:#1D7E9F 1px solid;width:165px; height:25px; position: absolute; top:8px; right:55px; background:#1D7E9F } .submit {background:url(http://www.free-css-templates.com/templates/CITYSCAPESBLOG/unzipped/images/go.gif) no-repeat; height:39px; width:39px; border:0; position: absolute; top:0px; right:5px; } #header li{ float:left; padding:0 6px; line-height:1.9em } #header ul{ position:absolute; right:30px; top:232px; font-size:11px;border: #0099CC solid; border-width:3px 0} #header li a:hover { background:#0099CC; text-decoration:none} /* content */ #content {} .side {background:url(http://www.free-css-templates.com/templates/CITYSCAPESBLOG/unzipped/images/left.jpg) no-repeat; width:451px;} .sinner {width:250px; margin:200px 0 0 150px; font-size:11px} .main {background:#F4F5EE; } .main h2 {font-size:34px; text-align:right; font-weight:700; margin:20px 0} .mainin { padding:20px; width:409px;} #bg{ background:url(http://www.free-css-templates.com/templates/CITYSCAPESBLOG/unzipped/images/bg.jpg)} #bg,.main { padding-bottom:300px; margin-bottom:-300px; } #copyright{ width:250px; height:50px; padding:100px 0 0 150px;} #content { overflow:hidden; } /* footer */ #copyright {font-size:11px;}

WORLD OF WARCRAFT TEMASI

TASARIM ÜSTÜ

<div id="box"> <div id="top"> <div id="header"><h1><a href="http://themepreview.amazingwordpressthemes.com/" _fcksavedurl="http://themepreview.amazingwordpressthemes.com/" title="‘World of Warcraft/world-of-warcraft’ Theme Preview">‘World of Warcraft/world-of-warcraft’ Theme Preview</a></h1></div>  </div>  <div id="navbox"> <div id="nav"> <ul class="nav"> <li class="current_page_item"><a href="http://themepreview.amazingwordpressthemes.com/" _fcksavedurl="http://themepreview.amazingwordpressthemes.com/">Home</a></li> <li class="page_item page-item-2"><a href="http://themepreview.amazingwordpressthemes.com/?page_id=2" _fcksavedurl="http://themepreview.amazingwordpressthemes.com/?page_id=2" title="About">About</a></li> <li class="page_item page-item-5"><a href="http://themepreview.amazingwordpressthemes.com/?page_id=5" _fcksavedurl="http://themepreview.amazingwordpressthemes.com/?page_id=5" title="Sample Page">Sample Page</a></li> </ul> </div>  <form id="searchform" method="get" action="http://themepreview.amazingwordpressthemes.com/"><input value="Search" onfocus_fckprotectedatt="%20onfocus%3D%22if%20(this.value%20%3D%3D%20'Search')%20%7Bthis.value%20%3D%20''%3B%7D%22" onblur_fckprotectedatt="%20onblur%3D%22if%20(this.value%20%3D%3D%20'')%20%7Bthis.value%20%3D%20'Search'%3B%7D%22" size="18" maxlength="50" name="s" id="s" type="text"> </form> </div>  <div id="content"> <div class="post" id="post-4"> <div class="posthead"> <h2>HackeR FrienD</h2> <small class="postauthor">Bilgi Güçtür, Paylaştıkça Büyür!</small> <p class="postdate"> <small class="day">12</small> <small class="month">Feb</small> <small class="year"></small> </p> </div> <!--{12487054253254}-

TASARIM ALTI

</div>  <div class="navigation"> <div class="alignleft"></div> <div class="alignright"></div> </div>  </div>  <div id="sidebar"> <div class="lsidebar"> <ul> <li class="pagenav"><h2>Pages</h2><ul><li class="page_item page-item-2"><a href="http://themepreview.amazingwordpressthemes.com/?page_id=2" _fcksavedurl="http://themepreview.amazingwordpressthemes.com/?page_id=2" title="About">About</a></li> <li class="page_item page-item-5"><a href="http://themepreview.amazingwordpressthemes.com/?page_id=5" _fcksavedurl="http://themepreview.amazingwordpressthemes.com/?page_id=5" title="Sample Page">Sample Page</a></li> </ul></li> <li class="categories"><h2>Categories</h2><ul> <li class="cat-item cat-item-3"><a href="http://themepreview.amazingwordpressthemes.com/?cat=3" _fcksavedurl="http://themepreview.amazingwordpressthemes.com/?cat=3" title="View all posts filed under Sample Posts">Sample Posts</a> (2) </li> <li class="cat-item cat-item-1"><a href="http://themepreview.amazingwordpressthemes.com/?cat=1" _fcksavedurl="http://themepreview.amazingwordpressthemes.com/?cat=1" title="View all posts filed under Uncategorized">Uncategorized</a> (1) </li> </ul></li> <li><h2>Archives</h2> <ul> <li><a href="http://themepreview.amazingwordpressthemes.com/?m=200802" _fcksavedurl="http://themepreview.amazingwordpressthemes.com/?m=200802" title="February 2008">February 2008</a> (3)</li> </ul> </li> <li id="linkcat-2" class="linkcat"><h2>Blogroll</h2> <ul> <li><a href="http://wordpress.org/development/" _fcksavedurl="http://wordpress.org/development/">Development Blog</a></li> <li><a href="http://codex.wordpress.org/" _fcksavedurl="http://codex.wordpress.org/">Documentation</a></li> <li><a href="http://wordpress.org/extend/plugins/" _fcksavedurl="http://wordpress.org/extend/plugins/">Plugins</a></li> <li><a href="http://wordpress.org/extend/ideas/" _fcksavedurl="http://wordpress.org/extend/ideas/">Suggest Ideas</a></li> <li><a href="http://wordpress.org/support/" _fcksavedurl="http://wordpress.org/support/">Support Forum</a></li> <li><a href="http://wordpress.org/extend/themes/" _fcksavedurl="http://wordpress.org/extend/themes/">Themes</a></li> <li><a href="http://planet.wordpress.org/" _fcksavedurl="http://planet.wordpress.org/">WordPress Planet</a></li> </ul> </li> </ul> </div>  <div class="rsidebar"> <ul> <li><h2>Recent Comments</h2> <ul> <li>admin:<a href="http://themepreview.amazingwordpressthemes.com/?p=4#comment-2" _fcksavedurl="http://themepreview.amazingwordpressthemes.com/?p=4#comment-2" title="on Sample Post">Id wisi erat lorem massa pede </a></li> <li>Mr WordPress:<a href="http://themepreview.amazingwordpressthemes.com/?p=1#comment-1" _fcksavedurl="http://themepreview.amazingwordpressthemes.com/?p=1#comment-1" title="on Hello world!">Hi, this is a comment.To</a></li> </ul> </li> <li><h2>Recent Post</h2> <ul> <li><a href="http://themepreview.amazingwordpressthemes.com/?p=3" _fcksavedurl="http://themepreview.amazingwordpressthemes.com/?p=3">Lorem ipsum</a></li> <li><a href="http://themepreview.amazingwordpressthemes.com/?p=4" _fcksavedurl="http://themepreview.amazingwordpressthemes.com/?p=4">Sample Post</a></li> </ul> </li> </ul> </div>  </div>  <div id="bottom-sep"> </div> <div id="bottom"> <div class="bottom-divs">  <div id="bottom-left"> <h2>About Author</h2> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vestibulum at arcu. Integer et risus. Morbi id tellus. Integer felis. Mauris malesuada, turpis vitae facilisis euismod, dui arcu adipiscing sem, eu vulputate leo ante in lacus. Sed porta accumsan lectus. Aenean ac sem. In consequat tempus velit. Phasellus leo enim, adipiscing a, egestas nec, pretium ut, pede. Mauris sollicitudin diam et mauris. Sed quis enim vel augue egestas lobortis. Etiam tempus ipsum vel neque. </p> </div>   <div id="bottom-mid"> <h2>Resources</h2> <ul> <li><a href="" _fcksavedurl="" title="">Resources 1</a></li> <li><a href="" _fcksavedurl="" title="">Resources 2</a></li> <li><a href="" _fcksavedurl="" title="">Resources 3</a></li> <li><a href="" _fcksavedurl="" title="">Resources 4</a></li> <li><a href="" _fcksavedurl="" title="">Resources 5</a></li> </ul> </div>   <div id="bottom-right"> <h2>Meta</h2> <ul> <li><a href="http://themepreview.amazingwordpressthemes.com/wp-login.php" _fcksavedurl="http://themepreview.amazingwordpressthemes.com/wp-login.php">Login</a></li> <li><a href="http://validator.w3.org/check/referer" _fcksavedurl="http://validator.w3.org/check/referer" title="This page validates as XHTML 1.0 Transitional">Valid <abbr title="eXtensible HyperText Markup Language">XHTML</abbr></a></li> <li><a href="http://gmpg.org/xfn/" _fcksavedurl="http://gmpg.org/xfn/"><abbr title="XHTML Friends Network">XFN</abbr></a></li> <li><a href="http://wordpress.org/" _fcksavedurl="http://wordpress.org/" title="Powered by WordPress, state-of-the-art semantic personal publishing platform.">WordPress</a></li> </ul> </div>  </div>  </div>  <div id="footer"> <p>© 2008 <a href="http://themepreview.amazingwordpressthemes.com/" _fcksavedurl="http://themepreview.amazingwordpressthemes.com/" title="‘World of Warcraft/world-of-warcraft’ Theme Preview"> ‘World of Warcraft/world-of-warcraft’ Theme Preview </a> | World of Warcraft and Blizzard are trademarks of Blizzard Entertainment<br> <a href="http://www.templatepanic.com/" _fcksavedurl="http://www.templatepanic.com/">World of Warcraft Theme</a> by TemplatePanic <br> Powered By Wordpress - Theme Provided By <a href="http://www.amazingwordpressthemes.com/" _fcksavedurl="http://www.amazingwordpressthemes.com/">Wordpress Theme</a> - <a href="http://onlinecollege.typolis.net/" _fcksavedurl="http://onlinecollege.typolis.net/">distance learning college online</a> </p> </div>  </div>

CSS

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;} /* -------------------- GENERAL -------------------- */ body { font-family: Verdana, Arial, Helvetica; font-size: 13px; background: #101f05 url(http://themepreview.amazingwordpressthemes.com/wp-content/themes/world-of-warcraft/images/bg.jpg) repeat-y top center; margin: 0; padding: 0; color: #f2f2f2; } #box { width: 940px; margin: 0 auto; padding: 0px; } #top { width: 940px; background: url(http://themepreview.amazingwordpressthemes.com/wp-content/themes/world-of-warcraft/images/header.jpg) no-repeat; height: 208px; margin: 0; padding: 0; } a, a:link { text-decoration: none; color: #f7941d; } a:hover { text-decoration: underline; color: #0072bc; } hr { border: none; border-top: 1px solid #ccc; } /* -------------------- HEADER -------------------- */ #header { float: left; width: 880px; margin: 160px 0 0 10px; padding: 0; } #header h1 { font-family: Georgia, Tahoma, Verdana; margin: 0; padding: 0; color: #fbaf5d; font-size: 26px; font-weight: normal; font-style: italic; text-align: right; } #header h1 a, #header h1 a:link { color: #fad00a; } #header h1 a:hover { color: #fff; text-decoration: none; } #description { text-align: right; color: #fff; width: 880px; font-size: 12px; padding: 0 0 0 10px; } /* -------------------- SEARCH -------------------- */ #searchform { height: 25px; line-height: 25px; float: right; padding: 20px 18px 0 0; margin: 0; } #searchform #s { font-size: 8pt; width: 230px; } #searchform #submit { font-size: 8pt; } input#s { font-family: Verdana, Arial; color: #ccc; text-align: center; border: 1px solid #1d1d1d; background: #111; } input#s:hover { background: #193207; } /* -------------------- NAV -------------------- */ #navbox { background: url(http://themepreview.amazingwordpressthemes.com/wp-content/themes/world-of-warcraft/images/nav.jpg) no-repeat top center; height: 42px; margin: 0px auto; } #nav { width: 510px; height: 25px; line-height: 35px; float: left; padding: 0; } ul.nav { height: 35px; line-height: 25px; float: left; list-style: none; font-size: 12px; font-weight: bold; text-transform: uppercase; margin: 0; padding: 0; } ul.nav li { float: left !important; list-style-type: none; margin: 0; padding: 0; } ul.nav li ul { float: left; margin: 0; padding: 0; } ul.nav li a, ul.nav li a:link, ul.nav li a:visited { border-left: 0; color: #999; float: left; display: block; text-decoration: none; padding: 10px 10px 0 10px; height: 42px; } ul.nav li a:hover, ul.nav li a:active { background: url(http://themepreview.amazingwordpressthemes.com/wp-content/themes/world-of-warcraft/images/nav-hover.jpg) repeat-x; color: #ccc; text-decoration: none; height: 42px; } ul.nav li.current_page_item a { text-decoration: none; height: 42px; background: url(http://themepreview.amazingwordpressthemes.com/wp-content/themes/world-of-warcraft/images/nav-hover.jpg) repeat-x; color: #f2f2f2; } /* -------------------- POST -------------------- */ .post { width: 520px; float: left; margin: 5px auto; padding: 10px; } .post img { border: none; padding: 5px; } h2 { font-size: 22px; font-weight: normal; padding: 0px; margin: 0px; } #content { width: 545px; float: left; margin: 5px auto; padding: 0; } .notes { padding: 25px; } .posthead { position: relative; clear: left; padding-bottom: 10px; } .posthead h2 { font-size: 22px; font-weight: normal; padding: 0px 0px 0px 50px; margin: 0px; } .posthead h2 a { color: #fff200; } .posthead h2 a:hover { color: #007e03; } .postauthor { padding: 0px 0px 0 50px; margin: 0px; font-size: 10px; color:#666; } .postdate { margin: 0px; position: absolute; top: 0px; left: 0px; text-align: center; padding: 0px 10px 6px 10px; } .postdate small { font-size: 9px; color:#666; } .postdate .month { display:block; text-transform: uppercase; font-size: 9px;} .postdate .day { display:block; font-size: 22px; letter-spacing: -1px; font-weight: normal; color:#777;} .postdate .year { display:block;} .navigation { width: 510px; float: left; color: #666; padding: 5px 6px 10px; } .relatedposts { width: 520px; float: left; color: #666; margin: 5px auto; padding: 0 5px 5px 5px; font-size: 10px; } h1, h2, h3 { padding: 0 10px 0 0; font-family: Georgia, Verdana; } img.wp-smiley { border: 0; padding: 0; } /* -------------------- SIDEBAR -------------------- */ #sidebar { width: 380px; float: right; font-size: 11px; margin-top: 5px; padding: 0; } #sidebar img, .lsidebar img { border: none; } .alignright { float: right; margin-top: 10px; } .alignleft { float: left; margin-top: 10px; } .rsidebar { width: 165px; float: right; margin: 0 auto; padding: 0 10px 5px; } .rsidebar, .lsidebar img { border: none; } .lsidebar { width: 165px; float: left; margin: 0 auto; padding: 0 10px 5px; } .lsidebar h2, .rsidebar h2 { font-size: 12px; font-weight: bold; margin: 0 0 10px; padding: 5px 0 0 5px; background: url(http://themepreview.amazingwordpressthemes.com/wp-content/themes/world-of-warcraft/images/sidebartitle.jpg) no-repeat top center; height: 39px; width: 166px; color: #f2f2f2; } .rsidebar ul, .lsidebar ul { list-style-type: none; margin: 0; padding: 0; } .rsidebar ul li, .lsidebar ul li { list-style-type: none; margin: 0 0 25px; padding: 0; } .rsidebar ul li ul, .lsidebar ul li ul { list-style-type: square; margin: 0; padding: 0 0 0 5px; } .rsidebar ul li ul li, .lsidebar ul li ul li { list-style-type: circle; margin: 0 0 0 10px; padding: 0 0 0 5px; } .rsidebar p, .lsidebar p { padding: 0 5px; } /* -------------------- FOOTER -------------------- */ #footer { width: 940px; background: #111 url(http://themepreview.amazingwordpressthemes.com/wp-content/themes/world-of-warcraft/images/footer.jpg) no-repeat bottom center; height: 50px; clear: both; color: #ccc; font-size: 9px; margin: 0; text-align: center; } #footer p { padding: 16px 10px 0 0; } #footer a, .footer a:link { text-decoration: none; color: #04bf08; } #footer a:hover { text-decoration: none; color: #ccc; } /*-------------------- Comment --------------------*/ .commentsbox { width: 520px; float: left; margin: 5px auto; } .commentsbox p { margin: 0; padding: 0; } .commentsbox img { border: 1px solid #666; margin: 3px; } #commentlist ol { margin: 0; padding: 0; } #commentlist li { list-style-position: outside; list-style-type: decimal; padding: 10px; } .alt { background-color: #040002 !important; background-image: none !important; } #commentlist li:hover { background-color: #040002; } .comment-title { margin: 0 0 0 0px; font-size: 10px; color: #666; } .comment-title a:link { color: #0072bc; } .comment-title a:hover { color: #666; } .comment-text { } h2.postcomment { margin: 0; font-size: 20px; font-weight: normal; } .postcomment { clear: both; margin: 20px 0 0 0; padding: 20px; } .postcomment input, .postcomment textarea { border: 1px dotted #aaa; background: #0d1d01; color: #ccc; } .postcomment input:hover, .postcomment textarea:hover { border: 1px dotted #ccc; background: #040002; } .postcomment input#author, .postcomment input#email, .postcomment input#url { width: 100% !important; width: 456px; /* IE hack */ height: 18px; } .postcomment textarea#comment { width: 100% !important; /* IE hack */ height: 200px; } .postcomment input#submit { width: auto; background: #0d1d01; height: 25px; padding: 2px 10px 3px 10px; } .postcomment input#submit:hover { background: #040002; } /*-------------------- Bottom --------------------*/ #bottom { clear: both; float: left; width: 940px; height: 100%; margin: 0 0 0 0; padding: 0; background: url(http://themepreview.amazingwordpressthemes.com/wp-content/themes/world-of-warcraft/images/bot.jpg) top center; text-align: left; color: #ccc; font-size: 10px; } #bottom-divs { float: left; clear: both; margin: 0; padding: 20px; } #bottom-left { width: 30%; padding: 20px 0 20px 30px; float: left; } #bottom-mid, #bottom-right { width: 30%; padding: 20px 0 20px 20px; float: left; } #bottom h2 { margin: 0 0 10px 0; padding: 0 8px; font-size: 14px; color: #f2f2f2; font-weight: bold; } #bottom h3 { margin: 0; padding: 10px 10px; font-size: 12px; color: #999; text-align: center; } #bottom h3:hover { color: #f2f2f2; } #bottom ul { margin: 0; padding: 0; list-style-type: none; border-top: 1px solid #666; } #bottom ul li { line-height: 20px; border-bottom: 1px solid #666; } #bottom ul li a { display: block; padding: 0 10px; color: #fff; text-decoration: none; } #bottom ul li a:hover { background: #111; } #bottom-right ul li a:hover { background: #111; } #bottom-sep { clear: both; }

FUTBOL TEMASI

TASARIM ÜSTÜ

<center> <div class="all"> <div style="" class="pway"><span style="" class="pathway">Home </span></div> <div style="" id="logo"><a class="logo" href="index.php" _fcksavedurl="index.php">Themza Joomla! 1.0.x Templates</a></div> <div class="div"> <div id="menu"> <div class="menuc"> <div style="" id="topnavi"> <ul> <li><a href="index.php?option=com_frontpage&Itemid=1" _fcksavedurl="index.php?option=com_frontpage&Itemid=1"><span>Home</span></a></li><li><a href="index.php?option=com_content&task=view&id=5&Itemid=6" _fcksavedurl="index.php?option=com_content&task=view&id=5&Itemid=6"><span>Joomla! License</span></a></li><li><a href="index.php?option=com_content&task=section&id=1&Itemid=2" _fcksavedurl="index.php?option=com_content&task=section&id=1&Itemid=2"><span>News</span></a></li><li><a href="index.php?option=com_content&task=blogsection&id=0&Itemid=9" _fcksavedurl="index.php?option=com_content&task=blogsection&id=0&Itemid=9"><span>Blog</span></a></li><li><a style="" href="index.php?option=com_weblinks&Itemid=23" _fcksavedurl="index.php?option=com_weblinks&Itemid=23"><span style="">Links</span></a></li><li><a style="" href="index.php?option=com_contact&Itemid=3" _fcksavedurl="index.php?option=com_contact&Itemid=3"><span style="">Contact Us</span></a></li><li><a href="index.php?option=com_search&Itemid=5" _fcksavedurl="index.php?option=com_search&Itemid=5"><span>Search</span></a></li><li><a href="index.php?option=com_newsfeeds&Itemid=7" _fcksavedurl="index.php?option=com_newsfeeds&Itemid=7"><span>News Feeds</span></a></li><li><a href="index.php?option=com_content&task=category&sectionid=3&id=7&Itemid=25" _fcksavedurl="index.php?option=com_content&task=category&sectionid=3&id=7&Itemid=25"><span>FAQs</span></a></li><li><a href="index.php?option=com_wrapper&Itemid=8" _fcksavedurl="index.php?option=com_wrapper&Itemid=8"><span style="">Wrapper</span></a></li> </ul> </div> </div> </div> </div><div id="pagecontainer"> <table cellpadding="0" cellspacing="0"> <tbody><tr> <td style="" class="leftcol" valign="top"> <table class="moduletable" cellpadding="0" cellspacing="0"> <tbody><tr> <th style="" valign="top"> Choose a Template </th> </tr> <tr> <td> <ul class="menu"><li> <a style="" href="?joomla10-template=themza_j10_01" _fcksavedurl="?joomla10-template=themza_j10_01">Football League</a> </li> <li> <a style="" href="?joomla10-template=themza_j10_02" _fcksavedurl="?joomla10-template=themza_j10_02">Football Dreams</a> </li> </ul> </td> </tr> </tbody></table> <table class="moduletable" cellpadding="0" cellspacing="0"> <tbody><tr> <th style="" valign="top"> Main Menu </th> </tr> <tr> <td> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tbody><tr align="left"><td><a style="" href="http://demo.themza.com/joomla10/index.php?option=com_frontpage&Itemid=1" _fcksavedurl="http://demo.themza.com/joomla10/index.php?option=com_frontpage&Itemid=1" class="mainlevel" id="active_menu">Home</a></td></tr> <tr align="left"><td><a style="" href="http://demo.themza.com/joomla10/index.php?option=com_content&task=view&id=5&Itemid=6" _fcksavedurl="http://demo.themza.com/joomla10/index.php?option=com_content&task=view&id=5&Itemid=6" class="mainlevel">Joomla! License</a></td></tr> <tr align="left"><td><a href="http://demo.themza.com/joomla10/index.php?option=com_content&task=section&id=1&Itemid=2" _fcksavedurl="http://demo.themza.com/joomla10/index.php?option=com_content&task=section&id=1&Itemid=2" class="mainlevel">News</a></td></tr> <tr align="left"><td><a href="http://demo.themza.com/joomla10/index.php?option=com_content&task=blogsection&id=0&Itemid=9" _fcksavedurl="http://demo.themza.com/joomla10/index.php?option=com_content&task=blogsection&id=0&Itemid=9" class="mainlevel">Blog</a></td></tr> <tr align="left"><td><a href="http://demo.themza.com/joomla10/index.php?option=com_weblinks&Itemid=23" _fcksavedurl="http://demo.themza.com/joomla10/index.php?option=com_weblinks&Itemid=23" class="mainlevel">Links</a></td></tr> <tr align="left"><td><a href="http://demo.themza.com/joomla10/index.php?option=com_contact&Itemid=3" _fcksavedurl="http://demo.themza.com/joomla10/index.php?option=com_contact&Itemid=3" class="mainlevel">Contact Us</a></td></tr> <tr align="left"><td><a href="http://demo.themza.com/joomla10/index.php?option=com_search&Itemid=5" _fcksavedurl="http://demo.themza.com/joomla10/index.php?option=com_search&Itemid=5" class="mainlevel">Search</a></td></tr> <tr align="left"><td><a href="http://demo.themza.com/joomla10/index.php?option=com_newsfeeds&Itemid=7" _fcksavedurl="http://demo.themza.com/joomla10/index.php?option=com_newsfeeds&Itemid=7" class="mainlevel">News Feeds</a></td></tr> <tr align="left"><td><a href="http://demo.themza.com/joomla10/index.php?option=com_content&task=category&sectionid=3&id=7&Itemid=25" _fcksavedurl="http://demo.themza.com/joomla10/index.php?option=com_content&task=category&sectionid=3&id=7&Itemid=25" class="mainlevel">FAQs</a></td></tr> <tr align="left"><td><a href="http://demo.themza.com/joomla10/index.php?option=com_wrapper&Itemid=8" _fcksavedurl="http://demo.themza.com/joomla10/index.php?option=com_wrapper&Itemid=8" class="mainlevel">Wrapper</a></td></tr> </tbody></table> </td> </tr> </tbody></table> <table class="moduletable" cellpadding="0" cellspacing="0"> <tbody><tr> <td> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tbody><tr align="left"><td><a href="http://www.joomla.org" _fcksavedurl="http://www.joomla.org" class="mainlevel">Joomla! Home</a></td></tr> <tr align="left"><td><a href="http://forum.joomla.org" _fcksavedurl="http://forum.joomla.org" class="mainlevel">Joomla! Forums</a></td></tr> <tr align="left"><td><a href="http://www.opensourcematters.org" _fcksavedurl="http://www.opensourcematters.org" class="mainlevel">OSM Home</a></td></tr> <tr align="left"><td><a href="http://demo.themza.com/joomla10/administrator/" _fcksavedurl="http://demo.themza.com/joomla10/administrator/" class="mainlevel">Administrator</a></td></tr> </tbody></table> </td> </tr> </tbody></table> <table class="moduletable" cellpadding="0" cellspacing="0"> <tbody><tr> <th valign="top"> Login Form </th> </tr> <tr> <td> <form action="http://demo.themza.com/joomla10/index.php" method="post" name="login"> <table width="100%" align="center" border="0" cellpadding="0" cellspacing="0"> <tbody><tr> <td> <label for="mod_login_username"> Username </label> <br> <input name="username" id="mod_login_username" class="inputbox" alt="username" size="10" type="text"> <br> <label for="mod_login_password"> Password </label> <br> <input id="mod_login_password" name="passwd" class="inputbox" size="10" alt="password" type="password"> <br> <input name="remember" id="mod_login_remember" class="inputbox" value="yes" alt="Remember Me" type="checkbox"> <label for="mod_login_remember"> Remember me </label> <br> <input name="Submit" class="button" value="Login" type="submit"> </td> </tr> <tr> <td> <a href="http://demo.themza.com/joomla10/index.php?option=com_registration&task=lostPassword" _fcksavedurl="http://demo.themza.com/joomla10/index.php?option=com_registration&task=lostPassword"> Lost Password?</a> </td> </tr> <tr> <td> No account yet? <a href="http://demo.themza.com/joomla10/index.php?option=com_registration&task=register" _fcksavedurl="http://demo.themza.com/joomla10/index.php?option=com_registration&task=register"> Register</a> </td> </tr> </tbody></table> <input name="option" value="login" type="hidden"> <input name="op2" value="login" type="hidden"> <input name="lang" value="english" type="hidden"> <input name="return" value="http://demo.themza.com/joomla10/index.php?joomla10-template=themza_j10_02" type="hidden"> <input name="message" value="0" type="hidden"> <input name="force_session" value="1" type="hidden"> <input name="j47dde8b8415c49d0056fd8f80f9a5b65" value="1" type="hidden"> </form> </td> </tr> </tbody></table> </td> <td style="" class="maincol" valign="top"> <div style=""> <table class="blog" cellpadding="0" cellspacing="0"><tbody><tr><td valign="top"><div style=""> <table class="contentpaneopen"> <tbody><tr> <td style="" class="contentheading" width="100%">HackeR FrienD.Net</td> </tr> </tbody></table> <table style="" class="contentpaneopen"> <tbody><tr> <td style="" colspan="2" valign="top" width="70%" align="left"> <span style="" class="small">Bilgi Güçtür, Paylaştıkça Büyür!</span> </td> </tr> <tr style=""> <td style="" colspan="2" class="createdate" valign="top"></td> </tr> <tr> <td style="" colspan="2" valign="top">

TASARIM ALTI
</td> </tr> <tr> <td style="" colspan="2" align="left"></td> </tr> </tbody></table> <span class="article_seperator"> </span> </div></td></tr><tr><td valign="top"><table width="100%" cellpadding="0" cellspacing="0"><tbody><tr><td style="" valign="top" width="50%"></td><td style="" valign="top" width="50%"></td></tr></tbody></table></td></tr><tr><td style="" valign="top"><div class="blog_more"> <div> <strong style=""></strong> </div> <ul> <li style=""></li> </ul> </div></td></tr><tr><td style="" valign="top" align="center"></td></tr><tr><td style="" valign="top" align="center"></td></tr></tbody></table> </div> </td> <td style="" class="rightcol" valign="top"> <table class="moduletable" cellpadding="0" cellspacing="0"> <tbody><tr> <th valign="top"> Polls </th> </tr> <tr> <td style=""> <script language="javascript" type="text/javascript">  </script> <form name="pollxtd1" method="post" action="http://demo.themza.com/joomla10/index.php?option=com_poll"> <table class="poll" width="95%" align="center" border="0" cellpadding="1" cellspacing="0"> <thead> <tr> <td style="font-weight: bold;"> Do you like our templates </td> </tr> </thead> <tbody><tr> <td style="" align="center"> <table class="pollstableborder" border="0" cellpadding="0" cellspacing="0"> <tbody><tr> <td class="sectiontableentry2" valign="top"> <input name="voteid" id="voteid1" value="1" alt="1" type="radio"> </td> <td class="sectiontableentry2" valign="top"> <label for="voteid1"> They are amazing </label> </td> </tr> <tr> <td style="" class="sectiontableentry1" valign="top"> <input style="" name="voteid" id="voteid2" value="2" alt="2" type="radio"> </td> <td style="" class="sectiontableentry1" valign="top"> <label style="" for="voteid2"> Hell ya </label> </td> </tr> <tr> <td class="sectiontableentry2" valign="top"> <input name="voteid" id="voteid3" value="3" alt="3" type="radio"> </td> <td style="" class="sectiontableentry2" valign="top"> <label for="voteid3"> Yes </label> </td> </tr> <tr> <td class="sectiontableentry1" valign="top"> <input name="voteid" id="voteid4" value="4" alt="4" type="radio"> </td> <td style="" class="sectiontableentry1" valign="top"> <label for="voteid4"> Maybe </label> </td> </tr> <tr> <td style="" class="sectiontableentry2" valign="top"> <input name="voteid" id="voteid5" value="5" alt="5" type="radio"> </td> <td class="sectiontableentry2" valign="top"> <label for="voteid5"> No </label> </td> </tr> <tr> <td class="sectiontableentry1" valign="top"> <input name="voteid" id="voteid6" value="6" alt="6" type="radio"> </td> <td class="sectiontableentry1" valign="top"> <label for="voteid6"> Absolutely not </label> </td> </tr> </tbody></table> </td> </tr> <tr> <td> <div align="center"> <input onclick_fckprotectedatt="%20onclick%3D%22submitbutton_Poll1()%3B%22" name="task_button" class="button" value="Vote" type="button"> <input name="option" class="button" value="Results" onclick_fckprotectedatt="%20onclick%3D%22document.location.href%3D'http%3A%2F%2Fdemo.themza.com%2Fjoomla10%2Findex.php%3Foption%3Dcom_poll%26task%3Dresults%26id%3D14'%3B%22" type="button"> </div> </td> </tr> </tbody></table> <input name="id" value="14" type="hidden"> <input name="task" value="vote" type="hidden"> <input name="j4fe163d9aad8d09b2c8ee446c4766cb2" value="1" type="hidden"> </form> </td> </tr> </tbody></table> <table class="moduletable" cellpadding="0" cellspacing="0"> <tbody><tr> <th valign="top"> Who's Online </th> </tr> <tr> <td> We have 2 guests online </td> </tr> </tbody></table> </td> </tr> </tbody></table> <div style="" class="footer_bg"> <div class="footer"> <div style="" align="center"> © 2009 Themza Joomla! 1.0.x Templates</div> <div style="" align="center"> <a href="http://www.joomla.org" _fcksavedurl="http://www.joomla.org">Joomla!</a> is Free Software released under the GNU/GPL License. <a style="" href="http://www.themza.com/joomla1.0/" _fcksavedurl="http://www.themza.com/joomla1.0/" target="_blank" title="themes for joomla 1.0">ThemZa Joomla Templates</a>, <a style="" href="http://www.ntchosting.com/" _fcksavedurl="http://www.ntchosting.com/" target="_blank" title="budget web hosting">php hosting</a>. </div></div> </div> <div style="background: rgb(87, 87, 87) none repeat scroll 0% 0%; height: 10px; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial;"></div> </div> </div> </center>

CSS
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;} body { overflow-x : hidden; overflow: -moz-scrollbars-vertical; } .body { color: #000000; margin: 0 0 0 0; padding: 0px; font-size: 11px; font-family: "Trebuchet MS"; background: #575757; } .all { width:970px; margin:0 auto; padding:0; background: url(http://demo.themza.com/joomla10/templates/themza_j10_02/images/bg_page.gif) repeat-y; } #logo { background: transparent url(http://demo.themza.com/joomla10/templates/themza_j10_02/images/bg.jpg) no-repeat top center; margin:0 auto; width: 100%; padding:0; height:119px; text-align:left; vertical-align:middle; } #logo a { margin:20px 0 0 75px; line-height:80px; font-family:"Trebuchet MS"; font-size:23px; color:#FFFFFF; } .topmaincol { width:100%; height:30px; } /* --- nav --- */ .div { } #menu{ position:relative; height:58px; color:#E0E0E0; background: url(http://demo.themza.com/joomla10/templates/themza_j10_02/images/topmenu_bg.jpg) repeat-x; width:966px; font-size:13px; } #menu .menuc { margin: 0px auto; width: 966px; font-family:"Trebuchet MS"; } #topnavi{ position:relative; height:58px; font-size:12px; font-weight: normal; font-family:"Trebuchet MS"; background: url(http://demo.themza.com/joomla10/templates/themza_j10_02/images/topmenu_bg.jpg) repeat-x top left; padding:0 0 0 5px; } #topnavi ul{ margin:0; padding:0; list-style-type:none; width:auto; float:left; } #topnavi ul li{ display:block; float:left; margin:0 1px; } #topnavi ul li a{ display:block; float:left; color: #FFFFFF; text-decoration:none; padding:0 0 0 11px; height:52px; } #topnavi ul li a span{ font-size:12px; padding:17px 11px 0 0; height:52px; float:left; } #topnavi ul li a:hover{ font-size:12px; color: #000000; } #topnavi ul li a:hover span{ font-size:12px; display:block; width:auto; cursor:pointer; } #topnavi ul li a.current,#topnavi ul li a.current:hover{ color: #FFFFFF; background: url(http://demo.themza.com/joomla10/templates/themza_j10_02/images/topmenu_left.jpg) no-repeat top left; line-height:350%; } #topnavi ul li a.current span{ display:block; padding:0 10px 0 0; width:auto; background: url(http://demo.themza.com/joomla10/templates/themza_j10_02/images/topmenu_right.jpg) no-repeat top right; height:52px; } /* --- end nav --- */ /* /////////////////////////////////////////////////////////////////////////// */ form {display:inline;} hr { color : #999999; height : 1px; width : 100%; } .back_button { color : #999999; font-family :"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; font-size : 11px; font-weight : normal; padding-bottom : 3px; margin-right : 4px; float : right; line-height : 20px; } .button { font-size : 11px; color : #333333; border : 1px solid #999999; margin : 3px; background-color : #EDEDED; padding : 1px; cursor : pointer; } .inputbox { color : #000000; background : #ffffff; border : 1px solid #cccccc; margin : 3px; } table,td,div { color : #000000; font-family :"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; font-size : 11px; margin:0; } p { color : #000000; font-family :"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; font-size : 11px; line-height : 16px; padding:4px 0px 4px 0px; margin:0; } strong { color : #000000; font-family :"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; font-size : 11px; line-height : 16px; padding:4px 0px 4px 0px; margin:0; } i { color : #000000; font-family : Verdana, Helvetica, sans-serif; font-size : 10px; line-height : 16px; padding:4px 0px 4px 0px; margin:0; font-style: normal; } em { color : #000000; font-family :"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; font-size : 11px; line-height : 16px; padding:4px 0px 4px 0px; margin:0; font-style: normal; } /* /////////////////////////////////////////////////////////////////////////// */ .leftcol {width:200px;padding:10px 5px 10px 10px;} .maincol {width:525px;padding:10px 5px 10px 5px;} .rightcol {width:200px;padding:10px 10px 10px 10px;} .pollstableborder td{ text-align:left} #pagecontainer { width:970px; height:100%; margin: 0px auto; padding:0; text-align: left; } /* -------------------------------------------------------------------------------------------------------------- */ table.moduletable { margin : 0 0 20px 0; width : 100%; font-family :"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; font-size : 10px; } table.moduletable th { font-family :"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; font-size : 11px; font-weight : bold; text-align : left; height : 34px; color : #FFFFFF; padding : 8px 0 0 13px; text-indent : 10px; line-height : 15px; background : #fff url(http://demo.themza.com/joomla10/templates/themza_j10_02/images/moduletable_th_bg.jpg) no-repeat left top; } table.moduletable td { padding-top: 2px; } table.moduletable td table{ width : 100%; } .sectiontableheader { font-size : 10px; font-family :"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; font-weight : normal; text-transform : uppercase; letter-spacing : 1px; color : #333333; background : #ffffff; padding : 1px; } .sectiontableentry1 { vertical-align : top; padding : 3px; background : #D9D9D9; border-bottom : 1px solid #ffffff; line-height : 25px; } .sectiontableentry2 { vertical-align : top; padding : 3px; border-bottom : 1px solid #ffffff; background : #EEEEEE; line-height : 25px; } a.mainlevel { display : block; width : auto; margin : 1px 0; padding : 0; font-size : 12px; background : none; text-indent : 10px; width : 200px; } a.mainlevel:link, a.mainlevel:visited { display : block; font-size : 11px; background : transparent url(http://demo.themza.com/joomla10/templates/themza_j10_02/images/mainlevel.gif) repeat-x right bottom; font-weight : normal; padding : 4px 0 4px 0; color : #000000; text-indent : 11px; } a.mainlevel:hover { background : transparent url(http://demo.themza.com/joomla10/templates/themza_j10_02/images/mainlevel_h.gif) repeat-x right bottom; font-size : 11px; font-weight : normal; color : #D01C0D; text-decoration : none; text-indent : 11px; } #active_menu { color : #D01C0D; background : transparent url(http://demo.themza.com/joomla10/templates/themza_j10_02/images/mainlevel_h.gif) repeat-x right bottom; } a#active_menu:hover { color : #333333; } a:link, a:visited { font-size : 11px; color : #333333; text-decoration : none; font-weight : bold; } a:hover { font-size : 11px; color : #D01C0D; text-decoration : none; font-weight : bold; } a.category:link, a.category:visited { font-size : 11px; font-weight : bold; } a.readon:link, a.readon:visited { color : #999999; font-family :"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; font-size : 11px; background : url(http://demo.themza.com/joomla10/templates/themza_j10_02/images/readon.gif) no-repeat; white-space : normal; font-weight : bold; padding : 1px 0 3px 18px; float : right; line-height : 10px; text-decoration : underline; } a.readon:hover { color : #D01C0D; font-family :"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; font-size : 11px; background : url(http://demo.themza.com/joomla10/templates/themza_j10_02/images/readon.gif) no-repeat; white-space : normal; font-weight : bold; padding : 1px 0 3px 18px; line-height : 10px; text-decoration : underline; } ul { margin : 2px; padding-left : 10px; list-style : none; } li { line-height : 15px; padding-left : 10px; padding-top : 0; } table.contenttoc { border : 1px solid #dcdcdc; background : #F1F1F1; padding : 5px; margin-left : 2px; margin-bottom : 2px; } .pagenavcounter { font-size : 10px; color : #4da338; } .pagenavbar { border-top : 1px solid #999999; padding : 2px; } .pagenav { font-weight : bold; } a.pagenav:link, a.pagenav:visited { font-size : 11px; color : #999999; text-decoration : none; } a.pagenav:hover { font-size : 11px; color : #3333ff; text-decoration : none; } .date { font-size : 10px; font-weight : bold; color : #707070; padding-right : 12px; } .small { font-size : 10px; color : #333333; } .smalldark { font-size : 10px; color : #333333; } .createdate, .modifydate { float : right; font-size : 10px; color : #666666; font-weight : bold; } .content_vote { font-size : 10px; height : 22px; padding-top : 2px; padding-bottom : 2px; } .content_rating { font-size : 10px; color : #999999; } .pway { margin:0 auto; text-align:left; width:970px; height:18px; padding:5px 0 0 0 ; background:#575757; } .pathway { font-family :"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; font-size : 11px; color : #D01C0D; padding-left : 12px; } a.pathway:link, a.pathway:visited { font-family :"Trebuchet MS", Arial, Verdana, Helvetica, sans-serif; color : #FFFFFF; font-size : 11px; padding-left : 0; } a.pathway:hover { color:#efefef; font-size : 11px; padding-left : 0; } table.content{ width : 100%; padding : 0; border-collapse : collapse; border-spacing : 0; margin-bottom : 10px; } table.contentpane { width : 100%; border-spacing : 0; padding-left : 5px; padding-right : 5px; margin-bottom : 5px; } table.contentpaneopen { width : 100%; border-spacing : 0; padding-left : 5px; padding-right : 5px; margin-bottom : 5px; } .poll { color : #333333; line-height : 12px; font-weight: normal; } .pollstableborder{ border-color : #999999; } .contentheading,.componentheading { width : 90%; font-size : 12px; font-weight : bold; line-height : 16px; text-transform : uppercase; text-align : left; text-indent : 0; color : #D01C0D; padding : 1px; margin : 3px 0px; } .ontab { border-left : 1px solid #666666; text-align : center; font-weight : bold; color : #333333; padding : 5px; cursor : pointer; line-height : 30px; } .offtab { border-left : 1px solid #666666; text-align : center; color : #999999; font-weight : normal; padding : 5px; cursor : pointer; line-height : 30px; } .tabpadding { border-left : 1px solid #666666; } .col { vertical-align : top; background : #ffffff; padding-top: 5px; } .contentdescription { width : auto !important; margin : 0; padding : 0; padding-top : 5px; text-align : left; } td.top1{ margin: 0; padding: 0; height: 28px !important; height: 28px; padding-top: 2px !important; padding-top: 3px; background : url(http://demo.themza.com/joomla10/templates/themza_j10_02/images/shadow.jpg) #f1f1f1 repeat-x top; } table.top2{ background : #ffffff; } .searchbox { margin : 0; padding : 0; margin-top : 13px; margin-left : 10px; width : 130px; font-size : 11px; color : #707070; border : 1px solid #cccccc; padding : 2px !important; padding : 1px; background : none; } .sublevel { font-family :"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size : 10px; font-weight : normal; color : #999999; margin-top : 10px; } a.sublevel:link, a.sublevel:visited { font-family :"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size : 10px; font-weight : normal; color : #999999; padding : 5px 1px 3px 5px; text-decoration : none; } a.sublevel:hover { color : #D01C0D; text-decoration : none; } a.sublevel#active_menu { background : transparent; color : #ff6600; border : 0; } a.toclink:link, a.toclink:visited { font-family :"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size : 10px; font-weight : normal; color : #999999; padding : 5px 1px 3px 5px; text-decoration : none; } a.toclink:hover { color : #D01C0D; text-decoration : none; } td.logoheader { margin: 0; padding: 0; background : url(http://demo.themza.com/joomla10/templates/themza_j10_02/images/header.jpg) no-repeat bottom; height : 65px; width : 770px; } td.topnav { margin : 0px; padding: 0px; background : url(http://demo.themza.com/joomla10/templates/themza_j10_02/images/bg_top.jpg) repeat-x top left; height : 42px; width : 770px; } td.bgline { margin : 0; padding: 0; background : url(http://demo.themza.com/joomla10/templates/themza_j10_02/images/s.gif) repeat-y; width : 7px; } #mainlevel-nav { font-size : 11px; list-style : none; padding : 0; margin : 0; margin-left : 1px; } #mainlevel-nav li { float : right; display : block; list-style : none; background-image : none; padding-left : 2px; padding-right : 2px; margin : 0; width : auto !important; font-size : 11px; line-height : 28px; white-space : nowrap; border-left : 1px solid #cccccc; } #mainlevel-nav li a { padding-left : 10px; padding-right : 10px; font-size : 11px; color : #000033; text-decoration : none; } #mainlevel-nav li a:hover { font-size : 11px; color : #999999; } .blog_more { margin : 10px 0 7px 7px; } .buttonheading { padding : 0 2px; } .mosimage { border : 1px solid #dedede; margin : 5px; padding-top: 3px; background:#FFFFFF; } .mosimage_caption { margin-top: 3px; padding : 2px; color : #000066; font-size : 10px; background: #f1f1f1; } /* -------------------------- */ .footer_bg { width:970px; background:#575757 url(http://demo.themza.com/joomla10/templates/themza_j10_02/images/footer_bg.jpg) no-repeat left top; color:#FFFFFF; padding:6px 0px 0 0; height:43px; text-align: center; margin:0px; } .footer { color:#fff; padding:0; margin:0 0 10px 0; } .footer div, .footer div a, .footer div a:visited{ color:#fff; }

AŞK TEMASI

TASARIM ÜSTÜ

TASARIM ALTI

</div> <p class="meta"><a href="#" _fcksavedurl="#">Z.Defteri</a> | <a href="#" _fcksavedurl="#">İletişim</a></p> </div> <div class="post"> <h4 class="title">Linkler</h4> <div class="entry">Buraya link ekleyebilirsiniz...</div> <p class="meta">Bilgi Güçtür, Paylaştıkça Büyür!</p> </div> </div>   <div id="sidebar"> <ul> <li> <h4>Categories</h4> <ul> <li><a href="#" _fcksavedurl="#">Aliquam libero</a></li> <li><a href="#" _fcksavedurl="#">Consectetuer elit</a></li> <li><a href="#" _fcksavedurl="#">Metus pellentesque</a></li> <li><a href="#" _fcksavedurl="#">Suspendisse mauris</a></li> <li><a href="#" _fcksavedurl="#">Urnanet molestie semper</a></li> <li><a href="#" _fcksavedurl="#">Proin orci porttitor</a></li> </ul> </li> <li> <h4>Archives</h4> <ul> <li><a href="#" _fcksavedurl="#">September</a> (23)</li> <li><a href="#" _fcksavedurl="#">August</a> (31)</li> <li><a href="#" _fcksavedurl="#">July</a> (31)</li> <li><a href="#" _fcksavedurl="#">June</a> (30)</li> <li><a href="#" _fcksavedurl="#">May</a> (31)</li> </ul> </li> <li> <h4>Lorem ipsum dolor </h4> <ul> <li><a href="#" _fcksavedurl="#">Aliquam libero</a></li> <li><a href="#" _fcksavedurl="#">Consectetuer elit</a></li> <li><a href="#" _fcksavedurl="#">Metus pellentesque</a></li> <li><a href="#" _fcksavedurl="#">Suspendisse mauris</a></li> <li><a href="#" _fcksavedurl="#">Urnanet molestie semper</a></li> <li><a href="#" _fcksavedurl="#">Proin orci porttitor</a></li> </ul> </li> </ul> </div>  <div style="clear: both;"> </div> </div>  <div id="footer"> <p class="legal">Copyright (c) 2007 Website Name. All rights reserved.</p> <p class="credit">Designed by <a href="http://www.freecsstemplates.org/" _fcksavedurl="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p> </div>

CSS

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;} /* Design by Free CSS Templates http://www.freecsstemplates.org Released for free under a Creative Commons Attribution 2.5 License */ body { background: #FFDBE1 url(http://www.freecsstemplates.org/templates/previews/valentine/images/img01.jpg) repeat-x top left; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; color: #EF7283; margin: 0px; padding: 0px; } input, textarea { width: 220px; background: #FFFFFF url(http://www.freecsstemplates.org/templates/previews/valentine/images/img04.gif) repeat-x; border-top: 1px solid #A3A3A3; border-right: 1px solid #E5E5E5; border-bottom: 1px solid #FFFFFF; border-left: 1px solid #D6D6D6; font: normal 1em/normal "Trebuchet MS", Arial, Helvetica, sans-serif; color: #6E6E6E; } h1, h4, h3 { color: #F62D47; letter-spacing: -1px; } h1, h1 a, h4, h4 a { text-decoration: none; } h1 a:hover, h4 a:hover { text-decoration: underline; } h1 { font-size: 38px; } h4 { font-size: 28px; font-weight: normal; } h3 { font-size: 16px; } p, ul, ol { margin-top: 1.5em; line-height: 190%; } ul, ol { margin-left: 3em; } blockquote { margin-left: 3em; margin-right: 3em; } a { color: #F62D47; } a:hover { text-decoration: none; color: #F62D47; } a img { border: none; } img.left { float: left; margin-right: 20px; } img.right { float: right; margin-right: 20px; } hr { display: none; } #header { width: 960px; height: 206px; margin: 0 auto; background: url(http://www.freecsstemplates.org/templates/previews/valentine/images/img02.jpg) no-repeat top left; } /* Logo */ #logo { width: 970px; height: 196px; margin: 0 auto; background: url(http://www.freecsstemplates.org/templates/previews/valentine/images/img02.jpg) no-repeat left top; } #logo h1, #logo h4 { margin: 0; padding: 0; text-transform: lowercase; } #logo h1 { padding: 50px 5px 0 195px; font-size: 48px; color: #F74B61; } #logo h4 { padding: 0px 0 0 198px; text-transform: uppercase; font-size: 10px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #FA8899; } #logo p { clear: left; margin: 0; padding: 0 0 0 20px; line-height: normal; font-size: 1.2em; font-weight: bold; color: #FA8899; } #logo a { color: #F74B61; } /* Header */ #header { width: 976px; margin: 0 auto; background: url(http://www.freecsstemplates.org/templates/previews/valentine/images/img02.gif) no-repeat top left; margin-top: -31px; }  #menu { height: 60px; width: 960px; padding-left: 20px; font-family: Arial, Helvetica, sans-serif; } #menu ul { margin: 0; padding: 0; list-style: none; line-height: normal; } #menu li { float: left; } #menu a { display: block; float: left; height: 30px; padding: 20px 30px 15px 18px; background: url(http://www.freecsstemplates.org/templates/previews/valentine/images/img03.jpg) no-repeat left 40%; margin-right: 1px; text-decoration: none; text-transform: uppercase; font-size: 10px; color: #FFFFFF; } #menu a:hover { color: #FFFFFF; } #menu .current_page_item a { color: #FFFFFF; } /* Search */ #search { float: right; width: 260px; margin: 0px; margin-top: 10px; } #search fieldset { border: none; } #search #s { width: 160px; height: 23px; background: #FFDBE1; border: 1px solid #F57F8C; } #search #x { width: 40px; background: #F74B61; border-top: #F74B61 solid 1px; border-bottom: #F74B61 solid 3px; border-left: #F74B61 solid 1px; border-right: #F74B61 solid 1px; color: #FFDBE1; } /* Banner */ #banner { width: 960px; margin: 0 auto; padding: 8px 0; } /* Page */ #page { width: 900px; margin: 0 auto; padding: 45px 35px 0 25px; } #pagecontent { float: right; width: 603px; padding-top: 20px; } .post { background: url(http://www.freecsstemplates.org/templates/previews/valentine/images/img08.jpg) repeat-y left top; } .post .title { margin: 0; padding: 10px 20px 10px 50px; background: #F74B61 url(http://www.freecsstemplates.org/templates/previews/valentine/images/img05.jpg) no-repeat left top; border-bottom: 1px dotted #FFC1CA; } .post h1.title { padding: 5px 0 0 50px; background: #FECBD3 url(http://www.freecsstemplates.org/templates/previews/valentine/images/img05.jpg) no-repeat left top; height: 40px; font-size: 2.4em; text-transform: lowercase; } .post .title a:hover { text-decoration: none; } .post .entry { margin: 0px; padding: 20px 20px; } .post .meta { height: 35px; margin: 15px 0 20px 0; padding: 15px 0 0 20px; background: #F74B61 url(http://www.freecsstemplates.org/templates/previews/valentine/images/img04.jpg) no-repeat; line-height: normal; border-top: 1px dotted #FFC1CA; } /* Sidebar */ #sidebar { float: left; width: 250px; } #sidebar ul { margin: 0; padding: 0; list-style: none; line-height: normal; } #sidebar li { margin-bottom: 40px; } #sidebar li ul { padding-left: 25px; } #sidebar li li { margin: 0; padding: 5px 10px; background: url(http://www.freecsstemplates.org/templates/previews/valentine/images/img07.gif) no-repeat left 50%; } #sidebar li h4 { margin: 0 0 1em 0; background: url(http://www.freecsstemplates.org/templates/previews/valentine/images/img06.jpg) no-repeat left 70%; padding: 15px 0 10px 25px; border-bottom: 1px dotted #FA8496; height: 30px; text-transform: lowercase; font-size: 28px; letter-spacing: -1px; } #sidebar li p { padding: 0 20px; } /* Calendar */ #sidebar #calendar { padding: 0; } #calendar caption { } #calendar table { width: 100%; padding: 0 20px; text-align: center; } #calendar thead th { border-bottom: 2px solid #F2F2F2; border-top: 1px solid #F2F2F2; } #calendar tbody td { padding: 5px 0; border-bottom: 1px solid #F2F2F2; } #calendar tfoot td { border-top: 1px solid #F2F2F2; } #calendar #prev { text-align: left; } #calendar #next { text-align: right; } #calendar a { font-weight: bold; } /* Footer */ #footer { clear: both; width: 870px; height: 50px; margin: 0 auto; padding: 35px 45px; border-top: 5px solid #FA8597; } #footer p { margin: 0; line-height: normal; color: #FA8597; } #footer a { color: #F62D47; } #footer .legal { float: left; } #footer .credit { float: right; }

LATİNE GİRL DESİGN

TASARIM ÜSTÜ

<div id="top_with_search"> <div class="pathway"> <div class="only_path"> <span class="pathway">Joomla Hosting </span> </div> <table class="moduletable" cellpadding="0" cellspacing="0"> <tbody><tr> <td> <form action="index.php" method="post"> <div class="search" align="left"> <input alt="search" class="inputbox" name="searchword" size="20" value="search..." onblur_fckprotectedatt="%20onblur%3D%22if(this.value%3D%3D'')%20this.value%3D'search...'%3B%22" onfocus_fckprotectedatt="%20onfocus%3D%22if(this.value%3D%3D'search...')%20this.value%3D''%3B%22" type="text"></div> <input name="option" value="search" type="hidden"> </form> </td> </tr> </tbody></table> </div> </div> <div id="headertop"></div> <div id="header"> <div id="image"> <div id="sitename"> <p>Joomla Templates</p> </div> </div> </div> <div id="headerbottom"></div> <div class="center"> <div id="wrapper"> <div id="content"> <div id="leftmenu"> <div class="module"><div><div><div> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tbody><tr align="left"><td><a href="index.php?option=com_frontpage&Itemid=1" _fcksavedurl="index.php?option=com_frontpage&Itemid=1" class="mainlevel" id="active_menu">Joomla Hosting</a></td></tr> <tr align="left"><td><a href="index.php?option=com_content&task=view&id=25&Itemid=36" _fcksavedurl="index.php?option=com_content&task=view&id=25&Itemid=36" class="mainlevel">Joomla Tutorial</a></td></tr> <tr align="left"><td><a href="index.php?option=com_content&task=view&id=26&Itemid=37" _fcksavedurl="index.php?option=com_content&task=view&id=26&Itemid=37" class="mainlevel">Joomla Templates</a></td></tr> <tr align="left"><td><a href="index.php?option=com_content&task=view&id=27&Itemid=38" _fcksavedurl="index.php?option=com_content&task=view&id=27&Itemid=38" class="mainlevel">Joomla Extensions</a></td></tr> </tbody></table> </div></div></div></div> <div class="module"><div><div><div><h3>Template Chooser</h3> <img src="templates/siteground89/template_thumbnail.png" _fcksavedurl="templates/siteground89/template_thumbnail.png" name="preview" alt="siteground89" width="140" border="1" height="90"> <script language="JavaScript1.2" type="text/javascript">  </script> <br><br> </div></div></div></div> <table class="moduletable" cellpadding="0" cellspacing="0"> <tbody><tr> <td> <p align="center"> <a href="http://www.siteground.com/joomla-hosting.htm" _fcksavedurl="http://www.siteground.com/joomla-hosting.htm"><img src="http://www.siteground.com/img/banners_templates/120x60joomla.gif" _fcksavedurl="http://www.siteground.com/img/banners_templates/120x60joomla.gif" alt="Joomla hosting" title="Joomla hosting" border="0"></a> </p> </td> </tr> </tbody></table> <div style="margin: 0pt auto; width: 137px; text-align: center;"> <br> <table style="width: 137px; text-align: center;" cellpadding="0" cellspacing="0"> <tbody><tr> <td><font class="sgf1">Designed by:</font></td> </tr> </tbody></table> <table style="border: medium none ; width: 137px; height: 16px; text-align: center;" cellpadding="0" cellspacing="0"> <tbody><tr> <td><img src="http://www.joomla.siteground.com/templates/siteground89/images/banner_01.jpg" _fcksavedurl="http://www.joomla.siteground.com/templates/siteground89/images/banner_01.jpg" alt="SiteGround web hosting" title="SiteGround web hosting" width="28" border="0" height="16"></td> <td width="2" height="16"></td> <td width="107" align="center" background="http://www.joomla.siteground.com/templates/siteground89/images/banner_02.jpg" height="16"> <a href="http://www.siteground.com/joomla-hosting/joomla-templates.htm" _fcksavedurl="http://www.siteground.com/joomla-hosting/joomla-templates.htm" target="_blank" style="font-size: 10px; font-family: Verdana,Arial,Helvetica,sans-serif; color: rgb(51, 51, 51); text-decoration: none; font-weight: normal;">Joomla Templates</a> </td> </tr> </tbody></table> </div> </div> <div id="main"> <div style="margin: 10px auto 20px; text-align: center;"> <a href="http://www.siteground.com/joomla-hosting.htm?referrerid=113594" _fcksavedurl="http://www.siteground.com/joomla-hosting.htm?referrerid=113594"><img src="joomla10_banner.gif" _fcksavedurl="joomla10_banner.gif" alt="Joomla Hosting!" style="border: medium none ;"></a> </div> <table class="blog" cellpadding="0" cellspacing="0"><tbody><tr><td valign="top"><div> <table class="contentpaneopen"> <tbody><tr> <td class="contentheading" width="100%"> HackeR FrienD.Net </td> </tr> </tbody></table> <table class="contentpaneopen"> <tbody><tr> <td colspan="2" valign="top" width="70%" align="left"> <span class="small"> Bilgi Güçtür, Paylaştıkça Büyür</span> </td> </tr> <tr> <td colspan="2" valign="top"><br/> <p>

TASARIM ALTI

</p> <ul> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> </ul> </td> </tr> <tr> <td colspan="2" class="modifydate" align="center"> <a href="#" _fcksavedurl="#">Z.Defteri</a> <a href="#" _fcksavedurl="#">İletişim</a> </td> </tr> </tbody></table> </div></td></tr><tr><td valign="top"><table width="100%" cellpadding="0" cellspacing="0"><tbody><tr><td valign="top" width="50%"></td><td valign="top" width="50%"></td></tr></tbody></table></td></tr><tr><td valign="top"><div class="blog_more"> <div></div> <ul> <li></li> <li></li> <li></li> </ul> </div></td></tr></tbody></table> </div> <div id="rightmenu"> <div class="module"><div><div><div><h3>Polls</h3> <form name="form2" method="post" action="index.php?option=com_poll&Itemid=1"> <table width="95%" align="center" border="0" cellpadding="1" cellspacing="0"> <tbody><tr> <td colspan="2" class="poll"><b>The most influential person in technology in the last 25 years is...</b></td> </tr> <tr> <td align="center"> <table class="pollstableborder" border="0" cellpadding="0" cellspacing="0"> <tbody><tr> <td class="sectiontableentry2" valign="top"><input name="voteid" id="voteid13" value="13" alt="13" type="radio"></td> <td class="sectiontableentry2" valign="top"><label for="voteid13">Steve Jobs</label></td> </tr> <tr> <td class="sectiontableentry1" valign="top"><input name="voteid" id="voteid14" value="14" alt="14" type="radio"></td> <td class="sectiontableentry1" valign="top"><label for="voteid14">Bill Gates</label></td> </tr> <tr> <td class="sectiontableentry2" valign="top"><input name="voteid" id="voteid15" value="15" alt="15" type="radio"></td> <td class="sectiontableentry2" valign="top"><label for="voteid15">Linus Torvalds</label></td> </tr> <tr> <td class="sectiontableentry1" valign="top"><input name="voteid" id="voteid16" value="16" alt="16" type="radio"></td> <td class="sectiontableentry1" valign="top"><label for="voteid16">Tim Berners-Lee</label></td> </tr> <tr> <td class="sectiontableentry2" valign="top"><input name="voteid" id="voteid17" value="17" alt="17" type="radio"></td> <td class="sectiontableentry2" valign="top"><label for="voteid17">Scott Adams</label></td> </tr> </tbody></table> </td> </tr> <tr> <td colspan="2" align="center"> <input name="task_button" class="button" value="Vote" type="submit"> <input name="option" class="button" value="Results" onclick_fckprotectedatt="%20onclick%3D%22document.location.href%3D'index.php%3Foption%3Dcom_poll%26task%3Dresults%26id%3D15'%3B%22" type="button"> </td> </tr> </tbody></table> <input name="id" value="15" type="hidden"> <input name="task" value="vote" type="hidden"> </form> </div></div></div></div> <div class="module"><div><div><div><h3>Who's Online</h3> We have 49 guests online </div></div></div></div> </div> <div class="clr"></div> </div> </div> <div class="clr"></div> </div> <div id="content_bottom"></div> <div id="footer"> <p class="copyright"> http://www.joomla.siteground.com, Powered by <a href="http://joomla.org/" _fcksavedurl="http://joomla.org/" class="sgfooter" target="_blank">Joomla!</a> and designed by SiteGround <a href="http://www.siteground.com/" _fcksavedurl="http://www.siteground.com/" target="_blank" class="sgfooter">web hosting</a> </p> </div>

CSS

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;} body { font-family: Tahoma, Verdana, sans-serif; line-height: 1.3em; margin: 0; padding: 0; font-size: 12px; color: #000; background: #f3f2e7; text-align: center; } .clr { clear: both; } body.contentpane { background: #FEFEFE; text-align: left; } body.contentpane .contentpaneopen { width: 97%; } body.contentpane .contentpaneopen .contentheading { } .moduletable { margin: 0 auto; } select.button { width: auto; padding: 0; } td { font-family: Tahoma, Verdana, sans-serif; color: #000; font-size: 11px; } .sectiontableentry1 { background: #eae8d8; } .sectiontableentry2 { color: #666; } ul { margin: 0; padding: 0; list-style: none; } li{ line-height: 20px; padding-left: 12px; padding-top: 0px; } a:link, a:visited { text-decoration: underline; font-weight: bold; color: #5b4848; outline: none; font-size: 11px; } a:hover { text-decoration: none; font-weight: bold; color: #5b4848; font-size: 11px; } p { margin-top: 0; margin-bottom: 5px; text-align: justify; } .center { text-align: center; margin: 0 auto; padding: 0; width: 906px; } div#wrapper { margin: 0 auto; width: 906px; text-align: left; background: url(http://www.joomla.siteground.com/templates/siteground89/images/content.jpg) top center repeat-y; } #area { padding: 0; margin: 0 auto; text-align: center; } .pathway table.moduletable form { margin: 0; padding: 0; } .pathway table.moduletable { margin: 0; padding: 0; } .search { padding: 10px 0 0 42px; float: left; } .search .inputbox { background: transparent url(http://www.joomla.siteground.com/templates/siteground89/images/search_field.jpg) top center no-repeat; width: 136px; height: 14px; font-size: 10px; color: #666; padding: 1px 2px; border: none; } .search .button { background: transparent url(http://www.joomla.siteground.com/templates/siteground89/images/searchbut.jpg) top center no-repeat; width: 51px; height: 16px; color: #453f33; border: none; padding: 0 4px; margin: 0 0 0 4px; text-align: center; font-family: Georgia, serif; font-size: 10px; text-transform: uppercase; line-height: 14px; } #top { background: url(http://www.joomla.siteground.com/templates/siteground89/images/top.jpg) top center no-repeat; margin: 0 auto; width: 970px; height: 41px; } #top_with_search { background: url(http://www.joomla.siteground.com/templates/siteground89/images/top_with_search.jpg) top center no-repeat; margin: 0 auto; width: 946px; height: 67px; } #top_without_search { background: url(http://www.joomla.siteground.com/templates/siteground89/images/top_without_search.jpg) top center no-repeat; margin: 0 auto; width: 946px; height: 67px; } .pathway { font-family: Georgia, Tahoma, serif; padding: 36px 0 0 0px; text-align: left; margin: 0 auto; } .only_path { width: 670px; height: 36px; float: left; } span.pathway { color: #5b4848; display: block; padding: 10px 0 0 34px; font-size: 11px; font-weight: bold; width: 636px; float: left; } span.pathway a { text-decoration: underline; } span.pathway a:hover { text-decoration: none; } .pathway span img { height: 5px; padding: 0 0 1px 0; } #headertop { background: url(http://www.joomla.siteground.com/templates/siteground89/images/headertop.jpg) top center no-repeat; width: 946px; height: 6px; margin: 0 auto; font-size: 0; } #header { background: url(http://www.joomla.siteground.com/templates/siteground89/images/header.jpg) top center repeat-y; margin: 0 auto; width: 946px; } #image { background: url(http://www.joomla.siteground.com/templates/siteground89/images/headerimg.jpg) top center no-repeat; width: 928px; height: 208px; margin: 0 auto; text-align: left; } #headerbottom { background: url(http://www.joomla.siteground.com/templates/siteground89/images/headerbottom.jpg) top center no-repeat; margin: 0 auto; height: 9px; width: 946px; font-size: 0; } .maintable { margin: 0 auto; width: 906px; text-align: left; } #sitename { padding: 120px 0 0 90px; text-align: left; width: 600px; } #sitename p { font-weight: normal; font-family: Georgia, Verdana, Arial, sans-serif; font-size: 20px; padding: 0; margin: 0; letter-spacing: 1px; color: #f0f0f0; text-decoration: none; outline: none; line-height: 20px; } #menucenter { text-align: left; margin: 0 auto; padding: 0; background: url(http://www.joomla.siteground.com/templates/siteground89/images/menu.jpg) top center no-repeat; width: 970px; height: 29px; } #menucenter .menu_m { float: left; padding: 0; margin: 0; } #topnavi{ } #topnavi ul { margin: 0; padding: 0 28px; list-style: none; } #topnavi ul li { float: left; margin: 0; padding: 0; height: 29px; background: url(http://www.joomla.siteground.com/templates/siteground89/images/menu_li.jpg) bottom right no-repeat; } #topnavi ul li a{ font-family: Verdana, Tahoma, sans-serif; font-size: 12px; float: left; display: block; line-height: 26px; padding: 0 10px; color: #999; text-decoration: none; font-weight: normal; text-transform: lowercase; height: 29px; } #topnavi ul li a:hover,#topnavi ul li a.current{ color: #666; cursor: pointer; } #topnavi ul li a span{ } #topnavi ul li a:hover span,#topnavi ul li a.current span { } #leftmenu, #rightmenu { margin: 0; width: 180px; float: left; text-align: left; padding: 0; } #main { float: left; width: 494px; padding: 0 6px; text-align: left; } #main_full { float: left; width: 666px; padding: 0 0 0 10px; text-align: left; } #pagecontent { width: 866px; margin: 0 auto; text-align: center; padding: 10px 20px 10px 20px; } #content_bottom { background: url(http://www.joomla.siteground.com/templates/siteground89/images/content_bottom.jpg) top center no-repeat; height: 10px; } #footer { margin: 0 auto; width: 906px; height: 10px; text-align: center; vertical-align: top; padding: 10px 0; } a.mainlevel:link, a.mainlevel:visited { font-family: Georgia, Verdana, serif; line-height: 20px; padding: 0 0 0 14px; text-decoration: none; color: #333; font-weight: normal; font-size: 11px; background: url(http://www.joomla.siteground.com/templates/siteground89/images/menu_row.jpg) bottom left no-repeat; margin: 0; height: 20px; display: block; } a#active_menu.mainlevel:link, a#active_menu.mainlevel:visited { color: #000; } a#active_menu.sublevel:link, a#active_menu.sublevel:visited { color: #000; } a.mainlevel:hover { color: #000; } a.sublevel:link, a.sublevel:visited { font-family: Georgia, Verdana, serif; text-decoration: none; color: #333; margin: 0; font-size: 11px; background: url(http://www.joomla.siteground.com/templates/siteground89/images/submenu_row.jpg) center left no-repeat; font-weight: normal; display: block; line-height: 20px; padding: 0 0 0 24px; border: none; height: 20px; display: block; text-align: left; } a.sublevel:hover { color: #000; } table.contentpaneopen { margin: 2px 8px; border-spacing: 0; padding: 0; border-collapse: collapse; text-align: justify; } #header table.contentpaneopen { margin: 2px 0; border-spacing: 0; padding: 0; border-collapse: collapse; text-align: justify; } table.contentpaneopen td.contentheading { color: #333333; font-family: Tahoma,Arial,sans-serif; font-size: 12px; font-weight: bold; padding: 0; text-align: left; vertical-align: middle; } .button { color: #453f33; font-size: 10px; border: 1px solid #cbc8b5; background: url(http://www.joomla.siteground.com/templates/siteground89/images/button_bg.jpg) top center repeat-x; } .inputbox { border: 1px solid #555; color: #333; padding: 2px; } input[type="checkbox"] { border: none; } .copyright { color: #555; font-family: Tahoma, Verdana, sans-serif; font-size: 11px; padding: 0; margin: 0 23px; text-align: center; } .back_button { float: left; text-align: center; font-size: 11px; font-weight: normal; width: auto; padding: 0px 10px; line-height: 20px; margin: 10px 0 50px 0; } .componentheading { height: 22px; padding: 8px 0 0 10px; font-family: Tahoma, Arial, sans-serif; font-size: 14px; margin: 0; text-align: left; color: #555; } .wrapper { width: 670px; height: 550px; } .module div div div h3 { color: #666; font-family: Georgia, Verdana, Tahoma, Arial, sans-serif; font-size: 14px; text-align: left; height: 30px; text-decoration: none; padding: 0 0 4px 10px; background: url(http://www.joomla.siteground.com/templates/siteground89/images/h3.jpg) top center no-repeat; font-weight: normal; line-height: 31px; margin: 0; text-transform: uppercase; } .module { padding: 0; margin: 0; } .module div { padding: 0; margin: 0 0 14px 0; } .module div div { margin:0; width: 100%; padding: 0; } .module div div div { margin:0; padding: 0 0 4px 0; text-align: center; } .module div div div div{ border: none; padding: 0; margin: 0; } .module div div div table { margin: 4px 0 0 0; padding: 0 3px; list-style: none; background: none; } .module div div div div { padding: 0 0 1px 0; background: none; } .module div div div div.syndicate { margin: 0; padding: 10px 0; } .module div div div form { padding: 0; margin: 0; text-align: center; } .module div div div form table { padding: 0 10px; width: 100%; text-align: left; } /* footer links*/ a.sgfooter:link, a.sgfooter:visited { color: #555; font-size: 11px; font-family: Tahoma, Verdana, sans-serif; text-decoration: none; font-weight: normal; } a.sgfooter:hover { color: #555; font-size: 11px; font-family: Tahoma, Verdana, sans-serif; text-decoration: none; font-weight: normal; } /**/ /*banner*/ .sgf { font-size: 11px; font-family: Tahoma, Verdana, sans-serif; color: #555; text-decoration: none; } .sgf1 { font-size: 11px; font-family: Tahoma, Verdana, sans-serif; color: #555; text-align: left; } a.sglink:link, a.sglink:visited { color: #FFF; font-size: 11px; font-family: Tahoma, Verdana, sans-serif; text-decoration: none; } a.sglink:hover { text-decoration: none; } a img { border: 0; } .pagenav { font-size:12px; font-weight:normal; } #topnavigation a.topnavigation:link, a.topnavigation:visited { font-family: Tahoma, Verdana, sans-serif; font-size: 10px; font-weight: normal; letter-spacing : 1px; color: #fefefe; padding-right:5px; text-decoration:none; } #topnavigation a.topnavigation:hover { color: #b9f15d; border-bottom: none; text-decoration:none; } #topnavigation a.topnavigation:active { color: #51c0f5; text-decoration:none; } a.toclink:link, a.toclink:visited { line-height:normal; font-size:11px; font-family: Tahoma, Verdana, sans-serif; color: #000000; text-decoration: underline; } a.toclink:hover { text-decoration: none; } table.contenttoc { padding: 2px; margin-left: 2px; margin-bottom: 2px; } table.contenttoc th { color: #333; text-align: left; padding-top: 2px; padding-left: 4px; height: 21px; font-weight: normal; font-size: 11px; text-transform: uppercase; } .sectiontableheader { height: 20px; padding-right:3px; font-weight :normal; } table.contentpane td.contentdescription { font-size:12px; line-height:18px; } table.contentpane td.componentheading { height: 20px; padding: 0 0 3px 0; color: #555; text-align: left; padding-bottom:3px; white-space: nowrap; font-family: Tahoma, Verdana, sans-serif; font-size: 14px; font-weight: normal; } table.contentpane td { padding-top:1px; padding-bottom:2px; font-size:12px; } table.contentpaneopen td { line-height: 14px; font-size: 12px; } .height { height: 100%; } .small { font-size: 10px; color: #555; font-weight: normal; text-align: left; } table.contentpaneopen td.createdate { color: #555555; font-size: 10px; font-weight: normal; height: 20px; padding-top: 0; vertical-align: top; } table.contentpaneopen td.modifydate { color: #555555; font-size: 10px; font-weight: normal; height: 20px; text-align: right; vertical-align: bottom; } table.contentpaneopen td a.readon{ display: block; float: right; line-height: 14px; font-size: 10px; text-decoration: none; padding: 1px 2px 1px 2px; } table.contentpaneopen td a.readon:hover{ color: #333; } h4 { font-size: 10px; text-transform: uppercase; } table.contentpaneopen td.buttonheading { } .pagenav_next, .pagenav_prev { font-size: 12px; color: #666; }

GRAFFİTİ ART DESİGN

TASARIM ÜSTÜ
<div class="navbar section" id="navbar"><div class="widget Navbar" id="Navbar1"> <iframe src="http://www.blogger.com/navbar.g?targetBlogID=3867710478751214631&blogName=Graffiti+Art&publishMode=PUBLISH_MODE_BLOGSPOT&navbarType=BLUE&layoutType=LAYOUTS&homepageUrl=http%3A%2F%2Fgraffitiart-template.blogspot.com%2F&searchRoot=http%3A%2F%2Fgraffitiart-template.blogspot.com%2Fsearch" marginwidth="0" marginheight="0" id="navbar-iframe" title="Blogger Navigation and Search" scrolling="no" width="100%" frameborder="0" height="30"></iframe> <div></div></div></div> <div id="body_wrap"> <div id="header"> <div id="headerimg"> <div class="blogname section" id="top"><div class="widget Header" id="Header1"> <h1 class="blognam"> <a href="http://graffitiart-template.blogspot.com/" _fcksavedurl="http://graffitiart-template.blogspot.com/">Graffiti Art</a> </h1> <div class="description">Just another Blogger Template...</div> </div></div> <div id="menu-bar"> <ul> <li class="pagenav-home"> <ul> <li class="navlinks"><a href="YOUR-LINK-HERE" _fcksavedurl="YOUR-LINK-HERE">Home</a></li></ul> <ul> <li class="navlinks"><a href="YOUR-LINK-HERE" _fcksavedurl="YOUR-LINK-HERE">About</a></li></ul> <ul> <li class="navlinks"><a href="YOUR-LINK-HERE" _fcksavedurl="YOUR-LINK-HERE">Pictures</a></li></ul> <ul> <li class="navlinks"><a href="YOUR-LINK-HERE" _fcksavedurl="YOUR-LINK-HERE">Videos</a></li></ul> </li> </ul> </div> </div> </div> <div id="page"> <div id="page-body"> <div id="pagecontent"> <div class="content423 section" id="content45"><div class="widget Blog" id="Blog1"> <div class="blog-posts">  <div class="post uncustomized-post-template"> <div class="post-head"> <a name="4358561854827201170"></a> <h2>HackeR FrienD.Net</h2> <div><small class="date">Bilgi Güçtür, Paylaştıkça Büyür!</small> <small class="comment"><span class="comment-icon">Yorum Ekle</span></small></div> </div> <div class="post-header-line-1"></div> <div class="cover"> <div class="entry"> <p></p><div class="text"><p><img class="alignleft" style="float: left;" alt="Ipod" src="http://w3goodies.smaug.cz/wp-content/themes/magazinestyle/images/ipod.jpg" _fcksavedurl="http://w3goodies.smaug.cz/wp-content/themes/magazinestyle/images/ipod.jpg" width="295" height="211"></p><br> <div class="text">

TASARIM ALTI

</div></div> <div style="clear: both;"></div> </div> </div> <div class="postmetadata">Etiketler <span class="category-icon"> <a href="http://graffitiart-template.blogspot.com/search/label/examples" _fcksavedurl="http://graffitiart-template.blogspot.com/search/label/examples" rel="tag">examples</a>, <a href="http://graffitiart-template.blogspot.com/search/label/image" _fcksavedurl="http://graffitiart-template.blogspot.com/search/label/image" rel="tag">image</a>, <a href="http://graffitiart-template.blogspot.com/search/label/ipod" _fcksavedurl="http://graffitiart-template.blogspot.com/search/label/ipod" rel="tag">ipod</a>, <a href="http://graffitiart-template.blogspot.com/search/label/ipsum" _fcksavedurl="http://graffitiart-template.blogspot.com/search/label/ipsum" rel="tag">ipsum</a>, <a href="http://graffitiart-template.blogspot.com/search/label/lorem" _fcksavedurl="http://graffitiart-template.blogspot.com/search/label/lorem" rel="tag">lorem</a>, <a href="http://graffitiart-template.blogspot.com/search/label/post" _fcksavedurl="http://graffitiart-template.blogspot.com/search/label/post" rel="tag">post</a> </span> <p class="post-footer-line post-footer-line-1"> <span class="post-backlinks post-comment-link"> </span> <span class="post-icons"> </span> </p> <p class="post-footer-line post-footer-line-2"></p> </div> </div> <div class="post uncustomized-post-template"> <div class="post-head"></div> <div class="post-header-line-1"></div> <div class="cover"> <div class="entry"><p></p><blockquote>Buraya günün sözü vs. eklenebilir.</blockquote></div> </div> <div class="postmetadata"></div> </div>  </div> <div class="blog-pager" id="blog-pager"> </div> <div class="clear"></div> <div class="blog-feeds"> <div class="feed-links"></div> </div> </div></div> <div class="navigation"> <div class="alignleft"></div> <div class="alignright"></div> </div> </div> <div id="sidebar"> <div id="sidebar1"> <div id="sidebar1-top"></div> <ul> <li><h2 class="subscribe-rss"><a href="http://YOUR-FEED-BURNER-URL.COM" _fcksavedurl="http://YOUR-FEED-BURNER-URL.COM">Subscribe RSS<img alt="Subscribe" src="http://i381.photobucket.com/albums/oo252/two-graffitiart/rss-icon.jpg" _fcksavedurl="http://i381.photobucket.com/albums/oo252/two-graffitiart/rss-icon.jpg"></a></h2></li> <li><h2 class="subscribe-rss">Search</h2> <form action="http://graffitiart-template.blogspot.com/search" id="searchform" method="get"> <div> <input id="s" name="q" value="" type="text"><input id="searchsubmit" value="Search" type="submit"> </div> </form> </li> <div class="sidebar section" id="sidebar"><div class="widget HTML" id="HTML1"> <h2 class="title">About me</h2> <div class="widget-content"> <div align="center"><img alt="About me" src="http://myblogtalk.com/bloggertemplates/buttons/preity.jpg" _fcksavedurl="http://myblogtalk.com/bloggertemplates/buttons/preity.jpg"> </div> </div> <div class="clear"></div> <span class="widget-item-control"> <span class="item-control blog-admin"> <a class="quickedit" href="http://www.blogger.com/rearrange?blogID=3867710478751214631&widgetType=HTML&widgetId=HTML1&action=editWidget" _fcksavedurl="http://www.blogger.com/rearrange?blogID=3867710478751214631&widgetType=HTML&widgetId=HTML1&action=editWidget" onclick_fckprotectedatt="%20onclick%3D'return%20_WidgetManager._PopupConfig(document.getElementById(%22HTML1%22))%3B'" target="configHTML1" title="Edit"> <img alt="" src="http://img1.blogblog.com/img/icon18_wrench_allbkg.png" _fcksavedurl="http://img1.blogblog.com/img/icon18_wrench_allbkg.png" width="18" height="18"> </a> </span> </span> <div class="clear"></div> </div><div class="widget Label" id="Label1"> <h2>Categories</h2> <div class="widget-content"> <ul> <li> <a dir="ltr" href="http://graffitiart-template.blogspot.com/search/label/blockquotes" _fcksavedurl="http://graffitiart-template.blogspot.com/search/label/blockquotes"> blockquotes </a> <span dir="ltr">(1)</span> </li> <li> <a dir="ltr" href="http://graffitiart-template.blogspot.com/search/label/dolar" _fcksavedurl="http://graffitiart-template.blogspot.com/search/label/dolar"> dolar </a> <span dir="ltr">(1)</span> </li> <li> <a dir="ltr" href="http://graffitiart-template.blogspot.com/search/label/examples" _fcksavedurl="http://graffitiart-template.blogspot.com/search/label/examples"> examples </a> <span dir="ltr">(2)</span> </li> <li> <a dir="ltr" href="http://graffitiart-template.blogspot.com/search/label/galore" _fcksavedurl="http://graffitiart-template.blogspot.com/search/label/galore"> galore </a> <span dir="ltr">(1)</span> </li> <li> <a dir="ltr" href="http://graffitiart-template.blogspot.com/search/label/image" _fcksavedurl="http://graffitiart-template.blogspot.com/search/label/image"> image </a> <span dir="ltr">(1)</span> </li> <li> <a dir="ltr" href="http://graffitiart-template.blogspot.com/search/label/ipod" _fcksavedurl="http://graffitiart-template.blogspot.com/search/label/ipod"> ipod </a> <span dir="ltr">(1)</span> </li> <li> <a dir="ltr" href="http://graffitiart-template.blogspot.com/search/label/ipsum" _fcksavedurl="http://graffitiart-template.blogspot.com/search/label/ipsum"> ipsum </a> <span dir="ltr">(2)</span> </li> <li> <a dir="ltr" href="http://graffitiart-template.blogspot.com/search/label/lorem" _fcksavedurl="http://graffitiart-template.blogspot.com/search/label/lorem"> lorem </a> <span dir="ltr">(2)</span> </li> <li> <a dir="ltr" href="http://graffitiart-template.blogspot.com/search/label/post" _fcksavedurl="http://graffitiart-template.blogspot.com/search/label/post"> post </a> <span dir="ltr">(1)</span> </li> </ul> <div class="clear"></div> <span class="widget-item-control"> <span class="item-control blog-admin"> <a class="quickedit" href="http://www.blogger.com/rearrange?blogID=3867710478751214631&widgetType=Label&widgetId=Label1&action=editWidget" _fcksavedurl="http://www.blogger.com/rearrange?blogID=3867710478751214631&widgetType=Label&widgetId=Label1&action=editWidget" onclick_fckprotectedatt="%20onclick%3D'return%20_WidgetManager._PopupConfig(document.getElementById(%22Label1%22))%3B'" target="configLabel1" title="Edit"> <img alt="" src="http://img1.blogblog.com/img/icon18_wrench_allbkg.png" _fcksavedurl="http://img1.blogblog.com/img/icon18_wrench_allbkg.png" width="18" height="18"> </a> </span> </span> <div class="clear"></div> </div> </div><div class="widget Feed" id="Feed1"> <h2>Previous Posts</h2> <div class="widget-content"> <ul id="Feed1_feedItemListDisplayOld"> <li> <span class="item-title"> <a href="http://bloggertricks.com/2009/01/useful-widgetsadd-ons-tools-for-your.html" _fcksavedurl="http://bloggertricks.com/2009/01/useful-widgetsadd-ons-tools-for-your.html"> Useful Widgets,Add-Ons & Tools for Your Blog,Website </a> </span> </li> <li> <span class="item-title"> <a href="http://bloggertricks.com/2009/01/top-5-ways-to-get-free-one-way.html" _fcksavedurl="http://bloggertricks.com/2009/01/top-5-ways-to-get-free-one-way.html"> Top 5 Ways to get Free One Way Backlinks to your site </a> </span> </li> <li> <span class="item-title"> <a href="http://bloggertricks.com/2009/01/web-hosting-reviews-at_15.html" _fcksavedurl="http://bloggertricks.com/2009/01/web-hosting-reviews-at_15.html"> Web Hosting Reviews at Webhostingsleuth.com </a> </span> </li> <li> <span class="item-title"> <a href="http://bloggertricks.com/2009/01/web-hosting-reviews-at.html" _fcksavedurl="http://bloggertricks.com/2009/01/web-hosting-reviews-at.html"> Web Hosting Reviews at Mybestratedwebhosting.com </a> </span> </li> <li> <span class="item-title"> <a href="http://bloggertricks.com/2009/01/itunes-music-is-now-drm-free-with.html" _fcksavedurl="http://bloggertricks.com/2009/01/itunes-music-is-now-drm-free-with.html"> Itunes Music is now DRM-Free With iPhone 3G Music Downloads </a> </span> </li> </ul> <div class="clear"></div> <span class="widget-item-control"> <span class="item-control blog-admin"> <a class="quickedit" href="http://www.blogger.com/rearrange?blogID=3867710478751214631&widgetType=Feed&widgetId=Feed1&action=editWidget" _fcksavedurl="http://www.blogger.com/rearrange?blogID=3867710478751214631&widgetType=Feed&widgetId=Feed1&action=editWidget" onclick_fckprotectedatt="%20onclick%3D'return%20_WidgetManager._PopupConfig(document.getElementById(%22Feed1%22))%3B'" target="configFeed1" title="Edit"> <img alt="" src="http://img1.blogblog.com/img/icon18_wrench_allbkg.png" _fcksavedurl="http://img1.blogblog.com/img/icon18_wrench_allbkg.png" width="18" height="18"> </a> </span> </span> <div class="clear"></div> </div> </div><div class="widget Text" id="Text1"> <h2 class="title">Text</h2> <div class="widget-content"> This is a sample text.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam.<br> </div> <div class="clear"></div> <span class="widget-item-control"> <span class="item-control blog-admin"> <a class="quickedit" href="http://www.blogger.com/rearrange?blogID=3867710478751214631&widgetType=Text&widgetId=Text1&action=editWidget" _fcksavedurl="http://www.blogger.com/rearrange?blogID=3867710478751214631&widgetType=Text&widgetId=Text1&action=editWidget" onclick_fckprotectedatt="%20onclick%3D'return%20_WidgetManager._PopupConfig(document.getElementById(%22Text1%22))%3B'" target="configText1" title="Edit"> <img alt="" src="http://img1.blogblog.com/img/icon18_wrench_allbkg.png" _fcksavedurl="http://img1.blogblog.com/img/icon18_wrench_allbkg.png" width="18" height="18"> </a> </span> </span> <div class="clear"></div> </div></div> </ul> <div id="sidebar1-bot"></div> </div> </div> </div><div style="clear: both;"></div> </div> <div id="footer"> <div id="footer-top"></div> <div id="footer-bot"> <p> ©<a href="http://www.wpgalaxy.com" _fcksavedurl="http://www.wpgalaxy.com" target="_blank"> Graffiti Art</a> design by <a href="http://www.bloggertricks.com" _fcksavedurl="http://www.bloggertricks.com" target="_blank" title="Free Blogger Templates">Blogger Templates</a> </p> </div> </div> </div> <script type="text/javascript" src="http://www.blogger.com/widgets/461519941-widgets.js"></script> <script type="text/javascript" src="http://www.google.com/jsapi"></script> <script type="text/javascript"> _WidgetManager._Init('http://www.blogger.com/rearrange?blogID=3867710478751214631', 'http://graffitiart-template.blogspot.com/','3867710478751214631'); _WidgetManager._SetPageActionUrl('http://www.blogger.com/display?blogID=3867710478751214631', 'M4pVlhFZT3dxdSptptG1cBP2kzI:1234775429270'); _WidgetManager._SetDataContext([{'name': 'blog', 'data': {'title': 'Graffiti Art', 'pageType': 'index', 'url': 'http://graffitiart-template.blogspot.com/', 'homepageUrl': 'http://graffitiart-template.blogspot.com/', 'pageName': '', 'pageTitle': 'Graffiti Art', 'encoding': 'UTF-8', 'isPrivate': false, 'languageDirection': 'ltr', 'feedLinks': '74link rel7542alternate42 type7542application/atom+xml42 title7542Graffiti Art - Atom42 href7542http://graffitiart-template.blogspot.com/feeds/posts/default42 /76n74link rel7542alternate42 type7542application/rss+xml42 title7542Graffiti Art - RSS42 href7542http://graffitiart-template.blogspot.com/feeds/posts/default?alt75rss42 /76n74link rel7542service.post42 type7542application/atom+xml42 title7542Graffiti Art - Atom42 href7542http://www.blogger.com/feeds/3867710478751214631/posts/default42 /76n74link rel7542EditURI42 type7542application/rsd+xml42 title7542RSD42 href7542http://www.blogger.com/rsd.g?blogID75386771047875121463142 /76', 'meTag': '74link rel7542me42 href7542http://www.blogger.com/profile/0392658654040387281242 /76n', 'openIdOpTag': '74link rel7542openid.server42 href7542http://www.blogger.com/openid-server.g42 /76n', 'latencyHeadScript': '74script type7542text/javascript4276(function() { var a75window;function d(){this.t75{};this.tick75function(b,c){this.t[b]75[(new Date).getTime(),c]};this.tick(42start42)}var e75new d;a.jstiming75{Timer:d,load:e};if(a.external4646a.external.pageT)a.jstiming.pt75a.external.pageT;function f(b){var c750;if(b.offsetParent){do c+75b.offsetTop;while(b75b.offsetParent)}return c}a.tickAboveFold75function(b){f(b)74757504646a.jstiming.load.tick(42aft42)};var g75false;function h(){if(!g){g75true;a.jstiming.load.tick(42firstScrollTime42)}}a.addEventListener?a.addEventListener(42scroll42,h,false):a.attachEvent(42onscroll42,h); })();74/script76'}}]); _WidgetManager._SetSystemMarkup({'layout': {'varName': '', 'template': '74div class7547widget-wrap14776n74div class7547widget-wrap24776n74div class7547widget-wrap34776n74div class7547widget-content4776n74div class7547layout-title477674data:layout-title7674/data:layout-title7674/div76n74a class7547editlink47 expr:href7547data:widget.quickEditUrl47 expr:onclick754746quot;return _WidgetManager._PopupConfig(document.getElementById(46quot;46quot; + data:widget.instanceId + 46quot;46quot;));46quot;47 target7547chooseWidget477674data:edit-link7674/data:edit-link7674/a76n74/div76n74/div76n74/div76n74/div76'}, 'quickedit': {'varName': '', 'template': '74div class7547clear477674/div76n74span class7547widget-item-control4776n74span class7547item-control blog-admin4776n74a class7547quickedit47 expr:href7547data:widget.quickEditUrl47 expr:onclick754746quot;return _WidgetManager._PopupConfig(document.getElementById(46quot;46quot; + data:widget.instanceId + 46quot;46quot;));46quot;47 expr:target754746quot;config46quot; + data:widget.instanceId47 expr:title7547data:edit-link4776n74img alt754747 height75471847 src7547http://img1.blogblog.com/img/icon18_wrench_allbkg.png47 width75471847/76n74/a76n74/span76n74/span76n74div class7547clear477674/div76'}, 'all-head-content': {'varName': 'page', 'template': '74data:blog.latencyHeadScript7674/data:blog.latencyHeadScript76n74meta expr:content754746quot;text/html; charset7546quot; + data:page.encoding47 http-equiv7547Content-Type47/76n74meta content7547true47 name7547MSSmartTagsPreventParsing47/76n74meta content7547blogger47 name7547generator47/76n74link href7547http://www.blogger.com/favicon.ico47 rel7547icon47 type7547image/vnd.microsoft.icon47/76n74data:blog.feedLinks7674/data:blog.feedLinks76n74data:blog.meTag7674/data:blog.meTag76n74data:blog.openIdOpTag7674/data:blog.openIdOpTag76n74b:if cond7547data:page.isPrivate4776n74meta content7547NOINDEX,NOFOLLOW47 name7547robots47/76n74/b:if76'}}); _WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'sidebar',{'main': {'varName': '', 'template': '74b:if cond7547data:title !75 46quot;46quot;4776n74h2 class7547title477674data:title7674/data:title7674/h276n74/b:if76n74div class7547widget-content4776n74data:content7674/data:content76n74/div76n74b:include name7547quickedit477674/b:include76'}}, document.getElementById('HTML1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_LabelView', new _WidgetInfo('Label1', 'sidebar',{'main': {'varName': '', 'template': '74b:if cond7547data:title4776n74h27674data:title7674/data:title7674/h276n74/b:if76n74div class7547widget-content4776n74ul76n74b:loop values7547data:labels47 var7547label4776n74li76n74b:if cond7547data:blog.url 7575 data:label.url4776n74span expr:dir7547data:blog.languageDirection4776n74data:label.name7674/data:label.name76n74/span76n74b:else7674/b:else76n74a expr:dir7547data:blog.languageDirection47 expr:href7547data:label.url4776n74data:label.name7674/data:label.name76n74/a76n74/b:if76n74span dir7547ltr4776(74data:label.count7674/data:label.count76)74/span76n74/li76n74/b:loop76n74/ul76n74b:include name7547quickedit477674/b:include76n74/div76'}}, document.getElementById('Label1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_FeedView', new _WidgetInfo('Feed1', 'sidebar',{'main': {'varName': '', 'template': '74h27674data:title7674/data:title7674/h276n74div class7547widget-content4776n74ul expr:id7547data:widget.instanceId + 46quot;_feedItemListDisplayOld46quot;4776n74b:loop values7547data:feedData.items47 var7547i4776n74li76n74span class7547item-title4776n74a expr:href7547data:i.alternate.href4776n74data:i.title7674/data:i.title76n74/a76n74/span76n74b:if cond7547data:showItemDate4776n74b:if cond7547data:i.str_published !75 46quot;46quot;4776n74span class7547item-date4776n 46#160;-46#160;74data:i.str_published7674/data:i.str_published76n74/span76n74/b:if76n74/b:if76n74b:if cond7547data:showItemAuthor4776n74b:if cond7547data:i.author !75 46quot;46quot;4776n74span class7547item-author4776n 46#160;-46#160;74data:i.author7674/data:i.author76n74/span76n74/b:if76n74/b:if76n74/li76n74/b:loop76n74/ul76n74b:include name7547quickedit477674/b:include76n74/div76'}}, document.getElementById('Feed1'), {'title': 'Previous Posts', 'showItemDate': false, 'showItemAuthor': false, 'feedUrl': 'http://feeds.feedburner.com/bloggertricksdotcom', 'numItemsShow': 5, 'loadingMsg': 'Loading...', 'feedData': {'title': 'Blogger Templates', 'items': [{'guid': 'tag:blogger.com,1999:blog-4761536097900421793.post-2619573058163767925', 'title': 'Useful Widgets,Add-Ons 46amp; Tools for Your Blog,Website', 'published': 1233329820, 'updated': 0, 'alternate': {'href': 'http://bloggertricks.com/2009/01/useful-widgetsadd-ons-tools-for-your.html', 'type': 'application/octet-stream'}, 'author': 'noreply@blogger.com (kranthi)', 'summary': 'Adding Widgets, Add-Ons 46amp; tools to your blog is not just a lot of fun for your blog readers, but can also be very useful and help you to create a community for your blog or even a loyal reader base.74br7674br76Here47s a collection of best and most useful blog widgets or add-ons that can be easily integrated with any website/blog. All these below add-ons are 100% Free and they are very easy to install.74br7674br7674a href7542http://www.outbrain.com/4276Outbrain Star Ratings Widget74/a76: Very eager to know what your readers think about your posts?74a href7542http://2.bp.blogspot.com/_Toi-rh0Nm00/SYMhtuq2LTI/AAAAAAAACtU/8lj3lkRtuis/s1600-h/star+ratings.jpg427674img style7542margin:0pt 0pt 10px 10px;float:right;width:101px;height:42px42 src7542http://2.bp.blogspot.com/_Toi-rh0Nm00/SYMhtuq2LTI/AAAAAAAACtU/8lj3lkRtuis/s200/star+ratings.jpg42 alt754242 border75420427674/a7674br76Here is a cool star rating widget by Outbrain. The insttallation is very simple,74br76just follow the step by step instructions 74a href7542http://www.outbrain.com/4276on their site74/a76.74br7674br7674a href7542http://sharethis.com/4276ShareThis74/a76 or 74a href7542http://addthis.com/4276AddThis74/a76 : Sharethis or Addthis social bookmarking 74a href7542http://1.bp.blogspot.com/_Toi-rh0Nm00/SYknRTGkjCI/AAAAAAAACuI/HbeOELZHxCI/s1600-h/share+this.jpg427674img style7542margin:0pt 0pt 10px 10px;float:right;width:200px;height:91px42 src7542http://1.bp.blogspot.com/_Toi-rh0Nm00/SYknRTGkjCI/AAAAAAAACuI/HbeOELZHxCI/s200/share+this.jpg42 alt7542Sharethis social bookmarking button42 border75420427674/a76buttons makes it easy for your visitors to share your content with others. It is a good way to increase your link popularity and publicity. Their nice css dropdown icons reduces the clutter on your pages and eliminates the need to add a different button for each social bookmarking service.74br7674br7674div7674br7674a href7542http://whos.amung.us/4276whos.amung.us74/a76 : This is a real time visitor tracking widget and displays 74a href7542http://2.bp.blogspot.com/_Toi-rh0Nm00/SYkqmUOZJcI/AAAAAAAACuQ/6LXnO0wbCvk/s1600-h/wau-widget.png427674img style7542margin:0pt 0pt 10px 10px;float:right;width:81px;height:29px42 src7542http://2.bp.blogspot.com/_Toi-rh0Nm00/SYkqmUOZJcI/AAAAAAAACuQ/6LXnO0wbCvk/s200/wau-widget.png42 alt7542online visitor tracking widget42 border75420427674/a7674br76the number of people currently on your site and what pages they are74br76reading. You don47t need any sign-up47s to grab this widget.74br7674br7674a href7542http://www.pdfonline.com/web2pdf/index.asp4276Web2PDF Online74/a76 : With this widget installed, your visitors can easily download74a href7542http://2.bp.blogspot.com/_Toi-rh0Nm00/SYksDKjeZiI/AAAAAAAACuY/NkhOtqQrM3U/s1600-h/save_as_pdf.gif427674img style7542margin:0pt 0pt 10px 10px;float:right;width:128px;height:26px42 src7542http://2.bp.blogspot.com/_Toi-rh0Nm00/SYksDKjeZiI/AAAAAAAACuY/NkhOtqQrM3U/s200/save_as_pdf.gif42 alt7542Save Page as PDF42 border75420427674/a7674br76your articles in PDF format with just a click. The downloaded PDF47s are74br76free of any advertising and you can get full access to download stats,etc.74br7674br7674a href7542http://creator.zoho.com/explore/web-form-builder.html4276ZOHO Creator74/a76: With Zoho Creator, you can create professional online74a href7542http://3.bp.blogspot.com/_Toi-rh0Nm00/SYktZc7esFI/AAAAAAAACug/VAZVJoIZ19M/s1600-h/zoho.jpg427674img style7542margin:0pt 0pt 10px 10px;float:right;width:123px;height:56px42 src7542http://3.bp.blogspot.com/_Toi-rh0Nm00/SYktZc7esFI/AAAAAAAACug/VAZVJoIZ19M/s200/zoho.jpg42 alt7542zoho creator42 border75420427674/a7674br76contact forms/web forums in minutes. The good things about this is74br76there are no data limits and readers can also upload attachments while74br76submitting the form.74br7674br7674a href7542http://www.google.com/talk/service/badge/New4276Google Talk Badge74/a76: Google Talk Badge will let your visitors to74a href7542http://3.bp.blogspot.com/_Toi-rh0Nm00/SYkz2jdt4vI/AAAAAAAACuo/mOt-oYsQsLI/s1600-h/google+talk+badge.jpg427674img style7542margin:0pt 0pt 10px 10px;float:right;width:200px;height:63px42 src7542http://3.bp.blogspot.com/_Toi-rh0Nm00/SYkz2jdt4vI/AAAAAAAACuo/mOt-oYsQsLI/s200/google+talk+badge.jpg42 alt7542Google talk badge42 border75420427674/a7674br76chat with you.The badge will active whenever you sign in to74br76Googletalk. The nice thing is your visitors can chat with you even74br76if they don47t have a google account.74br7674br7674a href7542http://mediaplayer.yahoo.com/4276Yahoo Media Player74/a76: With this very useful widget, you can74a href7542http://2.bp.blogspot.com/_Toi-rh0Nm00/SYk1zpqUlwI/AAAAAAAACuw/NiDlQVgDtkQ/s1600-h/media+player.jpg427674img style7542margin:0pt 0pt 10px 10px;float:right;width:200px;height:42px42 src7542http://2.bp.blogspot.com/_Toi-rh0Nm00/SYk1zpqUlwI/AAAAAAAACuw/NiDlQVgDtkQ/s200/media+player.jpg42 alt7542Yahoo media player42 border75420427674/a76 easily add a simple media player to your blog which can auto detect mp3 links and create an embedded player. This tool is very useful for especially audio,music blogs.74br7674br7674a href7542http://1.bp.blogspot.com/_Toi-rh0Nm00/SYk64av4i5I/AAAAAAAACu4/L6-VyVMKoe8/s1600-h/cbox.jpg427674img style7542margin:0pt 0pt 10px 10px;float:right;width:126px;height:86px42 src7542http://1.bp.blogspot.com/_Toi-rh0Nm00/SYk64av4i5I/AAAAAAAACu4/L6-VyVMKoe8/s200/cbox.jpg42 alt7542cbox42 border75420427674/a7674br7674a href7542http://cbox.ws/4276Cbox74/a76: Cbox or Chatbox is a chat widget which can be easily embedded74br76in any web page. It is free and have many features including message74br76history, spam blocking,etc. It can be easily customizable to fit your74br76blog layout.74br7674br7674a href7542http://translate.google.com/translate_tools4276Google Translate74/a76: This widget lets your non-English speaking74a href7542http://3.bp.blogspot.com/_Toi-rh0Nm00/SYk9DvptJZI/AAAAAAAACvA/FDXzYwosCaw/s1600-h/translate.jpg427674img style7542margin:0pt 0pt 10px 10px;float:right;width:182px;height:73px42 src7542http://3.bp.blogspot.com/_Toi-rh0Nm00/SYk9DvptJZI/AAAAAAAACvA/FDXzYwosCaw/s200/translate.jpg42 alt7542Google translate widget42 border75420427674/a7674br76visitors to quickly translate your webpage in their native74br76language with just a single click.74br7674br7674/div76n74p7674a href7542http://feedads.googleadservices.com/~a/fk7JUvjzxVYdx7OG2zkYa48T9DY/a427674img src7542http://feedads.googleadservices.com/~a/fk7JUvjzxVYdx7OG2zkYa48T9DY/i42 border7542042 ismap7674/a7674/p76', 'str_published': 'Jan 30, 2009', 'str_updated': '', 'custom_content': [{'custom_content_id': 'http://www.w3.org/2005/Atom:updated', 'custom_content_value': ['2009-02-03T23:19:07.655-08:00']}, {'custom_content_id': 'http://search.yahoo.com/mrss/:thumbnail', 'custom_content_value': []}, {'custom_content_id': 'http://purl.org/syndication/thread/1.0:total', 'custom_content_value': ['0']}]}, {'guid': 'tag:blogger.com,1999:blog-4761536097900421793.post-3918473177741839953', 'title': 'Top 5 Ways to get Free One Way Backlinks to your site', 'published': 1233069900, 'updated': 0, 'alternate': {'href': 'http://bloggertricks.com/2009/01/top-5-ways-to-get-free-one-way.html', 'type': 'application/octet-stream'}, 'author': 'noreply@blogger.com (kranthi)', 'summary': '74a href7542http://3.bp.blogspot.com/_Toi-rh0Nm00/SX830A9pDxI/AAAAAAAACtM/mQVpQyMxKZE/s1600-h/backlink.jpg427674img style7542margin:0pt 10px 10px 0pt;float:left;width:320px;height:238px42 src7542http://3.bp.blogspot.com/_Toi-rh0Nm00/SX830A9pDxI/AAAAAAAACtM/mQVpQyMxKZE/s320/backlink.jpg42 alt7542How to get Free One Way backlinks to your site42 border75420427674/a7674br76One way backlinks are very critical to any website success. The more one way backlinks pointing to your site, the more your Google Pagerank and the more amount of traffic you will get. This should also increase your sales,etc.74br76But the thing is.. getting the right and quality one way backlinks from high pagerank sites is not an easy task, and in this article, we47ll find out some of the best ways to get free one way backlinks:74br7674br7674span style7542color:rgb(0, 153, 0);font-weight:bold42761.74/span76 Try to write as much quality content as you can... that will encourage the readers to link to your site. The more useful, informative content you post, the more likely people are to link it. But, this method can take a while to really pay off because like all the new websites, you don47t get much traffic.74br7674br7674span style7542color:rgb(0, 153, 0);font-weight:bold42762.74/span76 Write quality articles and submit them to top article directories like ezinearticles and goarticles. The advantage in this is, you47ll not only get a backlink from high pagerank directories, but also you47ll find that your articles are used on other people47s sites with a backlink to your site.74br7674br7674span style7542color:rgb(0, 153, 0);font-weight:bold42763.74/span76 Participate in forums,discussion boards that are related to your website47s niche and add a link to your site in the signature. Make sure that you write quality posts, don47t spam. This will also help you get some decent traffic to your site.74br7674br7674span style7542color:rgb(0, 153, 0);font-weight:bold42764.74/span76 There is absolutely nothing wrong to get a backlink from a related blog post you decide to comment on. This is one of the effective way of one way link building especially if you comment often on blogs. Comment on blogs related to your niche with a link back to your site as your signature.. and Again, make sure you never spam.74br7674br7674span style7542font-weight:bold;color:rgb(0, 153, 0)42765.74/span76 Submit your site link to major, well known web directories. Getting listed in directories related to your site not only bring you tons of targetted traffic, but will also improve your search engine rankings. Some of the popular directories to get listed in are DMOZ directory and Yahoo directory. You can submit your link to both paid and free directories and they worth your time.n74p7674a href7542http://feedads.googleadservices.com/~a/u9zRC8RqgSb1mCQlL47Yo9TE0fE/a427674img src7542http://feedads.googleadservices.com/~a/u9zRC8RqgSb1mCQlL47Yo9TE0fE/i42 border7542042 ismap7674/a7674/p76', 'str_published': 'Jan 27, 2009', 'str_updated': '', 'custom_content': [{'custom_content_id': 'http://www.w3.org/2005/Atom:updated', 'custom_content_value': ['2009-01-27T08:36:00.159-08:00']}, {'custom_content_id': 'http://search.yahoo.com/mrss/:thumbnail', 'custom_content_value': []}, {'custom_content_id': 'http://purl.org/syndication/thread/1.0:total', 'custom_content_value': ['3']}]}, {'guid': 'tag:blogger.com,1999:blog-4761536097900421793.post-977690551090415504', 'title': 'Web Hosting Reviews at Webhostingsleuth.com', 'published': 1232019120, 'updated': 0, 'alternate': {'href': 'http://bloggertricks.com/2009/01/web-hosting-reviews-at_15.html', 'type': 'application/octet-stream'}, 'author': 'noreply@blogger.com (kranthi)', 'summary': 'Are you looking for 74a href7542http://webhostingsleuth.com/196/best-wordpress-hosting4276Best Web Hosting74/a76 providers on the net? There are tons of web hosting companies out there providing you great hosting services with a wide range of hosting plans depending on your budget. Depending on what type of business/website you have, you have to determine the web hosting type you need.74br7674br7674a href7542http://2.bp.blogspot.com/_Toi-rh0Nm00/SXA1llINlOI/AAAAAAAACso/tEKfvrAiddA/s1600-h/webhostingsleuth.jpg427674img style7542margin:0px auto 10px;display:block;text-align:center;width:370px;height:108px42 src7542http://2.bp.blogspot.com/_Toi-rh0Nm00/SXA1llINlOI/AAAAAAAACso/tEKfvrAiddA/s400/webhostingsleuth.jpg42 alt7542Web Hosting Reviews at WebHostingsleuth.com42 border75420427674/a7674br76Before making any decisions in choosing web hosting services and plans, you have to act smartly. Otherwise, you let yourself suffer later on because if you choose a wrong service/plan, it can decrease your sales and customers.74br7674br76Choosing the best web hosting available is not that easy, there are many web hosting providers on the net who claim that they have the best service for you. So, before making any decision, compare all the advantages and disadvantages of the top hosting providers and then make the decision accordingly. So, what do we need is a site which lists all the top web hosting services and rank/review them. Fortunately, my friend referred me a site called 74a href7542http://webhostingsleuth.com/4276Webhostingsleuth.com74/a76. It is a website that is run by experienced guys who know best about hosting your site.74br7674br76So, if you47re about to purchase web hosting.. Don47t forget to visit Webhostingsleuth.com to find out what47s best to you.n74p7674a href7542http://feedads.googleadservices.com/~a/EHFUMVOcZIitAaKkro38lGzDIkA/a427674img src7542http://feedads.googleadservices.com/~a/EHFUMVOcZIitAaKkro38lGzDIkA/i42 border7542042 ismap7674/a7674/p76', 'str_published': 'Jan 15, 2009', 'str_updated': '', 'custom_content': [{'custom_content_id': 'http://www.w3.org/2005/Atom:updated', 'custom_content_value': ['2009-01-16T05:09:54.440-08:00']}, {'custom_content_id': 'http://search.yahoo.com/mrss/:thumbnail', 'custom_content_value': []}, {'custom_content_id': 'http://purl.org/syndication/thread/1.0:total', 'custom_content_value': ['3']}]}, {'guid': 'tag:blogger.com,1999:blog-4761536097900421793.post-3774036968959078681', 'title': 'Web Hosting Reviews at Mybestratedwebhosting.com', 'published': 1231758540, 'updated': 0, 'alternate': {'href': 'http://bloggertricks.com/2009/01/web-hosting-reviews-at.html', 'type': 'application/octet-stream'}, 'author': 'noreply@blogger.com (kranthi)', 'summary': 'Finding a web hosting company is very easy as there are tons of Web Hosting Providers out there on the net. But, before you purchase any hosting plan from any of the hosting providers, you need to know more about the company and their services.74br7674br76So, all you need is a site that lists all the top web hosting companies based on their price,performance,etc. Fortunately, one of my friends recommended me a website that lists all the best web hosting companies based on their current performance,price,bandwidth,disk space,etc... That is Mybestratedwebhosting.com. Their site features the current top 10 web hosts, and they have the best 74a href7542http://www.mybestratedwebhosting.com/4276Web Hosting Reviews74/a76. Ofcourse, there are many similar web hosting review sites on the net, but there are some points which make them different from others.74br7674br7674a href7542http://3.bp.blogspot.com/_Toi-rh0Nm00/SWs4I65m5gI/AAAAAAAACsg/BE3N_iah9VA/s1600-h/web+hosting+reviews.jpg427674img style7542margin:0px auto 10px;display:block;text-align:center;width:394px;height:400px42 src7542http://3.bp.blogspot.com/_Toi-rh0Nm00/SWs4I65m5gI/AAAAAAAACsg/BE3N_iah9VA/s400/web+hosting+reviews.jpg42 alt7542Web hosting reviews42 border75420427674/a7674br76According to their chart, Lunarpages is the best web hosting company out there. I47m personally using Hostmonster and I don47t have any problems with them sofar. Before migrating to Hostmonster, I used Powweb hosting. You can read their 74a href7542http://www.mybestratedwebhosting.com/web-hosting-reviews/hostmonster-review.html4276Hostmonster Reviews74/a76 and 74a href7542http://www.mybestratedwebhosting.com/web-hosting-reviews/powweb-hosting-reviews.html4276Powweb Hosting review74/a76 in their site.n74p7674a href7542http://feedads.googleadservices.com/~a/hn4TXAiNnWNgWp-lnucV5eopouU/a427674img src7542http://feedads.googleadservices.com/~a/hn4TXAiNnWNgWp-lnucV5eopouU/i42 border7542042 ismap7674/a7674/p76', 'str_published': 'Jan 12, 2009', 'str_updated': '', 'custom_content': [{'custom_content_id': 'http://www.w3.org/2005/Atom:updated', 'custom_content_value': ['2009-01-12T04:41:26.000-08:00']}, {'custom_content_id': 'http://search.yahoo.com/mrss/:thumbnail', 'custom_content_value': []}, {'custom_content_id': 'http://purl.org/syndication/thread/1.0:total', 'custom_content_value': ['1']}]}, {'guid': 'tag:blogger.com,1999:blog-4761536097900421793.post-3727057778214975168', 'title': 'Itunes Music is now DRM-Free With iPhone 3G Music Downloads', 'published': 1231298580, 'updated': 0, 'alternate': {'href': 'http://bloggertricks.com/2009/01/itunes-music-is-now-drm-free-with.html', 'type': 'application/octet-stream'}, 'author': 'noreply@blogger.com (kranthi)', 'summary': '74a href7542http://3.bp.blogspot.com/_Toi-rh0Nm00/SWQsmrPurKI/AAAAAAAACp8/3_7DCROWZe8/s1600-h/itunes.jpg427674img style7542margin:0pt 10px 10px 0pt;float:left;width:131px;height:143px42 src7542http://3.bp.blogspot.com/_Toi-rh0Nm00/SWQsmrPurKI/AAAAAAAACp8/3_7DCROWZe8/s200/itunes.jpg42 alt754242 border75420427674/a7674br76Today, at Macworld, Apple announced that iTunes songs are now DRM (Digital Rights Management) free with songs costing $0.99 cents, $0.69 cents and $1.29. The pricing will also be offered in three tiers now, instead of just one.74br7674br76Out of 10 million songs, 80 per cent are available on the music store from major music labels including Sony BMG, Virgin, Warner music, American Recording without DRM in the store, while the remaining two million songs would be made available by this spring.74br7674span7674br76DRM (Digital Rights Management) technology tries to prevent piracy by placing some restrictions on how the customers may use the music they purchase from their store. Apple47s strong FairPlay DRM technology requires a customer to authorize his/her PC to play purchased tracks and they allow only a few computers to be authorized.74br7674br76You can easily upgrade your existing DRMed tracks to DRM-free versions at $0.30 per song while the music videos can be upgraded at $0.60 each. The songs would be high in quality with Apple47s DRM-free 256kbps AAC.74br7674br76Not only that folks, Apple also announced that, from today, iTunes music store would also be available over the mobile phone networks via 3G, as well as over Wi-Fi. There would be no additional fee and all DRM-free at 256kbps AAC.74br7674/span76n74p7674a href7542http://feedads.googleadservices.com/~a/w6fFhe1zJu-Esw5GDMsLk4x0HkQ/a427674img src7542http://feedads.googleadservices.com/~a/w6fFhe1zJu-Esw5GDMsLk4x0HkQ/i42 border7542042 ismap7674/a7674/p76', 'str_published': 'Jan 6, 2009', 'str_updated': '', 'custom_content': [{'custom_content_id': 'http://www.w3.org/2005/Atom:updated', 'custom_content_value': ['2009-01-06T20:28:29.375-08:00']}, {'custom_content_id': 'http://search.yahoo.com/mrss/:thumbnail', 'custom_content_value': []}, {'custom_content_id': 'http://purl.org/syndication/thread/1.0:total', 'custom_content_value': ['2']}]}]}}, 'displayModeFull')); _WidgetManager._RegisterWidget('_TextView', new _WidgetInfo('Text1', 'sidebar',{'main': {'varName': '', 'template': '74b:if cond7547data:title !75 46quot;46quot;4776n74h2 class7547title477674data:title7674/data:title7674/h276n74/b:if76n74div class7547widget-content4776n74data:content7674/data:content76n74/div76n74b:include name7547quickedit477674/b:include76'}}, document.getElementById('Text1'), {}, 'displayModeFull')); _WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'content45')); _WidgetManager._RegisterWidget('_NavbarView', new _WidgetInfo('Navbar1', 'navbar')); _WidgetManager._RegisterWidget('_HeaderView', new _WidgetInfo('Header1', 'top')); </script>

CSS

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;} /* /* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+ Name: Graffiti Art Blogger Template by http://bloggertricks.com URL: http://www.bloggertricks.com Originally it was a wordpress theme by wpgalaxy.com URL: http://www.wpgalaxy.com/ Template released under the Creative Commons Atribution License, PLEASE DO NOT REMOVE THE FOOTER CREDITS +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+- */ /*-- (Hiding the navbar) --*/ #navbar-iframe { height:0px; visibility:hidden; display:none } body { margin:0px auto; padding:0px; font-size: 12px; font-family: Verdana, Arial, Georgia, Helvetica, sans-serif; color: #666666; width:770px; position: relative; background: #000 url(http://i381.photobucket.com/albums/oo252/two-graffitiart/body-bg.jpg) no-repeat center top; } #body_wrap { } #page { text-align: left; background-color: #fff; margin:0 auto; } #page-top { background: url(http://i381.photobucket.com/albums/oo252/two-graffitiart/page-top-bg.jpg) bottom no-repeat; } #page-body { background-color: #fff; } #pagecontent { background-color:#fff; background: url(http://i381.photobucket.com/albums/oo252/two-graffitiart/vertical-line.jpg) top right repeat-y; line-height: 1.4em; } #sidebar { background-color:#fff; } .narrowcolumn .entry { line-height: 1.4em; } .narrowcolumn .postmetadata { text-align: left; } .alt { font-family: Georgia, Verdana, Arial, Helvetica, sans-serif; } #footer { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:9px; border: none; } #footer a { color: #3f6067; } small { font-family: Verdana, Arial, Georgia, Helvetica, sans-serif; font-size: 10px; line-height: 1.5em; } h2, h3 { font-family: Arial, Verdana, Sans-Serif, 'Georgia', 'Lucida Grande'; font-weight: normal; } h1 { font-family: Arial, Verdana, Sans-Serif, 'Georgia', 'Lucida Grande'; font-size: 36px; text-align: left; font-weight:normal; } #header #headerimg .description { font-family: Verdana, 'Lucida Grande', Arial, Sans-Serif; font-size: 12px; text-align: left; color:#f4600e; padding-left:18px; height:121px; } h2 { font-size: 20px; } h2.pagetitle { font-size: 20px; } #sidebar h2 { font-family: Arial, Verdana, Sans-Serif, 'Georgia', 'Lucida Grande'; font-size: 20px; margin:0; padding:0px 10px 0px 0px; width:210px; background: url(http://i381.photobucket.com/albums/oo252/two-graffitiart/sidebar-h2-bg.gif) bottom left repeat-x; color:#e30f85; } h3 { font-size: 1.6em; } h1, h1 a, h1 a:hover, h1 a:visited{ text-decoration: none; color: #fff; } h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited { color: #009fc6; } h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite { text-decoration: none; } .entry p a:visited { color: #cc6600; } .commentlist li, #commentform input, #commentform textarea { font: 0.9em Verdana, Arial, Sans-Serif; } .commentlist li { font-weight: normal; background:url(http://i381.photobucket.com/albums/oo252/two-graffitiart/comment-post-icon.gif) top left no-repeat; } .commentlist li ul li, .commentlist li ol li { background:none; } .commentlist cite, .commentlist cite a { font-weight: bold; font-style: normal; font-size: 1.1em; } .commentlist p { font-weight: normal; line-height: 1.5em; text-transform: none; } #commentform p { font-family: Verdana, Arial, Georgia, Helvetica, sans-serif; } .commentmetadata { font-weight: normal; } #sidebar { font: 11px Verdana, Arial, Georgia, Helvetica, sans-serif; line-height: 18px; background: #fff; } small, #sidebar ul ul li, #sidebar ul ol li, .nocomments, .postmetadata, blockquote, strike { color: #666; } code { font: 1.1em 'Courier New', Courier, Fixed; } acronym, abbr, span.caps { font-size: 0.9em; letter-spacing: .07em; } a, h2 a:hover, h3 a:hover { color: #3f6067; text-decoration: none; } a:hover { color: #3f6067; text-decoration: underline; } .widget-content{ padding-top:3px; padding-left:6px; padding-right:6px; padding-bottom:3px; } #wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; } #wp-calendar a { text-decoration: none; } #wp-calendar caption { font: bold 1.3em Verdana, Arial, Georgia, Helvetica, sans-serif; text-align: center; } #wp-calendar th { font-style: normal; text-transform: capitalize; } /* End Typography & Colors */ /* Begin Structure */ body { margin: 0 auto; padding: 0; width:770px; min-height:600px; } #body_wrap { margin: 0 auto; padding: 0; } #header { margin: 0 auto; padding: 0; height: 270px; width:770px; } #page { margin: 0 auto; padding: 0; width: 770px; min-height: 500px; padding-top:10px; } #page-body { margin: 0 auto; width: 770px; min-height: 600px; } #pagecontent { float:left; width: 498px; min-height:600px; padding:0; margin:0px 1px 10px 18px; } .narrowcolumn { padding:0; margin:0; } .post { padding:0; margin:0; text-align: justify; font-size:11px; min-height:50px; margin-right:15px; } .post hr { display: block; } .post-head { float:left; padding-bottom: 8px; width:488px; } .post-head h2 { margin: 0px; } .category-icon { background: url(http://i381.photobucket.com/albums/oo252/two-graffitiart/bullet_disk.gif) left center no-repeat; width:14px; height:14px; padding:5px 5px 5px 20px; } .comment-icon { background: url(http://i381.photobucket.com/albums/oo252/two-graffitiart/comments.jpg) left center no-repeat; width:14px; height:15px; padding:5px 5px 5px 20px; } .entry { margin:0; padding-top:1px; background: url(http://i381.photobucket.com/albums/oo252/two-graffitiart/post-divider.jpg) top right repeat-x; } .postmetadata { clear: left; height:28px; width:478px; line-height:2.3em; font-size: 10px; font-family: Verdana, Arial, Georgia, Helvetica, sans-serif;} .postmetadata a { color:#3f6067; } #footer { margin: 0 auto; padding: 0; width:770px; background:#fff; } #footer p { margin: 0; padding-top:10px; text-align: center; color: #787878; } /* End Structure */ /* Begin Headers */ h1 { margin: 0; padding:0; padding-left:18px; padding-top:73px; height:50px; } h2 { margin: 12px 0 10px 0; line-height:30px; } h2.pagetitle { text-align: left; } h3 { padding: 0; margin: 25px 0 0 0; } /* End Headers */ /* Begin http://myblogtalk.com/bloggertemplates/graffitiart/images */ p img { padding: 0; max-width: 100%; } img.centered { display: block; margin-left: auto; margin-right: auto; } img.alignright { padding: 4px; margin: 0 0 2px 7px; display: inline; } img.alignleft { padding: 4px; margin: 0 7px 2px 0; display: inline; } .alignright { float: right; } .alignleft { float: left; } /* End http://myblogtalk.com/bloggertemplates/graffitiart/images */ html>body .entry ul { margin: 0 20px 15px; padding: 0 0 0 30px; list-style: disc; padding-left: 10px; text-indent: -5px; } html>body .entry li { margin: 7px 0 8px 0px; } .entry ul { margin-left:28px; } .entry ul li { padding:0; padding-left:10px; } .entry ol { padding: 0 0 0 35px; margin: 0; } .entry ol li { margin: 0; padding: 0; } .postmetadata ul, .postmetadata li { display: inline; list-style-type: none; list-style-image: none; } #sidebar ul, #sidebar ul ol { margin: 0px; padding: 0px; } #sidebar ul li { list-style-type: none; list-style-image: none; margin-bottom: 10px; } #sidebar ul p, #sidebar ul select { margin: 5px 0 8px; } #sidebar ul ul, #sidebar ul ol { margin: 5px 0 0 3px; } #sidebar ul ul ul, #sidebar ul ol { margin: 0 0 0 8px; } ol li, #sidebar ul ol li { list-style: decimal outside; } #sidebar ul ul li, #sidebar ul ol li { margin: 0px 10px 0 25px; padding: 0; list-style-type:disc; color:#666666; } #sidebar ul ul li a {color:#666;} /* End Entry Lists */ /* Begin Form Elements */ #searchform { width: 230px; height:30px; padding:0; margin:0; } #header #searchform #s { width: 170px; } #sidebar #searchsubmit { padding: 1px; } .entry form { /* This is mainly for password protected posts, makes them look better. */ text-align:center; } select { width: 130px; } #commentform { margin:0; padding:0; } #commentform input { width: 170px; padding: 2px; margin: 5px 5px 1px 0; background-color:#ccffcc; border:1px solid #339933; } #commentform textarea { width: 95.5%; padding: 2px; background-color:#ccffcc; border:1px solid #339933; } #commentform #submit { margin: 0; float: right; margin-bottom: 2em; margin-right:16px; } /* End Form Elements */ /* Begin Comments*/ .alt { margin: 0; padding: 10px; } .commentlist { padding: 0; text-align: justify; } .commentlist li { margin: 15px 0 3px; padding: 0px 10px 3px 20px; list-style: none; } .commentlist li ul li { list-style: disc outside; border:0; margin:0; padding:3px; } .commentlist li ol li { list-style: decimal outside; margin:0; border:0; margin-left:4px; padding:0px; } .commentlist p { margin: 10px 5px 10px 25px; } #commentform p { margin: 5px 0; } .nocomments { text-align: center; margin: 0; padding: 0; } .commentmetadata { margin: 0; display: block; } /* End Comments */ /* Begin Sidebar */ #sidebar { float:right; padding: 0; margin:0; width: 228px; min-height: 430px; } #sidebar1 { float:right; width:228px; min-height:100px; } #sidebar form { margin: 0; } #sidebar p { padding:5px 0; color:#333 } #sidebar .subscribe-rss { background: none; margin:0; } #sidebar .rss-feed-a { color:#0099cc; background: url(http://i381.photobucket.com/albums/oo252/two-graffitiart/rss-icon.jpg) right no-repeat; padding-right:30px } /* End Sidebar */ /* Begin Various Tags & Classes */ acronym, abbr, span.caps { cursor: help; } acronym, abbr { border-bottom: 1px dashed #999; } blockquote { margin:0; padding:0; padding-left:50px; min-height:30px; color:#999999; background: #fff url(http://i381.photobucket.com/albums/oo252/two-graffitiart/blockquote-bg.jpg) top left no-repeat; font-style:italic; width:85%; } blockquote blockquote { margin:0; } blockquote cite { margin: 5px 0 0; display: block; } .center { text-align: center; } hr { display: none; } a img { border: none; } .navigation { text-align: center; padding-top: 10px; padding-bottom: 10px; width:485px; } /* End Various Tags & Classes*/ /* PAGE MENU */ #menu-bar { float:left; margin:0; padding:0; width: 700px; line-height:26px; height:29px; padding-left:14px; font-size:10px; } #menu-bar ul { padding:0; margin:0; } .pagenav-home { width: 98px; height:29px; list-style-type:none; padding:0; margin:0; display:inline; } .pagenav { list-style-type:none; } .pagenav h2 { display:none; margin:0; padding:0; } .pagenav ul, .pagenav-home ul { list-style-type:none; float:left; padding:0; margin:0; } .pagenav ul li { padding:0; margin:0; display:inline; } .pagenav ul li a, .pagenav-home ul li a { width:98px; float: left; margin-left:2px; background: #fff url('http://i381.photobucket.com/albums/oo252/two-graffitiart/pagemenu-inactive-bg.jpg') top repeat-x; color:#fff; text-decoration: none; text-align:center; text-transform:uppercase; font-weight:bold; } .pagenav ul li a:hover, .pagenav-home ul li a:hover { background: #fff url('http://i381.photobucket.com/albums/oo252/two-graffitiart/pagemenu-active-bg.jpg') top repeat-x; color:#de5400; } .pagenav ul li.current_page_item a, .pagenav-home ul li.current_page_item a { background: #fff url('http://i381.photobucket.com/albums/oo252/two-graffitiart/pagemenu-active-bg.jpg') top repeat-x; color:#de5400; } .pagenav ul li.current_page_item ul li a { background: #fff url('http://i381.photobucket.com/albums/oo252/two-graffitiart/pagemenu-inactive-bg.jpg') top repeat-x; color:#fff; } .pagenav ul li.current_page_item ul li a:hover { background: #fff url('http://i381.photobucket.com/albums/oo252/two-graffitiart/pagemenu-active-bg.jpg') top repeat-x; color:#fff; } #footer-top { margin:0 auto; width:770px; height:9px; } #footer-bot { margin:0 auto; width:770px; height:50px; text-align:center; } #recent-comments { float:left; height:200px; width:552px; padding-left:38px; padding-top:10px; } #recent-comments h2, #meta h2 { font-size:30px; } #recent-comments ul, #meta ul { font: 14px 'Century Gothic', Arial, Verdana, 'Lucida Grande', Sans-Serif; padding:2px; padding-left:12px; margin:4px; } #recent-comments ul li { padding:2px; } #meta ul li { padding:2px; } #meta { float:left; height:200px; width:265px; padding-left:70px; padding-top:10px; } /* SIDEBAR addons */ #sidebar ul ul li { list-style-type:none; padding-left:15px; margin-left:0px; background: url(http://i381.photobucket.com/albums/oo252/two-graffitiart/bullet_blue.gif) left no-repeat; } .date { float:left; padding-left:20px; color:#3f6067; background: url(http://i381.photobucket.com/albums/oo252/two-graffitiart/calendar_view_day.gif) left center no-repeat; } .comment { float:right; } #page-bottom { height:150px; width:770px; margin:0 auto; background: #719bb1 url(http://i381.photobucket.com/albums/oo252/two-graffitiart/page-bottom-bg.jpg) no-repeat center top; } dt{ color:#000; font-style:italic; } dt a{ color:#e30f85; font-weight:bold; } #navbar-iframe { display:block }

CALL OF DUTY TEMASI

TASARIM ÜSTÜ
<div id="conntainer"> <div id="header"> <ul> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Join now</a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Links</a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Login</a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Forums</a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">News</a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Download</a></li> <li class="last"><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">contact</a></li> </ul> </div> <div id="conntent"> <div id="left"> <div class="menu"> <div class="menuheader"><h3>Menu</h3></div> <div class="menucontent"> <ul> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Home</a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Donations</a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Downloads</a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Feedback</a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Shout_Box</a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Surveys</a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Ventrilo</a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Web Links</a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Your Account</a></li> </ul> </div> <div class="menufooter"></div> </div> <div class="menu"> <div class="menuheader"><h3>Menu</h3></div> <div class="menucontent"> <p>If you're looking for beautiful and professionally made templates you can find them at <a href="http://www.templatebeauty.com" _fcksavedurl="http://www.templatebeauty.com">Template Beauty</a>.</p> <p>To find great hosting providers visit <a href="http://www.webhostingzoom.com" _fcksavedurl="http://www.webhostingzoom.com">Web Hosting Zoom</a></p> <p>If you're looking for beautiful and professionally made templates you can find them at <a href="http://www.templatebeauty.com" _fcksavedurl="http://www.templatebeauty.com">Template Beauty</a>.</p> <p>To find great hosting providers visit <a href="http://www.webhostingzoom.com" _fcksavedurl="http://www.webhostingzoom.com">Web Hosting Zoom</a></p> <p>If you're looking for beautiful and professionally made templates you can find them at <a href="http://www.templatebeauty.com" _fcksavedurl="http://www.templatebeauty.com">Template Beauty</a>.</p> <p>To find great hosting providers visit <a href="http://www.webhostingzoom.com" _fcksavedurl="http://www.webhostingzoom.com">Web Hosting Zoom</a></p> </div> <div class="menufooter"></div> </div> </div> <div id="right"> <div class="menu"> <div class="menuheader"><h3>Team</h3></div> <div class="menucontent"> <div class="member"> <a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com"><img src="http://www.freewebsitetemplates.com/preview/callofduty2/images/member1.jpg" _fcksavedurl="http://www.freewebsitetemplates.com/preview/callofduty2/images/member1.jpg" alt="member" /></a> <span><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Member 1</a></span> </div> <div class="member"> <a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com"><img src="http://www.freewebsitetemplates.com/preview/callofduty2/images/member2.jpg" _fcksavedurl="http://www.freewebsitetemplates.com/preview/callofduty2/images/member2.jpg" alt="member" /></a> <span><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Member 2</a></span> </div> <div class="member"> <a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com"><img src="http://www.freewebsitetemplates.com/preview/callofduty2/images/member3.jpg" _fcksavedurl="http://www.freewebsitetemplates.com/preview/callofduty2/images/member3.jpg" alt="member" /></a> <span><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Member 3</a></span> </div> <div class="member"> <a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com"><img src="http://www.freewebsitetemplates.com/preview/callofduty2/images/member4.jpg" _fcksavedurl="http://www.freewebsitetemplates.com/preview/callofduty2/images/member4.jpg" alt="member" /></a> <span><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Member 4</a></span> </div> <div class="member"> <a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com"><img src="http://www.freewebsitetemplates.com/preview/callofduty2/images/member5.jpg" _fcksavedurl="http://www.freewebsitetemplates.com/preview/callofduty2/images/member5.jpg" alt="member" /></a> <span><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Member 5</a></span> </div> <div class="member"> <a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com"><img src="http://www.freewebsitetemplates.com/preview/callofduty2/images/member6.jpg" _fcksavedurl="http://www.freewebsitetemplates.com/preview/callofduty2/images/member6.jpg" alt="member" /></a> <span><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Member 6</a></span> </div> <div class="member"> <a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com"><img src="http://www.freewebsitetemplates.com/preview/callofduty2/images/member7.jpg" _fcksavedurl="http://www.freewebsitetemplates.com/preview/callofduty2/images/member7.jpg" alt="member" /></a> <span><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Member 7</a></span> </div> <div class="member"> <a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com"><img src="http://www.freewebsitetemplates.com/preview/callofduty2/images/member8.jpg" _fcksavedurl="http://www.freewebsitetemplates.com/preview/callofduty2/images/member8.jpg" alt="member" /></a> <span><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Member 8</a></span> </div> <div class="clear"></div> </div> <div class="menufooter"></div> </div> </div> <div id="middle"> <div class="post"> <div class="postheader"><h1>Post title</h1></div> <div class="postcontent">

TASARIM ALTI
</div> <div class="postfooter"></div> </div> </div> </div> <div id="footer"> <ul> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Join now</a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Links</a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Login</a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Forums</a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">News</a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Download</a></li> <li class="last"><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">contact</a></li> </ul> <span>Copyright © 2006 Call of duty 2. All rights reserved.</span> </div> </div>

CSS

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;} body { background-image:url(http://www.freewebsitetemplates.com/preview/callofduty2/images/background.gif); font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; margin: 0px; padding: 0px; background-repeat: repeat-x; background-color: #000000; } * {margin: 0px;padding: 0px;} p { padding: 10px 10px 10px 20px; display:block; color:#525757; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold } a { color:#6b7272; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; } #conntainer { margin: 0px auto; text-align: left; width: 860px; } #header{ height:304px; width:777px; background-image:url(http://www.freewebsitetemplates.com/preview/callofduty2/images/header.jpg); background-repeat: no-repeat; margin-top: -30px; z-index: -2px; } #conntent{ } #left{ width:192px; float:left; } #middle{ margin-left:206px; margin-right:196px; width:450px; } #right{ width:192px; float:right; } /********************* menu ****************************/ .menuheader{ width:192px; height:37px; background-image:url(http://www.freewebsitetemplates.com/preview/callofduty2/images/menutop.gif); display:block; } .menucontent{ width:192px; background-image:url(http://www.freewebsitetemplates.com/preview/callofduty2/images/menumiddle.gif); padding-top:10px; background-repeat: repeat-y; }.menuheader h3{ padding: 10px 0px 0px 20px; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; } .menufooter{ width:192px; height:15px; background-image:url(http://www.freewebsitetemplates.com/preview/callofduty2/images/menubottom.gif); display:block; } .postheader,.menuheader{ color:#CCCCCC; text-transform: uppercase; } /********************* post ****************************/ .post{ margin-bottom:15px; } .postheader{ background-image:url(http://www.freewebsitetemplates.com/preview/callofduty2/images/posttop.gif); display:block; width:450px; height:33px; } .postheader h1{ padding: 7px 0px 0px 20px; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; } .postcontent{ background-image:url(http://www.freewebsitetemplates.com/preview/callofduty2/images/postmiddle.gif); background-repeat: repeat-y; padding: 20px 0px; } .postfooter{ background-image:url(http://www.freewebsitetemplates.com/preview/callofduty2/images/postbottom.gif); background-repeat: no-repeat; display:block; width:450px; height:15px; } /********************* header ****************************/ #header{ position:relative; } #header ul{ position:absolute; top:250px; display:block; left:190px; } #header ul li{ display:inline; text-align:center; margin:auto; width:auto; border-right: 1px solid #6b7272; } .last{ border-right: 0px none #6b7272 !important; } #header ul li a{ display:inline; text-align:center; text-decoration:none; padding: 0px 10px; text-transform: uppercase; } #header ul li a:hover{ text-decoration:underline; } /********************* footer ****************************/ #footer{ width:850px; } #footer ul{ display:block; margin-left:190px; } #footer ul li{ display:inline; text-align:center; margin:auto; width:auto; border-right: 1px solid #6b7272; } #footer ul li a{ display:inline; text-align:center; text-decoration:none; padding: 0px 10px; text-transform: uppercase; } #footer ul li a:hover{ text-decoration:underline; } #footer span{ color:#525757; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; text-align:center; width:850px; display:block; padding: 15px 0px; } /********************* menu members ****************************/ .menu ul{ list-style-position: inside; list-style-type: disc; padding: 0px 0px 0px 20px; color:#666666; } .menu ul li{ padding-top: 5px; color:#666666; } .menu ul li a{ text-decoration:none; padding: 0px; text-transform: uppercase; } .menu ul li a:hover{ text-decoration:underline; text-transform: uppercase; } .member{ display:inline; float:left; margin-left:10px; } .member span{ display:block; text-align:center; padding: 2px 0px 13px 0px; text-transform: uppercase; } .member img{ width:75px; height:70px; border: solid 2px #999999; } .clear{ clear:both; }

COUNTER STRİKE TEMASI

TASARIM ÜSTÜ
<div id="body_wrapper">  <div id="body_container"> <div id="body_container_b"> <div id="body_container_c">  <div id="page_header">  <h1><span class="hidethis"> Counter Strike </span></h1> </div>   <div id="page_content">

TASARIM ALTI
</div>  </div> </div> </div>   <div id="navmenu"> <div id="navmenu_b"> <div id="navmenu_c"> <h3><span class="hidethis">Site Menu:</span></h3> <ul> <li class="list_first"><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">Home</a></li> <li><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">Members</a></li> <li><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">Events</a></li> <li><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">Partners</a></li> <li><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">About Us</a></li> <li><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">Contact Us</a></li> <li><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">Home</a></li> <li><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">Members</a></li> <li><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">Events</a></li> <li><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">Partners</a></li> <li><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">About Us</a></li> <li><a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">Contact Us</a></li> </ul> </div> </div> </div>  <div class="clearthis"> </div>  <div id="page_footer"> Web design by <a href="http://www.freewebsitetemplates.com/" _fcksavedurl="http://www.freewebsitetemplates.com/">Free Website Templates</a> </div>  </div>

CSS
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;} /* +++++++++++++++++++++++++++++ Shifting Ground +++++++++++++++++++++++++++++ */ /* ++++++++++++++++++++ Common Styles ++++++++++++++++++++ */ * { margin: 0px; padding: 0px; } body { color: #fff; background-color: #484848; font-family: 'verdana', 'helvetica', sans-serif; font-size: 100%; text-align: center; } table { font-size: 1em; } td { color: #fff; background-color: inherit; font-family: 'verdana', 'helvetica', sans-serif; font-size: 1em; } a { color: #fff; background-color: inherit; text-decoration: underline; } a:hover { color: #fff; background-color: inherit; text-decoration: none; } img { border: none; } ul, ul li { list-style: none outside; } ol, ol li { list-style: decimal inside; } p { padding: 0.6em 0em 0.6em; } fieldset { border: none; } input, textarea, select { font-family: 'verdana', 'helvetica', sans-serif; font-size: 13px; } .hidethis { display: none; } .clearthis { margin : 0px; height : 1px; clear : both; float : none; font-size: 1px; overflow : hidden; visibility: hidden; } /* ++++++++++++++++++++ Image Thumbnails ++++++++++++++++++++ */ .tb_center { text-align: center; } .tb_center img { margin: 1.3em auto; border: 1px #fff solid; } /* ++++++++++++++++++++ Body Wrappers ++++++++++++++++++++ */ #body_wrapper { margin: 35px 10px; width: 982px; background: url('http://www.freewebsitetemplates.com/preview/counterstrike/images/rightcol_img.gif') no-repeat 100% 68px; font-size: 0.71em; } /* ++++++++++++++++++++ Body Container ++++++++++++++++++++ */ #body_container { float: right; position: relative; left: -243px; width: 496px; background: url('http://www.freewebsitetemplates.com/preview/counterstrike/images/main_bg_bot.gif') no-repeat 0% 100%; } #body_container_b { padding: 15px 0px; width: 496px; background: url('http://www.freewebsitetemplates.com/preview/counterstrike/images/main_bg_top.gif') no-repeat 0% 0%; } #body_container_c { color: inherit; background-color: #8e8257; border-left: #fff 6px solid; border-right: #fff 6px solid; } /* ++++++++++++++++++++ Page Header ++++++++++++++++++++ */ #page_header { padding-bottom: 2px; color: inherit; background-color: #b3ab78; } #page_header h1 { position: relative; top: -4px; width: 100%; height: 40px; background: url('http://www.freewebsitetemplates.com/preview/counterstrike/images/counterstrike_logo.gif') no-repeat 50% 50%; } /* ++++++++++++++++++++ Page Content ++++++++++++++++++++ */ #page_content { padding: 15px 17px 10px; font-weight: bold; text-align: left; } .link_readmore { padding: 35px 0px 10px; text-align: right; } .link_readmore a { margin-left: auto; display: block; width: 94px; height: 24px; background: url('http://www.freewebsitetemplates.com/preview/counterstrike/images/button_readmore.gif') no-repeat 0% 0%; } /* ++++++++++++++++++++ Navigation Menu ++++++++++++++++++++ */ #navmenu { float: left; margin-top: 68px; position: relative; left: 77px; width: 166px; background: url('http://www.freewebsitetemplates.com/preview/counterstrike/images/navmenu_bg_bot.gif') no-repeat 0% 100%; font-size: 1.15em; font-weight: bold; } #navmenu_b { padding: 15px 0px; width: 166px; background: url('http://www.freewebsitetemplates.com/preview/counterstrike/images/navmenu_bg_top.gif') no-repeat 0% 0%; } #navmenu_c { color: inherit; background-color: #6d6845; border-left: #fff 6px solid; } #navmenu a { text-decoration: none; text-transform: uppercase; } #navmenu li { border-top: #fff 1px solid; } #navmenu li a { display: block; padding: 5px 0px; width: 160px; } #navmenu li a:hover { color: inherit; background-color: #989160 } #navmenu li.list_first { border-top: none; } /* ++++++++++++++++++++ Page Footer ++++++++++++++++++++ */ #page_footer { padding: 20px 0px; font-size: 0.9em; font-weight: bold; }

Ana Menü

Webmaster

Google

Bilgisayar

Eğlence

Dinimiz İslam

Css Tasarımlar

Photoshop

Messenger

Atatürk

Sağlık