Oyun | Eğlence | Webmaster | tr.gg Paylaşım Sitesi | Arhavi |Kireçlik Köyü
08toplist tasarimi
Önizleme
Tasarim Üzeri
| Kod: |
|
<center>
<html> <head> <title>cityv1</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-9"> <style type="text/css"> <!-- .style1 {color: #FFFFFF} body { background-image: url(https://img.webme.com/pic/0/08oyun/arkaplannn.gif); } --> </style> </head> <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <!-- ImageReady Slices (https://img.webme.com/pic/0/08oyun/cityv1_01.gif) --> <table id="Table_01" width="900" height="490" border="0" cellpadding="0" cellspacing="0"> <tr> <td> <img src="https://img.webme.com/pic/0/08oyun/cityv1_01.gif" width="434" height="136" alt=""></td> <td colspan="2"><table width="466" height="136" border="0" cellpadding="0" cellspacing="0"> <tr> <td background="https://img.webme.com/pic/0/08oyun/cityv1_02.gif"><div align="center"> Reklam Kod </div></td> </tr> </table></td> </tr> <tr> <td colspan="3"><table width="900" height="39" border="0" cellpadding="0" cellspacing="0"> <tr> <td background="https://img.webme.com/pic/0/08oyun/cityv1_03.gif"><div align="center" class="style1">- <div id="pointermenu"> <ul> <li><a href="http://www.08oyun.tr.gg">Eklenecek</a></li> <li><a href="http://www.08oyun.tr.gg">Ekle</a></li> <li><a href="http://www.08oyun.tr.gg">ekle</a></li> <li><a href="http://www.08oyun.tr.gg">ekle</a></li> <li><a href="http://www.08oyun.tr.gg">ekle</a></li> <li><a href="http://www.08oyun.tr.gg">ekle</a></li> <li><a href="http://www.08oyun.tr.gg">ekle</a></li> <li><a href="http://www.08oyun.tr.gg" id="selected">ekle</a></li> <li><a href="http://www.08oyun.tr.gg">ekle</a></li> <li><a href="http://www.08oyun.tr.gg">ekle</a></li> <li><a href="http://www.08oyun.tr.gg">Button Maker</a></li> <li><a href="http://www.08oyun.tr.gg">Contact</a></li> <li><a href="#" id="rightcorner"> </a></li> </ul> </div> <br style="clear: left" /> - </div></td> </tr> </table></td> </tr> <tr> <td colspan="2"><table width="657" height="252" border="0" cellpadding="0" cellspacing="0"> <tr> <td background="https://img.webme.com/pic/0/08oyun/cityv1_04.gif"><table width="650" height="250" border="0" align="right" cellpadding="0" cellspacing="0"> <tr> <td> </div> |
Tasarım Altı
| Kod: |
|
</td>
</tr> </table></td> </tr> </table></td> <td><table width="243" height="252" border="0" cellpadding="0" cellspacing="0"> <tr> <td background="https://img.webme.com/pic/0/08oyun/cityv1_05.gif"><div align="center"> <div class="arrowlistmenu"> <h3 class="headerbar">CSS Library</h3> <ul> <li><a href="http://www.08oyun.tr.gg/" _fcksavedurl="http://www.www.08oyun.tr.gg/">Horizontal CSS Menus</a></li> <li><a href="http://www.08oyun.tr.gg/" _fcksavedurl="http://www.08oyun.tr.gg">Vertical CSS Menus</a></li> <li><a href="http://www.08oyun.tr.gg/" _fcksavedurl="http://www.www.08oyun.tr.gg/">Image CSS</a></li> <li><a href="http://www.08oyun.tr.gg/" _fcksavedurl="http://www.www.08oyun.tr.gg/">Form CSS</a></li> <li><a href="http://www.08oyun.tr.gg" _fcksavedurl="http://www.www.08oyun.tr.gg">DIVs and containers</a></li> <li><a href="http://www.08oyun.tr.gg" _fcksavedurl="http://www.www.08oyun.tr.gg/">Links & Buttons</a></li> <li><a href="http://www.08oyun.tr.gg/" _fcksavedurl="http://www.www.08oyun.tr.gg/">Other</a></li> <li><a href="http://www.08oyun.tr.gg/" _fcksavedurl="http://www.www.08oyun.tr.gg/">Browse All</a></li> </ul> <h3 class="headerbar">CSS Drive</h3> <ul> <li><a href="http://www.08oyun.tr.gg/" _fcksavedurl="http://www.08oyun.tr.gg">Vertical CSS Menus</a></li> <li><a href="http://www.08oyun.tr.gg/" _fcksavedurl="http://www.www.08oyun.tr.gg/">Image CSS</a></li> <li><a href="http://www.08oyun.tr.gg/" _fcksavedurl="http://www.www.08oyun.tr.gg/">Form CSS</a></li> <li><a href="http://www.08oyun.tr.gg" _fcksavedurl="http://www.www.08oyun.tr.gg">DIVs and containers</a></li> <li><a href="http://www.08oyun.tr.gg" _fcksavedurl="http://www.www.08oyun.tr.gg/">Links & Buttons</a></li> <li><a href="http://www.08oyun.tr.gg/" _fcksavedurl="http://www.www.08oyun.tr.gg/">Other</a></li> <li><a href="http://www.08oyun.tr.gg/" _fcksavedurl="http://www.www.08oyun.tr.gg/">Browse All</a></li> </ul> </div> </div></td> </tr> </table></td> </tr> <tr> <td colspan="3"> <img src="https://img.webme.com/pic/0/08oyun/cityv1_06.gif" width="900" height="62" alt=""></td> </tr> <tr> <td> <img src="https://img.webme.com/pic/0/08toplist/spacer.gif" width="434" height="1" alt=""></td> <td> <img src="https://img.webme.com/pic/0/08toplist/spacer.gif" width="223" height="1" alt=""></td> <td> <img src="https://img.webme.com/pic/0/08toplist/spacer.gif" width="243" height="1" alt=""></td> </tr> </table> <!-- End ImageReady Slices --> </body> </html> </center> |
CSs Bölümü
| Kod: |
|
table {margin-left: auto;margin-right: auto}
h1#title{display: none;} h2#title span {display: none;} div.header{display: none;} li.nav_element{list-style-type: none;} li.nav_element{display: none;} a:link { text-decoration: none; color : #000000; } a:visited {text-decoration: none; color:#000000;} a:hover {text-decoration: none; color:#ffffff;} <style type="text/css"> <style type="text/css"> </style> <style type="text/css"> <!-- html, body { text-align: center; } <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(https://img.webme.com/pic/k/kod-collection/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(https://img.webme.com/pic/k/kod-collection/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 type="text/css"> /*Credits: Dynamic Drive CSS Library */ /*URL: http://www.dynamicdrive.com/style/ */ #pointermenu{ border-top: 7px solid black; /*optional border across top*/ margin: 0; padding: 0; } #pointermenu ul{ margin: 0; margin-left: 15px; /*menu offset from left edge of window*/ float: left; padding-left: 8px; font: bold 13px Verdana; background-color: black; background: black url(media/leftround.gif) bottom left no-repeat; /*optional left round corner*/ } * html #pointermenu ul{ /*IE6 only rule. Decrease ul left margin and add 1em bottom margin*/ margin-bottom: 1em; margin-left: 7px; /*menu offset from left edge of window in IE*/ } #pointermenu ul li{ display: inline; } #pointermenu ul li a{ float: left; color: white; font-weight: bold; padding: 2px 11px 7px 7px; text-decoration: none; background: url(media/pointer.gif) bottom center no-repeat; } #pointermenu ul li a:visited{ color: white; } #pointermenu ul li a:hover, #pointermenu ul li a#selected{ /*hover and selected link*/ color: white; background-color: darkred; } #pointermenu ul li a#rightcorner{ padding-right: 0; padding-left: 2px; background: url(media/rightround.gif) bottom right no-repeat; /*optional right round corner*/ } </style> |
