Web Tasarım | Html kodlar - css kodlar -fbml kodlar - bedava - tema - şablon | Photoshop - Dreamweaver - Fireworks - Wordpress - Joomla - Mysql - Php - Drupal - Ajax - Javascript - Flash Html Css Kodlama Haber Ordu Akkuş İlçesi

Css Site Temalari

Tasarım Üzerine ;

<div id="wrap">  <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>  <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>  <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 ;
 </div>  <div id="footer"> </div>  </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>

TASARIMIN ÜSTÜ :

<p align="center"><font color="#000000"><strong>WEBEXPERNET :</strong> 3. Bedava Tasarımımız Hayırlı Olsun... <br> </font></p> <a name="top"></a> <style> a.yukari { position:fixed; bottom:15px; right:20px; font:11px arial; text-transform:uppercase; } </style> <a href="#top" _fcksavedurl="#top" _fcksavedurl="#top" class="yukari"><img src="https://img.webme.com/pic/h/hackerfriend/topimg.png" _fcksavedurl="https://img.webme.com/pic/h/hackerfriend/topimg.png" _fcksavedurl="https://img.webme.com/pic/h/hackerfriend/topimg.png" border="0" title="Yukarı" /></a> <div id="tasarim"> <div id="baslik"><a href="http://www.webexpernet.tr.gg/" _fcksavedurl="http://www.webexpernet.tr.gg/"> <img border="0" src="https://img.webme.com/pic/k/kefkirnet/anasayfaa.png" _fcksavedurl="https://img.webme.com/pic/k/kefkirnet/anasayfaa.png" width="85" height="100"></a><font color="#EFEFEF"></font></p></div> <div id="ust"></div> <div id="orta"> <div class="solsutun">  <div class="arrowlistmenu"> <hr> <p align="left"><b>Günün Sözü</b> </p> <hr> <script src="http://yungemen.yu.funpic.org/upload/gununsozu.js" type="text/javascript"></script> <hr> <h3 class="headerbar">Ana Menü</h3> <ul> <li><a href="http://www.webexpernet.tr.gg/" _fcksavedurl="http://www.webexpernet.tr.gg/">Ana Sayfa</a></li>    </div> </div> <div class="sagsutun">

TASARIMIN ALTI :

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;}  #kommentartext { background-image:url(YORUM); }  table {margin-left: auto;margin-right: auto}  * {padding: 0; margin:0 }  body { margin-left: auto; margin-right: auto; background: url(https://img.webme.com/pic/w/webexpernet/arkaplan.jpg) top center fixed; }  #tasarim{ width: 1000px; margin-left: auto; margin-right: auto; }    #baslik{ margin-left: auto; margin-right: auto; background: url(https://img.webme.com/pic/w/webexpernet/01.png); width: 1000px; height: 145px; float: left; text-align: center; padding: 218px 0 0 0; font-size: 15px; color: #ff0000; font-family: Verdana, arial; }    #ust{ margin-left: auto; margin-right: auto; background: url(https://img.webme.com/pic/w/webexpernet/02.png); width: 1000px; height: 120px; float: left; }  #orta{ margin-left: auto; margin-right: auto; background: url(https://img.webme.com/pic/w/webexpernet/03.png); width: 1000px; height: 100%; float: left; }  .solsutun{ width:166px; float: left; padding: 0 0 0 60px; overflow: hidden; }  .sagsutun { width: 640px; float: left; padding: 0 0 0 65px; overflow: hidden; text-align: justify; }   #alt{ margin-left: auto; margin-right: auto; background: url(https://img.webme.com/pic/w/webexpernet/04.png); width: 1000px; height: 258px; float: left; }      <style type="text/css">  /*Credits: Dynamic Drive CSS Library */ /*URL: http://www.dynamicdrive.com/style/ */  .arrowlistmenu{ width: 180px; /*width of menu*/ }  .arrowlistmenu .headerbar{ font: bold 14px Arial; color: white; background: black url(media/titlebar.png) repeat-x center left; margin-bottom: 10px; /*bottom spacing between header and rest of content*/ text-transform: uppercase; padding: 4px 0 4px 10px; /*header text is indented 10px*/ }  .arrowlistmenu ul{ list-style-type: none; margin: 0; padding: 0; margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/ }  .arrowlistmenu ul li{ padding-bottom: 2px; /*bottom spacing between menu items*/ }  .arrowlistmenu ul li a{ color: #A70303; background: url(media/arrowbullet.png) no-repeat center left; /*custom bullet list image*/ display: block; padding: 2px 0; padding-left: 19px; /*link text is indented 19px*/ text-decoration: none; font-weight: bold; border-bottom: 1px solid #dadada; font-size: 90%; }  .arrowlistmenu ul li a:visited{ color: #A70303; }  .arrowlistmenu ul li a:hover{ /*hover state CSS*/ color: #A70303; background-color: #F3F3F3; }  </style>   </style><FCK:meta name="verify-v1" content="g4D2/ceEprENwF6yTHSg0tQnTs4HdlYf/w+Y4M+cQ8U="  />

TASARIMIN ÜSTÜ :

TASARIMIN ALTI :

</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 :

TASARIMIN ÜSTÜ :

<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>

CSS :

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>  </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>  <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>            <div class="center_content">

Tasarımın Altına :

</div>  <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>  </div>      <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>

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(http://img.</body></html>

Kategoriler

Tasarımlar

Webmaster Araçları

Web Tasarım | Html kodlar - css kodlar -fbml kodlar - bedava - tema - şablon | Photoshop - Dreamweaver - Fireworks - Wordpress - Joomla - Mysql - Php - Drupal - Ajax - Javascript - Flash Html Css Kodlama Haber Ordu Akkuş İlçesi

Css Site Temalari