herseyinbasi

Tasarım Üzerine ;

<!-- wrap starts here --> <div id="wrap"> <!--header --> <div id="header"> <h1 id="logo-text"><a href="index.html" _fcksavedurl="index.html" _fcksavedurl="index.html" _fcksavedurl="index.html"></a></h1><p id="slogan"></p><div id="header-links"></p> </div> </div> <!-- menu --> <div id="menu"> <div align="center"> <table border="0" align="center" cellpadding="10" cellspacing="0"> <tr> <td> <ul> <li><a href="http://turkey-amasya.tr.gg/" _fcksavedurl="http://turkey-amasya.tr.gg/" _fcksavedurl="http://turkey-amasya.tr.gg/" _fcksavedurl="http://turkey-amasya.tr.gg/">Ana Sayfa</a></li> </ul></td> <td> <ul> <li><a href="http://turkey-amasya.tr.gg/Hakkimizda.htm" _fcksavedurl="http://turkey-amasya.tr.gg/Hakkimizda.htm" _fcksavedurl="http://turkey-amasya.tr.gg/Hakkimizda.htm" _fcksavedurl="http://turkey-amasya.tr.gg/Hakkimizda.htm">Hakkımızda</a></li> </ul></td> <td> <ul> <li><a href="http://turkey-amasya.tr.gg/Forum.htm" _fcksavedurl="http://turkey-amasya.tr.gg/Forum.htm" _fcksavedurl="http://turkey-amasya.tr.gg/Forum.htm" _fcksavedurl="http://turkey-amasya.tr.gg/Forum.htm">Forum</a></li> </ul></td> <td> <ul> <li><a href="http://turkey-amasya.tr.gg/Toplist.htm" _fcksavedurl="http://turkey-amasya.tr.gg/Toplist.htm" _fcksavedurl="http://turkey-amasya.tr.gg/Toplist.htm" _fcksavedurl="http://turkey-amasya.tr.gg/Toplist.htm">Toplist</a></li> </ul></td> <td> <ul> <li><a href="http://turkey-amasya.tr.gg/Ziyaretci-defteri.htm" _fcksavedurl="http://turkey-amasya.tr.gg/Ziyaretci-defteri.htm" _fcksavedurl="http://turkey-amasya.tr.gg/Ziyaretci-defteri.htm" _fcksavedurl="http://turkey-amasya.tr.gg/Ziyaretci-defteri.htm">Ziyaretçi Defteri</a></li> </ul></td> <td> <ul> <li><a href="http://turkey-amasya.tr.gg/Anketler.htm" _fcksavedurl="http://turkey-amasya.tr.gg/Anketler.htm" _fcksavedurl="http://turkey-amasya.tr.gg/Anketler.htm" _fcksavedurl="http://turkey-amasya.tr.gg/Anketler.htm">Anketler</a></li> </ul></td> <td> <ul> <li><a href="http://turkey-amasya.tr.gg/Destek-Olun.htm" _fcksavedurl="http://turkey-amasya.tr.gg/Destek-Olun.htm" _fcksavedurl="http://turkey-amasya.tr.gg/Destek-Olun.htm" _fcksavedurl="http://turkey-amasya.tr.gg/Destek-Olun.htm">Sitemize Destek Olun</a></li> </ul></td> </tr> </table> </div> <ul> </ul> </div> <!-- content-wrap starts here --> <div id="content-wrap"> <div id="sidebar"> <div class="left-box"> <p class="align-right"></p> </div> </div></body></html></body></html>

Tasarım Altına ;

<!-- content-wrap ends here --> </div> <!--footer starts here--> <div id="footer"> </div> <!-- wrap ends here --> </div> <a href="http://turkey-amasya.tr.gg" _fcksavedurl="http://turkey-amasya.tr.gg"><img class="" border="0" alt="" src="https://img.webme.com/pic/t/turkey-amasya/intro_banner.gif" _fcksavedurl="https://img.webme.com/pic/t/turkey-amasya/intro_banner.gif" /></a></body></html></body></html>

 Css Kod Yerine ;

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;} table iframe { margin-left: 150px } lli.nav_element{display: none;} li.nav_element a{display: none;} 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;} /* Top Elements */ * { margin: 0; padding: 0; outline: 0 } body { background-image:url(buraya);background-color:#ffffff; font: 70%/1.5em Verdana, Tahoma, arial, sans-serif; color: #555; text-align: center; } /* links */ a, a:visited { text-decoration: none; color: #2180BC; background: inherit; } a:hover { color: #88ac0b; background: inherit; text-decoration: underline; } /* headers */ h1, h2, h3 { font-family: 'Trebuchet MS', Tahoma, Sans-serif; } h1 { font-size: 150%; font-weight: normal; color: #cccccc; } h2 { font-size: 140%; text-transform: uppercase; color: #cccccc; } h3 { font-size: 120%; color: #cccccc; } h1, h2, h3, p { padding: 10px; margin: 0; } ul, ol { margin: 5px 20px; padding: 0 20px; } /******************************************** Design ********************************************/ #wrap { width: 800px; background: url(https://img.webme.com/pic/f/fakedesign/ake3.png) repeat-y center top; margin: 0 auto; text-align: left; } #content-wrap { clear: both; width: 760px; padding: 0; margin: 10px auto; } #header { width: 800px; position: relative; height: 150px; background: #fff url(https://img.webme.com/pic/t/turkey-amasya/baslikresimlerim.png) no-repeat center top; padding: 0; } #header h1#logo-text a { position: absolute; margin: 0; padding: 0; font: bolder 44px 'Trebuchet MS', Arial, Sans-serif; letter-spacing: -2px; color: #FFF; text-transform: none; text-decoration: none; background: transparent; /* change the values of top and left to adjust the position of the logo*/ top: 25px; left: 47px; } #header p#slogan { position: absolute; margin: 0; padding: 0; font: normal 12px 'Trebuchet MS', Arial, Sans-serif; text-transform: none; color: #FFF; /* change the values of top and left to adjust the position of the slogan*/ top: 70px; left: 55px; } /* header links */ #header #header-links { position: absolute; top: 20px; right: 30px; color: #ffffff; font-size: 10px; } #header #header-links a { color: #FFF; text-decoration: none; } #header #header-links a:hover { color: #000000; } /* Menu */ #menu { clear: both; margin: 0 auto; padding: 0; background: url(https://img.webme.com/pic/f/fakedesign/ake22.png) repeat-x 0 0; font: bold 12px/37px Verdana, Arial, Tahoma, Sans-serif; height: 38px; width: 800px; } #menu ul { float: right; list-style: none; margin:0; padding: 0; } #menu ul li { display: inline; } #menu ul li a { display: block; float: left; padding: 0 12px; color: #000000; text-decoration: none; } #menu ul li.last a { padding-right: 20px; } #menu ul li a:hover { color: #cccccc; } #menu ul li#current a { color: #bc0303; } /* Main Column */ #main { float: left; width: 70%; padding: 0; margin: 0px 0 0 5px; display: inline; } #main h2 { margin-top: 30px; font: Bold 140% 'Trebuchet MS', Tahoma, Sans-serif; color: #88ac0b; padding: 5px 0 5px 25px; border-bottom: 1px solid #EFF0F1; background: #FFF none no-repeat 3px 50%; text-transform: none; } #main h2 a { background: none; color: #88ac0b; text-decoration: none; } #main ul li { list-style-image: none; } .post-footer { background-color: #FAFAFA; padding: 5px; margin: 20px 10px 10px 10px; border: 1px solid #f2f2f2; font-size: 95%; } .post-footer .date { background: none no-repeat left center; padding-left: 20px; margin: 0 10px 0 5px; } .post-footer .comments { background: none no-repeat left center; padding-left: 20px; margin: 0 10px 0 5px; } .post-footer .readmore { background: none no-repeat left center; padding-left: 20px; margin: 0 10px 0 5px; } /* Sidebar */ #sidebar { float: right; width: 26.5%; padding: 0; margin: 0; color: #000; } #sidebar h3 { margin-top: 10px; padding: 20px 20px; font: bold 1.4em 'Trebuchet MS', Tahoma, Sans-serif; color: #bc0303; } #sidebar ul.sidemenu { list-style: none; text-align: left; margin: 7px 4px 8px 0; padding: 0; text-decoration: none; background: none repeat-x left top; } #sidebar ul.sidemenu li { list-style: none; background: none repeat-x left bottom; padding: 4px 0 4px 5px; margin: 0 20px; color: #bc0303; } * html body #sidebar ul.sidemenu li { height: 1%; } #sidebar ul.sidemenu li a { text-decoration: none; background-image: none; color: #666666; } #sidebar ul.sidemenu li a:hover { color: #1773BC; } #sidebar ul.sidemenu ul { margin: 0 0 0 5px; padding: 0; } #sidebar ul.sidemenu ul li { background: none; } /* Footer */ #footer { color: #C6DDEE; background: url(https://img.webme.com/pic/f/fakedesign/nazar3.png) no-repeat center top; clear: both; width: 800px; height: 170px; text-align: center; font-size: 92%; } #footer a { color: #FFF; text-decoration: none; } /* alignment classes */ .float-left { float: left; } .float-right { float: right; } .align-left { text-align: left; } .align-right { text-align: right; } /* display and additional classes */ .clear { clear:</body></html></body></html>

 

RESMİN ORJİNAL BOYUTUNU GÖRMEK İÇİN RESMİN ÜZERİNE TIKLAYINIZ...



TASARIMIN ÜSTÜ :

RESMİN ORJİNAL BOYUTUNU GÖRMEK İÇİN RESMİN ÜZERİNE TIKLAYINIZ...


TASARIMIN ÜSTÜ :

</div> </td> </tr> </tbody> </table> </td> <td colspan="3"><a href="http://www.webexpernet.tr.gg" _fcksavedurl="http://www.webexpernet.tr.gg"><img height="415" width="238" border="0" src="https://img.webme.com/pic/w/webexpernet/m_09.png" _fcksavedurl="https://img.webme.com/pic/w/webexpernet/m_09.png" alt="" /></a></td> </tr> <tr> <td colspan="7"><img height="70" width="1032" border="0" src="https://img.webme.com/pic/w/webexpernet/m_10.png" _fcksavedurl="https://img.webme.com/pic/w/webexpernet/m_10.png" alt="" /></td> </tr> <tr> <td><img height="1" width="195" alt="" src="https://img.webme.com/pic/w/webexpernet/spacer.gif" _fcksavedurl="https://img.webme.com/pic/w/webexpernet/spacer.gif" /></td> <td><img height="1" width="213" alt="" src="https://img.webme.com/pic/w/webexpernet/spacer.gif" _fcksavedurl="https://img.webme.com/pic/w/webexpernet/spacer.gif" /></td> <td><img height="1" width="217" alt="" src="https://img.webme.com/pic/w/webexpernet/spacer.gif" _fcksavedurl="https://img.webme.com/pic/w/webexpernet/spacer.gif" /></td> <td><img height="1" width="161" alt="" src="https://img.webme.com/pic/w/webexpernet/spacer.gif" _fcksavedurl="https://img.webme.com/pic/w/webexpernet/spacer.gif" /></td> <td><img height="1" width="13" alt="" src="https://img.webme.com/pic/w/webexpernet/spacer.gif" _fcksavedurl="https://img.webme.com/pic/w/webexpernet/spacer.gif" /></td> <td><img height="1" width="39" alt="" src="https://img.webme.com/pic/w/webexpernet/spacer.gif" _fcksavedurl="https://img.webme.com/pic/w/webexpernet/spacer.gif" /></td> <td><img height="1" width="186" alt="" src="https://img.webme.com/pic/w/webexpernet/spacer.gif" _fcksavedurl="https://img.webme.com/pic/w/webexpernet/spacer.gif" /></td> </tr> </tbody> </table>

CSS :

---

RESMİN ORJİNAL BOYUTUNU GÖRMEK İÇİN RESMİN ÜZERİNE TIKLAYINIZ...

TASARIMIN ÜSTÜ :

<!-- ImageReady Slices (bedavatsrm.png) --> <table height="769" width="1024" cellspacing="0" cellpadding="0" border="0" id="Table_01"> <tbody> <tr> <td colspan="6"><img height="210" width="1024" border="0" alt="" src="https://img.webme.com/pic/w/webexpernet/b_01.png" _fcksavedurl="https://img.webme.com/pic/w/webexpernet/b_01.png" /></td> </tr> <tr> <td><img height="48" width="160" border="0" alt="" src="https://img.webme.com/pic/w/webexpernet/b_02.png" _fcksavedurl="https://img.webme.com/pic/w/webexpernet/b_02.png" /></td> <td><img height="48" width="230" border="0" alt="" src="https://img.webme.com/pic/w/webexpernet/b_03.png" _fcksavedurl="https://img.webme.com/pic/w/webexpernet/b_03.png" /></td> <td><img height="48" width="220" border="0" alt="" src="https://img.webme.com/pic/w/webexpernet/b_04.png" _fcksavedurl="https://img.webme.com/pic/w/webexpernet/b_04.png" /></td> <td colspan="2"><img height="48" width="231" border="0" alt="" src="https://img.webme.com/pic/w/webexpernet/b_05.png" _fcksavedurl="https://img.webme.com/pic/w/webexpernet/b_05.png" /></td> <td><img height="48" width="183" border="0" alt="" src="https://img.webme.com/pic/w/webexpernet/b_06.png" _fcksavedurl="https://img.webme.com/pic/w/webexpernet/b_06.png" /></td> </tr> <tr> <td colspan="4"> <table cellspacing="0" cellpadding="0" border="0" background="https://img.webme.com/pic/w/webexpernet/b_07.png"> <tbody> <tr> <td valign="top"> <div style="padding: 4px; overflow: auto; width: 828px; height: 458px;">

TASARIMIN ALTI : </div> </td> </tr> </tbody> </table> </td> <td colspan="2"><img height="458" width="196" border="0" alt="" src="https://img.webme.com/pic/w/webexpernet/b_08.png" _fcksavedurl="https://img.webme.com/pic/w/webexpernet/b_08.png" /></td> </tr> <tr> <td colspan="6"><img height="52" width="1024" border="0" alt="" src="https://img.webme.com/pic/w/webexpernet/b_09.png" _fcksavedurl="https://img.webme.com/pic/w/webexpernet/b_09.png" /></td> </tr> <tr> <td><img height="1" width="160" src="https://img.webme.com/pic/w/webexpernet/spacer.gif" _fcksavedurl="https://img.webme.com/pic/w/webexpernet/spacer.gif" alt="" /></td> <td><img height="1" width="230" src="https://img.webme.com/pic/w/webexpernet/spacer.gif" _fcksavedurl="https://img.webme.com/pic/w/webexpernet/spacer.gif" alt="" /></td> <td><img height="1" width="220" src="https://img.webme.com/pic/w/webexpernet/spacer.gif" _fcksavedurl="https://img.webme.com/pic/w/webexpernet/spacer.gif" alt="" /></td> <td><img height="1" width="218" src="https://img.webme.com/pic/w/webexpernet/spacer.gif" _fcksavedurl="https://img.webme.com/pic/w/webexpernet/spacer.gif" alt="" /></td> <td><img height="1" width="13" src="https://img.webme.com/pic/w/webexpernet/spacer.gif" _fcksavedurl="https://img.webme.com/pic/w/webexpernet/spacer.gif" alt="" /></td> <td><img height="1" width="183" src="https://img.webme.com/pic/w/webexpernet/spacer.gif" _fcksavedurl="https://img.webme.com/pic/w/webexpernet/spacer.gif" alt="" /></td> </tr> </tbody> </table> <!-- End ImageReady Slices -->

CSS :
table {margin-left: auto;margin-right: auto} h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;}

Tasarımın Üstüne

<link type="text/css" rel="stylesheet" href="http://voxcast.oyunlar1.com/voxcast/oyunlar.css" /> <script src="http://voxcast.oyunlar1.com/voxcast/listcss.js" type="text/javascript"></script> <link href="http://voxcast.oyunlar1.com/voxcast/favicon.ico" rel="SHORTCUT ICON"></link> <meta name="verify-v1" content="2YXHsoUbDxRC/smLr5gmrZVp6fj3xyYmP4MHd3lzVu4=" /> </head> <body><table width="100%" border="0" cellpadding="0" cellspacing="0" class="bg" bgcolor="#005594"> <tr> <td width="6"> </td> <td width="210"><a href="http://bedavasitem.forum.st/"><img src="http://voxcast.oyunlar1.com/voxcast/logo.gif" alt="OYUNLAR 1" title="OYUNLAR 1" width="200" height="30" border="0" /></a></td> <td width="220" ><form action="http://bedavasitem.forum.st//ara.php" style="padding:0px; margin:0px;"> <input name="ara" type="text" class="search" id="ara" /> <input name="submit" type="submit" class="button2" value="ARA" /> </form> </td> <td align="right" valign="middle" ><h2>OYUNLAR 1 oyun</h2></td> <td width="120" align="center"><a href="http://bedavasitem.forum.st/" title="Games"><img src="http://voxcast.oyunlar1.com/voxcast/english.jpg" alt="Oyunlar 1 Games" width="20" height="15" border="0" /></a> <a href="http://bedavasitem.forum.st/" title="Juegos"><img src="http://voxcast.oyunlar1.com/voxcast/es.gif" alt="Oyunlar 1 Juegos" width="20" height="15" border="0" /></a> <a href="http://bedavasitem.forum.st/" title="Spiele"><img src="http://voxcast.oyunlar1.com/voxcast/de.jpg" alt="Oyunlar 1 Spiele" width="20" height="15" border="0" /></a> <a href="http://www.oyunlar1.com" title="Oyunlar"><img src="http://voxcast.oyunlar1.com/voxcast/turkish.jpg" alt="Oyunlar 1 Oyun" width="20" height="15" border="0" /></a></td> </tr> </table> <table width="100%" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#8CBAE7"> <tr> <td height="1" colspan="3" align="center" valign="top" bgcolor="#000000"></td> </tr> <tr> <td height="4" colspan="3"></td> </tr> <tr> <td width="150" align="center" valign="top"> <div class="bord" style="width:140px; background-color:#CDE1F5" align="left"> <a href="http://www.oyunlar1.com" class="menulink">Yeni OYUNLAR</a> <a href="http://bedavasitem.forum.st/" class="menulink"> Araba Yarış Oyunları</a> <a href="http://www.oyunlar1.com/barbieoyunlari.htm" class="menulink"> Barbie Oyunları</a> <a href="http://bedavasitem.forum.st/basketbol.htm" class="menulink"> Basketbol Oyunları</a> <a href="http://www.oyunlar1.com/beceri.htm" class="menulink"> Beceri Oyunları</a> <a href="http://bedavasitem.forum.st//bilardo.htm" class="menulink"> Bilardo Oyunları</a> <a href="http://www.oyunlar1.com/boyamaoyunlari.htm" class="menulink"> Boyama Oyunları</a> <a href="http://www.oyunlar1.com/cizgifilm.htm" class="menulink"> Çizgi film Oyunları</a> <a href="http://www.oyunlar1.com/cocuk.htm" class="menulink"> Çocuk Oyunları</a> <a href="http://www.oyunlar1.com/dovus.htm" class="menulink"> Dövüş Oyunları</a> <a href="http://www.oyunlar1.com/eski.htm" class="menulink"> Eski Oyunlar</a> <a href="http://www.oyunlar1.com/futbol.htm" class="menulink"> Futbol Oyunları</a> <a href="http://www.oyunlar1.com/giysi.htm" class="menulink"> Giysi Giydirme Oyunları</a> <a href="http://www.oyunlar1.com/kagit.htm" class="menulink"> Kağıt Oyunları</a> <a href="http://www.oyunlar1.com/komik.htm" class="menulink"> Komik Oyunlar</a> <a href="http://www.oyunlar1.com/macera.htm" class="menulink"> Macera Oyunları</a> <a href="http://www.oyunlar1.com/makyaj.htm" class="menulink"> Makyaj Oyunları</a> <a href="http://www.oyunlar1.com/manken.htm" class="menulink"> Manken Oyunları</a> <a href="http://www.oyunlar1.com/mario.htm" class="menulink"> Mario Oyunları</a> <a href="http://www.oyunlar1.com/mini.htm" class="menulink"> Mini Oyunlar</a> <a href="http://www.oyunlar1.com/motor.htm" class="menulink"> Motor Oyunları</a> <a href="http://www.oyunlar1.com/muzik.htm" class="menulink"> Müzik Oyunları</a> <a href="http://www.oyunlar1.com/nisan.htm" class="menulink"> Nişan Oyunları</a> <a href="http://www.oyunlar1.com/oda.htm" class="menulink"> Oda Oyunları</a> <a href="http://www.oyunlar1.com/savas.htm" class="menulink"> Savaş Oyunları</a> <a href="http://www.oyunlar1.com/spor.htm" class="menulink"> Spor Oyunları</a> <a href="http://www.oyunlar1.com/ucak.htm" class="menulink"> Uçak Oyunları</a> <a href="http://www.oyunlar1.com/yemek.htm" class="menulink"> Yemek Oyunları</a> <a href="http://www.oyunlar1.com/zeka.htm" class="menulink"> Zeka Oyunları</a></div> <div class="bord" style="width:140px;" align="left"> <a href="http://www.oyunlar1.com/cepoyunlari.htm" class="menulink">Cep Oyunları</a> </div> </td> <td align="center" valign="top" bgcolor="#8CBAE7"> <table width="99%" border="0" align="center" bgcolor="#CDE1F5" class="bord"> <tr> <td align="center" valign="top">

Tasarımın Altına

</td> </tr> <tr> <td align="center"></td> </tr> </table> <br /> </td> <td align="center" valign="top"> <iframe frameborder="0" width="160" height="600" src="http://www.oyunlar1.com/right.php?home=1" scrolling="no"></iframe> <div style="width:160px;"></div> <br /> </td> </tr> </table> <table width="100%" class="bg" bgcolor="#005594" cellpadding="5"> <tr> <td width="10%" height="1" valign="bottom"><a href="http://www.oyunlar1.com/oyuncu.htm" class="hid">iletişim</a></td> <td width="89%" height="1" align="right" valign="bottom" class="hid">Copyright © 2006-2009 Tüm hakları saklıdır. <a href="http://www.oyunlar1.com" class="hid">OYUNLAR 1</a> <a href="http://www.oyunlar1.com/oyun.htm" class="hid">oyun</a> </td> </tr> </table> <script src="http://www.google-analytics.com/urchin.js" type="text/javascript"> </script> <script type="text/javascript" > _uacct = "UA-824683-1"; urchinTracker(); </script> </body> </html> www.bedavasitem.forum.st

Css Koduna

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;} table {margin-left: auto;margin-right: auto}

Tasarımın Üstüne :
<div id="main_container"> <div class="top_bar"> <div class="top_search"> <div class="search_text"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Advanced Search</a></div> <input type="text" class="search_input" name="search" /> <input type="image" src="images/search.gif" class="search_bt"/> </div> </div> <div id="header"> <div id="logo"> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/"><img src="images/logo.png" _fcksavedurl="images/logo.png" alt="" border="0" width="237" height="140" /></a> </div> <div class="oferte_content"> <div class="top_divider"><img src="images/header_divider.png" _fcksavedurl="images/header_divider.png" alt="" width="1" height="164" /></div> <div class="top_divider"><img src="images/header_divider.png" _fcksavedurl="images/header_divider.png" alt="" width="1" height="164" /></div> </div> <!-- end of oferte_content--> </div> <div id="main_content"> <div id="menu_tab"> <div class="left_menu_corner"></div> <ul class="menu"> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" class="nav1"> Ana Sayfa</a></li> <li class="divider"></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" class="nav2">Html Kod</a></li> <li class="divider"></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" class="nav3">Template</a></li> <li class="divider"></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" class="nav4">Toplist</a></li> <li class="divider"></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" class="nav4">Css Kod</a></li> <li class="divider"></li> <li><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/" class="nav5">Ziyaretci Def</a></li> <li class="divider"></li> <li><a href="contact.html" _fcksavedurl="contact.html" class="nav6">İletişim</a></li> <li class="divider"></li> <li class="currencies"></li> </ul> <div class="right_menu_corner"></div> </div> <!-- end of menu tab --> <div class="crumb_navigation"> Navigation: <span class="current">Home</span> </div> <div class="left_content"> <div class="title_box">Categories</div> <ul class="left_menu"> <li class="odd"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Processors</a></li> <li class="even"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Motherboards</a></li> <li class="odd"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Desktops</a></li> <li class="even"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Laptops & Notebooks</a></li> <li class="odd"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Processors</a></li> <li class="even"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Motherboards</a></li> <li class="odd"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Processors</a></li> <li class="even"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Motherboards</a></li> <li class="odd"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Desktops</a></li> <li class="even"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Laptops & Notebooks</a></li> <li class="odd"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Processors</a></li> <li class="even"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Motherboards</a></li> <li class="odd"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Processors</a></li> <li class="even"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Motherboards</a></li> <li class="odd"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Processors</a></li> <li class="even"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Motherboards</a></li> <li class="odd"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Processors</a></li> <li class="even"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Motherboards</a></li> <li class="odd"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Processors</a></li> <li class="even"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Motherboards</a></li> <li class="odd"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Desktops</a></li> <li class="even"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Laptops & Notebooks</a></li> <li class="odd"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Processors</a></li> <li class="even"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Motherboards</a></li> <li class="odd"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Processors</a></li> <li class="even"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Motherboards</a></li> <li class="odd"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Desktops</a></li> <li class="even"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Laptops & Notebooks</a></li> <li class="odd"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Processors</a></li> <li class="even"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Motherboards</a></li> <li class="odd"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Processors</a></li> <li class="even"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Motherboards</a></li> <li class="odd"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Processors</a></li> <li class="even"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Motherboards</a></li> <li class="odd"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Processors</a></li> <li class="even"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Motherboards</a></li> <li class="odd"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Processors</a></li> </ul> <div class="title_box">Special Products</div> <div class="border_box"></div> </div> <!-- end of left content --> <div class="center_content">


Tasarımın Altına :

 

 

 

 

</div> <!-- end of center content --> <div class="right_content"> <div class="title_box">Karışık Html Kodları</div> <ul class="left_menu"> <li class="odd"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Sony</a></li> <li class="even"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Samsung</a></li> <li class="odd"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Daewoo</a></li> <li class="even"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">LG</a></li> <li class="odd"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Fujitsu Siemens</a></li> <li class="even"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Motorola</a></li> <li class="odd"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Phillips</a></li> <li class="even"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Beko</a></li> <li class="odd"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Sony</a></li> <li class="even"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Samsung</a></li> <li class="odd"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Daewoo</a></li> <li class="even"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">LG</a></li> <li class="odd"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Fujitsu Siemens</a></li> <li class="even"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Motorola</a></li> <li class="odd"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Phillips</a></li> <li class="even"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Beko</a></li> <li class="odd"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Sony</a></li> <li class="even"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Samsung</a></li> <li class="odd"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Daewoo</a></li> <li class="even"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">LG</a></li> <li class="odd"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Fujitsu Siemens</a></li> <li class="even"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Motorola</a></li> <li class="odd"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Phillips</a></li> <li class="even"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Beko</a></li> <li class="odd"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Fujitsu Siemens</a></li> <li class="even"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Motorola</a></li> <li class="odd"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Phillips</a></li> <li class="even"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Beko</a></li> <li class="odd"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Sony</a></li> <li class="even"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Samsung</a></li> <li class="odd"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Daewoo</a></li> <li class="even"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">LG</a></li> <li class="odd"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Fujitsu Siemens</a></li> <li class="even"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Motorola</a></li> <li class="odd"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Phillips</a></li> <li class="even"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Beko</a></li> <li class="odd"><a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">Fujitsu Siemens</a></li> </ul> <div class="banner_adds"></div> </div> <!-- end of right content --> </div> <!-- end of main content --> <div class="footer"> <div class="right_footer"> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">home</a> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">about</a> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">sitemap</a> <a href="http://www.free-css.com/" _fcksavedurl="http://www.free-css.com/">rss</a> <a href="contact.html" _fcksavedurl="contact.html">contact us</a> </div> </div> </div> <!-- end of main_container -->

Css Bölümüne :

 

table {margin-left: auto;margin-right: auto} h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} body { background:url(https://img.webme.com/pic/c/capkin-power/bggm.jpg) no-repeat #fff center top; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:11px; margin:0px auto auto auto; color:#000; } p{ padding:2px; margin:0px; } #main_container{ width:1000px; height:auto; margin:auto; padding:0px; } .top_bar{ width:1000px; height:38px; background-color:#4a4a4a; } .top_search{ width:370px; height:32px; margin:0px 20px 0 0; _margin:0px 10px 0 0; float:right; background:url(https://img.webme.com/pic/c/capkin-power/top_search_bg.gif) no-repeat center; } input.search_input{ width:182px; height:18px; float:left; margin:5px 0 0 0 ; border:1px solid #dbdbdb; border-bottom-color:#ffffff; border-right-color:#ffffff; } .search_text{ float:left; width:110px; padding:8px 0 0 15px; color:#999999; } .search_text a{ text-decoration:none; color:#999999; } .search_bt{ float:left; padding:2px 0 0 15px; } .languages{ float:right; width:150px; padding:8px 0 0 0; } .lang_text{ float:left; padding:0 5px 0 0; color:#b3adad; } a.lang{ display:block; float:left; padding:0 5px 0 5px; } #header{ width:1000px; height:173px; background:url(https://img.webme.com/pic/c/capkin-power/header_bg.jpg) no-repeat center; background-position:0px 0px; margin:auto; } #logo{ float:left; padding:15px; } /*------------------------------oferte_content-----------------------*/ .oferte_content{ width:600px; height:164px; float:left; padding:0 0 0 50px; } .top_divider{ float:left; width:1px; height:164px; } .oferta{ width:538px; float:left; padding:15px 30px 0 30px; } .oferta_img{ float:left; padding:0 0 10px 0; } .oferta_title{ font-size:15px; color:#b72c24; font-weight:bold; } .oferta_details{ width:400px; float:left; padding:0 0 0 30px; } .oferta_text{ padding:5px 0 5px 0; font-size:12px; color:#FFFFFF; text-align:justify; line-height:15px; } a.details{ width:83px; height:21px; display:block; float:right; margin:5px 0 0 0; padding-left:5px; background:url(https://img.webme.com/pic/c/capkin-power/details_bt_bg.gif) no-repeat center; text-align:center; line-height:21px; text-decoration:none; color:#000000; } /*---------------------oferta_pagination-----------------------------*/ div.oferta_pagination { clear:both; padding:10px 0 0 0; _padding:0px 0 0 0; margin:5px; text-align:center; float:left; font-size:10px; } div.oferta_pagination a { width:22px; height:22px; display:block; float:left; margin:0 0 0 5px; _margin:0 0 0 3px; line-height:23px; text-align:center; background:url(https://img.webme.com/pic/c/capkin-power/pag_bg.gif) no-repeat center; text-decoration:none; color:#9d8b8b; } div.oferta_pagination a:hover, div.pagination a:active { width:22px; height:22px; display:block; float:left; line-height:23px; text-align:center; background:url(https://img.webme.com/pic/c/capkin-power/pag_bg_a.gif) no-repeat center; text-decoration:none; color:#ad1614; } div.oferta_pagination span.current { width:22px; height:22px; display:block; float:left; line-height:23px; text-align:center; background:url(https://img.webme.com/pic/c/capkin-power/pag_bg_a.gif) no-repeat center; text-decoration:none; color:#ad1614; } #main_content{ clear:both; } /*---------------- menu tab----------------------*/ #menu_tab{ width:1000px; height:50px; background-color:#fff; } .left_menu_corner{ width:9px; height:50px; float:left; background:url(https://img.webme.com/pic/c/capkin-power/menu_left.gif) no-repeat center; } .right_menu_corner{ width:9px; height:50px; float:left; background:url(https://img.webme.com/pic/c/capkin-power/menu_right.gif) no-repeat center; } ul.menu { list-style-type:none; float:left; display:block; width:982px; margin:0px; padding:0px;background:url(https://img.webme.com/pic/c/capkin-power/menu_bg.gif) repeat-x;} ul.menu li { display:inline; font-size:11px; font-weight:bold; line-height:50px; } ul.menu li.divider { display:inline; width:2px; height:50px; float:left; background:url(https://img.webme.com/pic/c/capkin-power/menu_divider.gif) no-repeat center; } a.nav1:link, a.nav1:visited { display:block; float:left; padding:0px 8px 0px 22px; margin:0 14px 0 14px;height:50px;text-decoration:none; background:url(https://img.webme.com/pic/c/capkin-power/home.png) no-repeat left; color:#676d77;} a.nav2:link, a.nav2:visited { display:block; float:left; padding:0px 8px 0px 22px; margin:0 14px 0 14px;height:50px;text-decoration:none; background:url(https://img.webme.com/pic/c/capkin-power/services.png) no-repeat left; color:#676d77;} a.nav3:link, a.nav3:visited { display:block; float:left; padding:0px 8px 0px 22px; margin:0 14px 0 14px;height:50px;text-decoration:none; background:url(https://img.webme.com/pic/c/capkin-power/favs.png) no-repeat left; color:#676d77;} a.nav4:link, a.nav4:visited { display:block; float:left; padding:0px 8px 0px 22px; margin:0 14px 0 14px;height:50px;text-decoration:none; background:url(https://img.webme.com/pic/c/capkin-power/user_add.png) no-repeat left; color:#676d77;} a.nav5:link, a.nav5:visited { display:block; float:left; padding:0px 8px 0px 22px; margin:0 14px 0 14px;height:50px;text-decoration:none; background:url(https://img.webme.com/pic/c/capkin-power/car.png) no-repeat left; color:#676d77;} a.nav6:link, a.nav6:visited { display:block; float:left; padding:0px 8px 0px 22px; margin:0 14px 0 14px;height:50px;text-decoration:none; background:url(https://img.webme.com/pic/c/capkin-power/contact-new.png) no-repeat left; color:#676d77;} a.nav1:hover, a.nav2:hover, a.nav3:hover, a.nav4:hover, a.nav5:hover, a.nav6:hover { color:#333333;} li.currencies{ width:180px; float:left; padding:0 0 0 15px; _padding:12px 0 0 15px; color:#676d77; font-size:11px; font-weight:bold; } /*----------------crumb_navigation-------------*/ .crumb_navigation{ width:980px; height:15px; padding:5px 10px 0 20px; color:#333333; background:url(https://img.webme.com/pic/c/capkin-power/navbullet.png) no-repeat left; background-position:5px 6px; } .crumb_navigation a{ color:#0fa0dd; text-decoration:underline; } span.current{ color:#0fa0dd; } /*-------------left_content------------------*/ .left_content{ width:196px; float:left; } .title_box{ width:196px; height:30px; margin:5px 0 0 0; background:url(https://img.webme.com/pic/c/capkin-power/menu_title_bg.gif) no-repeat center; text-align:center; font-size:13px; font-weight:bold; color:#fff; line-height:30px; } /*--------left menu---------*/ ul.left_menu{ width:196px; padding:0px; margin:0px; list-style:none; } ul.left_menu li{ margin:0px; list-style:none; } ul.left_menu li.odd a{ width:166px;height:25px;display:block;background:url(https://img.webme.com/pic/c/capkin-power/checked.png) no-repeat left #dad0d0; background-position:5px 5px;border-bottom:1px #FFFFFF solid; text-decoration:none;color:#504b4b;padding:0 0 0 30px; line-height:25px; } ul.left_menu li.even a{ width:166px;height:25px;display:block;background:url(https://img.webme.com/pic/c/capkin-power/checked.png) no-repeat left #eee6e6;background-position:5px 5px;border-bottom:1px #FFFFFF solid; text-decoration:none;color:#504b4b;padding:0 0 0 30px; line-height:25px; } ul.left_menu li.even a:hover, ul.left_menu li.odd a:hover{ background:url(https://img.webme.com/pic/c/capkin-power/checked.png) no-repeat left #7bbcc7; color:#FFFFFF;background-position:5px 5px; } .border_box{ width:194px; height:auto; text-align:center; border:1px #6da6b1 solid; } .product_title{ color:#ea2222; padding:5px 0 5px 0; font-weight:bold; } .product_title a{ text-decoration:none; color:#ea2222; padding:5px 0 5px 0; font-weight:bold; } .product_title a:hover{ color:#064E5A; } .product_img{ padding:5px 0 5px 0; } .prod_price{ padding:5px 0 5px 0; } span.reduce{ color:#999999; text-decoration:line-through; } span.price{ color:#ea2222; } /*----------newsletter--------------*/ input.newsletter_input{ width:160px; height:16px; border:1px #ddd9d9 solid; margin:10px 0 5px 0; font-size:12px; padding:3px; color:#999999; } a.join{ width:17px; display:block; margin:5px 0 5px 140px; _margin:5px 0 5px 130px; background:url(https://img.webme.com/pic/c/capkin-power/blue-add.png) no-repeat left; padding:0 0 0 20px; text-decoration:none; color:#1c4a52; } .banner_adds{ width:194px; text-align:center; padding:10px 0 10px 0; } /*center content--------------------------*/ .center_content{ width:585px; float:left; padding:5px 10px; } .center_title_bar{ width:520px; height:33px; float:left; padding:0 0 0 40px; margin:0 0 0 12px; _margin:0 0 0 6px; line-height:33px; font-size:12px; color:#847676; font-weight:bold; background: none no-repeat center; } /*----------------------right content--------------*/ .right_content{ width:196px; float:left; padding:5px 0 0 0; } .shopping_cart{ width:195px; height:84px; text-align:center; background:url(https://img.webme.com/pic/c/capkin-power/cart_bg.gif) no-repeat center; } .cart_title{ font-size:12px; font-size:12px; color:#847676; font-weight:bold; padding:8px 0 0 0; } .cart_details{ width:115px; float:left; padding:5px 0 0 15px; text-align:left; } .cart_icon{ float:left; padding:5px 0 0 5px; } span.border_cart{ width:100px; height:1px; margin:3px 0 3px 0; display:block; border-top:1px #999999 dashed; } /*---------prod_box----------*/ .prod_box{ width:173px; height:auto; float:left; padding:10px 10px 10px 11px; } .top_prod_box{ width:173px;height:12px;background:url(https://img.webme.com/pic/c/capkin-power/product_box_top.gif) no-repeat center bottom;float:left; padding:0px; margin:0px; } .bottom_prod_box{ width:173px;height:10px;background:url(https://img.webme.com/pic/c/capkin-power/product_box_bottom.gif) no-repeat center top;float:left;padding:0px; margin:0px; } .center_prod_box{ width:173px;height: auto;background:url(https://img.webme.com/pic/c/capkin-power/product_box_center.gif) repeat-y;float:left; text-align:center;padding:0px; margin:0px; } .prod_details_tab{ width:173px; height:31px; float:left; background:url(https://img.webme.com/pic/c/capkin-power/products_details_bg.gif) no-repeat center; margin:3px 0 0 0; } img.left_bt{ float:left; padding:6px 0 0 6px; } a.prod_details{ width:25px; display:block; float:left; background:url(https://img.webme.com/pic/c/capkin-power/square-blue-add.gif) no-repeat left; padding:0 0 0 20px; margin:7px 0 0 38px; _margin:6px 0 0 35px; text-decoration:none; color:#0fa0dd; } /*---------prod_box_big----------*/ .prod_box_big{ width:554px; height:auto; float:left; padding:10px 10px 10px 15px; } .top_prod_box_big{ width:554px;height:12px;background:url(https://img.webme.com/pic/c/capkin-power/details_box_top.gif) no-repeat center bottom;float:left; padding:0px; margin:0px; } .bottom_prod_box_big{ width:554px;height:12px;background:url(https://img.webme.com/pic/c/capkin-power/details_box_bottom.gif) no-repeat center top;float:left;padding:0px; margin:0px; } .center_prod_box_big{ width:554px;height: auto;background:url(https://img.webme.com/pic/c/capkin-power/details_box_center.gif) repeat-y;float:left; text-align:center;padding:0px; margin:0px; } .product_img_big{ width:170px; padding:5px 0 5px 10px; float:left; } .details_big_box{ width:345px; float:left; padding:0 0 0 15px; text-align:left; } .product_title_big{ color:#ea2222; padding:5px 0 5px 0; font-weight:bold; font-size:14px; } .specifications{ font-size:12px; font-weight:bold; line-height:18px; } .thumbs{ padding:8px 5px 8px 5px; border:1px #DFD1D1 solid; margin:3px 0 0 0; } .thumbs a{ padding:3px; } .prod_price_big{ padding:5px 0 5px 0; font-size:16px; } span.reduce{ color:#999999; text-decoration:line-through; } span.price{ color:#ea2222; } a.addtocart{ width:76px; height:27px; display:block; float:left; background:url(images/addtocart.gif) no-repeat left; padding:0 0 0 33px; text-decoration:none; line-height:27px; color:#1c4a52; } a.compare{ width:76px; height:27px; display:block; float:left; margin:0 0 0 10px; background:url(https://img.webme.com/pic/c/capkin-power/compare.gif) no-repeat left; padding:0 0 0 33px; text-decoration:none; line-height:27px; color:#1c4a52; } span.blue{ color:#5F9FAB; } /*---------------contact_form------------------*/ .contact_form{ width:355px; float:left; padding:0px 0 0 75px; } .form_row{ width:335px; clear:both; padding:10px 0 10px 0; _padding:5px 0 5px 0; color:#a53d17; } label.contact{ width:75px; float:left; font-size:12px; text-align:right; padding:4px 5px 0 0; color: #333333; } input.contact_input{ width:253px; height:18px; background-color:#fff; color:#999999; border:1px #DFDFDF solid; float:left; } textarea.contact_textarea{ width:253px; height:50px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color: #999999; background-color:#fff; border:1px #DFDFDF solid; float:left; } a.contact{ width:99px; height:27px; display:block; float:right; margin:0 0 0 10px; background:url(https://img.webme.com/pic/c/capkin-power/contact_bt.gif) no-repeat left; padding:0 0 0 10px; text-decoration:none; line-height:27px; color:#1c4a52; } /*--------------footer----------------*/ .footer{ width:1000px; clear:both; height:65px; background:url(https://img.webme.com/pic/c/capkin-power/footer_bg.gif) repeat-x top; } .left_footer{ float:left; width:300px; padding:5px 0 0 10px; } .right_footer{ float:right; padding:15px 30px 0 0; } .right_footer a{ padding:0 0 0 7px; text-decoration:none; color: #666666; } .right_footer a:hover{ text-decoration:underline; } .center_footer{ float:left; width:200px; text-align:center; color:#666666; padding:10px 0 0 60px; }

TASARIMIN ÜSTÜ


<div id="tasarim"> <div id="baslik"></div> <div id="ust"></div> <div id="orta"> <div class="solsutun"></div> <div class="sagsutun"><a href="http://bedavasitem.forum.st" title="Bedavasitem destek forumu"><img width="468" height="60" border="0" class="resim" alt="" src="https://img.webme.com/pic/o/oyunst/forumbanner.png" /></a>


TASARIMIN ALTI


</div> </div> <div id="alt"></div> </div>


CSS KODU


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;} * {padding: 0; margin:0 } body { margin-left: auto; margin-right: auto; background: url(http://img37.imageshack.us/img37/5100/ase.png) top center fixed; } #tasarim{ width: 1000px; margin-left: auto; margin-right: auto; } #baslik{ margin-left: auto; margin-right: auto; background: url(http://img197.imageshack.us/img197/3278/mn2y.png); width: 1007px; height: 143px; float: left; text-align: center; padding: 0px 0 0 0; font-size: 15px; color: #000000; font-family: Verdana; } #ust{ margin-left: 0 auto; margin-right:0 auto; background: url(https://img.webme.com/pic/f/fakedesign/sdge.png); width: 1007px; height: 242px; float: left; } #orta{ margin-left: 0 auto; margin-right:0 auto; background: url(http://img197.imageshack.us/img197/2352/hhfd.png); width: 1007px; height: 100%; float: left; } .solsutun{ width:175px; float: left; padding: 0 0 0 50px; overflow: hidden; } .sagsutun { width:675px; float: left; padding: 0 0 0 50px; overflow: hidden; text-align: justify; } #alt{ margin-left: 0 auto; margin-right:0 auto; background: url(https://img.webme.com/pic/f/fakedesign/p3.png); width: 1007px; height: 307px; float: left; } #kommentartext { background-image:url(http://paylaskiresim.com/8363/cxyrd9822r.png); }

TASARIM ÜSTÜ
<div class="navbar section" id="navbar"><div class="widget Navbar" id="Navbar1"><!--{12487052715351}--> <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"> <!--{12487052715350}--> <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> <!-- google_ad_section_end --> </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 }

 

 

Tasarımın üzerindeki yazı:

<div id="wrap"> <div id="header"> <div id="topbar"> <div id="searchbar"> <form action="#"> <div> <input type="text" id="keyword" /> <span><input type="image" src="http://ramblingsoul.com/preview/rs11/images/gobutton.jpg" id="button" alt="Go" /></span> </div> </form> </div> <div id="navigation"> <ul> <li class="active"><a href="http://hitdizayn.tr.gg">Ana Sayfa</a></li> <li><a href="styles.html">İletişim</a></li> <li><a href="termsofuse.html">Z.Defteri</a></li> <li><a href="#">Ekle</a></li> <li><a href="#">Ekle</a> </li> </ul> </div> </div> <div id="subnav"><a href="#">Register</a> | <a href="#">Login</a> | <a href="#">Sitemap</a> | <a href="#">Contact</a> | <a href="#">Dummy Link One</a> |<a href="#"> Dummy Link Two </a></div> <h1 id="sitename"></h1> </div> <div id="content"> <div id="left"> <div id="breadcrumb">HitDizayn.Tr.Gg</div> <div class="post"> <h2>Web Site İçerik Bölümü</h2> <p>

 

Tasarımın altındaki yazı
</p> </div> </div> <div id="sidebar"> <h2>Ana Menü</h2> <ul> <li><a href="http://HitDizayn.Tr.Gg">Ana Sayfa</a></li> <li><a href="http://HitDizayn.Tr.Gg">İletişim</a></li> <li><a href="http://HitDizayn.Tr.Gg">Z.Defteri</a></li> <li><a href="#">Konu1</a></li> <li><a href="#">Konu2 </a></li> <li><a href="#">Konu3</a></li> <li><a href="#">Konu4</a></li> </ul> <h2>Katagori</h2> <ul> <li><a href="#">Konu1</a></li> <li><a href="#">Konu2 </a></li> <li><a href="#">Konu3 </a></li> <li><a href="#">Konu4 </a></li> <li><a href="#">Konu5 </a></li> <li><a href="#">Lorem Ipsum Dolor</a></li> <li><a href="#">Lorem Ipsum Dolor</a></li> </ul> </div> <div class="clear"></div> </div> <div id="footer"> <p>Copyright By Tasarim-Merkezim® Tüm Hakları Saklıdır</p> <p>Desing Mr.Samet</p> <p id="credit"><a href="http://HitDizayn.Tr.Gg">CSS Tasarımlar</a> by RamblingSoul | Sponsored By <a href="http://html-kod-city.tr.gg//">Bargain Html-Kod-City</a></p></div> </div>

 

 

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;} * {padding:0; margin:0;} a, a:visited {color: #930;} a:hover {color:#09c; text-decoration:none;} #sidebar { width: 200px; float: right; padding:15px 30px 5px 5px; } #left { padding-left: 25px; float: left; width: 595px; } body { font:11px "Trebuchet MS", Arial, sans-serif; color:#666; background:#999 url(http://ramblingsoul.com/preview/rs11/images/bg.jpg) repeat-x; } .clear {clear:both;} #wrap {background:url(http://ramblingsoul.com/preview/rs11/images/contentbg.jpg) repeat-y; width:867px; margin:auto;} #header{ background:url(https://img.webme.com/pic/h/html-kod-city/header.jpg) no-repeat; height:188px;} #footer {background:url(https://img.webme.com/pic/h/html-kod-city/foter.jpg) no-repeat; height:103px; padding:25px 0 0 0;} #left p {line-height:18px; margin-bottom:20px;} #breadcrumb { padding:5px; background:#f4f4f4; border-bottom:solid 1px #e2e2e2; margin-bottom:10px; font:13px "Trebuchet MS", Arial, sans-serif; text-transform:uppercase;} h1, h2, h3, h4 {font:"Trebuchet MS", Arial, sans-serif;} h2 {font:18px "Trebuchet MS", Arial, sans-serif;} #topbar { height:40px; padding:55px 25px 0 25px; } #searchbar { width:250px; float:left; padding-left:35px; background-image: url(http://ramblingsoul.com/preview/rs11/images/searchicon.jpg); background-repeat: no-repeat; background-position: 3px 9px; padding-top: 5px; } #searchbar #keyword { width:150px; display: block; float: left; height: 20px; border: 1px solid #969696; padding: 2px; margin-right: 5px; font-size: 14px; } #searchbar form {padding:3px;} #navigation { margin-left:305px; padding-top:8px;} #navigation ul {list-style:none;} #navigation li {display:inline;} #navigation a, #navigation a:visited, #navigation a:active {display:block; float:left; background:url(http://ramblingsoul.com/preview/rs11/images/menu2.jpg) repeat-x; height:19px; padding:5px 15px 0 15px; margin-right:5px; color:#000; text-decoration:none; border:solid 1px #999;} #navigation a:hover {background:url(http://ramblingsoul.com/preview/rs11/images/menu1.jpg) repeat-x; color:#fff; border: solid 1px #09c;} #navigation .active a {background:url(http://ramblingsoul.com/preview/rs11/images/menu1.jpg) repeat-x; color:#fff; border: solid 1px #09c;} #sidebar h2 {display:block; color:#069; font:16px "Trebuchet MS", Arial, sans-serif; padding:5px; border-bottom: solid 1px #bbb; text-transform:uppercase;} #sidebar ul {list-style:none; margin-bottom:15px;} #sidebar li {display:block; height:26px; border-bottom:solid 1px #ddd;} #sidebar a, #sidebar a:visited {display:block; height:21px; padding:5px 5px 0 5px; color:#333; text-decoration:none;} #sidebar a:hover { color:#069;} h3.subhead { font-size:12px; text-transform:uppercase; color: #fff; display:block; padding:5px; border:solid 1px #ddd; background: #990000; } .columns {padding:0 8px 0 8px;} .col1 {width:30%; float:left;} .col3 {width:30%; float:right;} .col2 {margin:0 32% 0 32%;} .clear2 {width:590px; clear:left; float:right; color:#fff!important;} .columns div {background:#f3fbe0; height:200px;} .columns div p {padding:5px;} #subnav {padding: 9px 50px 0 420px; color:#fff;} #subnav a {color:#fff; text-decoration:none;} img.leftalign, img.rightalign {display:block; padding:3px; background:#efefef; border: solid 1px #ddd;} img.leftalign {float:left; margin-right:8px;} img.rightalign {float:right; margin-left:8px;} h1#sitename {display:block; padding:5px 70px 0 50px; color:#fff; font:22px normal "Trebuchet MS", Arial, sans-serif; } #sitename a, #sitename a:visited, #sitename a:hover {color:#fff; text-decoration:none;} #footer p {text-align:center; display:block; padding:3px;} #footer #credit {font-size:10px;} #left h2 { color:#900!important;} blockquote {background:#efefef; padding:5px; border:solid 1px #ddd; display:block; margin:5px;} blockquote.leftalign {width:300px; float:left;} .post ul, .post ol {margin-bottom:15px;} .post li {padding:3px;} code {background:#ccc; white-space:pre; display:block; margin:5px; padding:5px;} .postbottom a { margin:0 10px 0 10px;} .postbottom {padding:3px; background:#efefef; border:solid 1px #ddd; margin-bottom:20px;} .pagenav {padding:3px; background:#efefef; border:solid 1px #ddd; margin-bottom:20px;} .pagenav span {display:block; width:250px;} .pagenav .leftalign {float:left;} .pagenav .rightalign { margin-left:300px; text-align:right;}