Mr.grafi radyo teması

Radyo Teması
Tasarımın Üstündeki yazı
<table width="800" border="0" cellspacing="0" cellpadding="0"> <tr> <td><img src="https://img.webme.com/pic/g/graphic-life/radyogenclik_01.png" _fcksavedurl="https://img.webme.com/pic/g/graphic-life/radyogenclik_01.png" _fcksavedurl="https://img.webme.com/pic/g/graphic-life/radyogenclik_01.png" width="900" height="189" border="0" usemap="#Map"></td> </tr> <tr> <td height="35" background="https://img.webme.com/pic/g/graphic-life/radyogenclik_02.png"><table width="900" height="35" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="237" height="35"> </td> <td width="643">buraya bisiler yazabilirisn</td> <td width="20"> </td> </tr> </table></td> </tr> <tr> <td background="https://img.webme.com/pic/g/graphic-life/radyogenclik_03.png"><table width="900" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="11"> </td> <td width="202" valign="top"> <style type="text/css"> /*Credits: Dynamic Drive CSS Library */ /*URL: http://www.dynamicdrive.com/style/ */ .arrowlistmenu{ width: 200px; /*width of menu*/ } .arrowlistmenu .headerbar{ font: bold 14px Arial; color: white; background: black url(https://img.webme.com/pic/g/graphic-life/menu.jpg) 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: #0e83b4; background: url(http://www.dynamicdrive.com/cssexamples/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: #0e83b4; } .arrowlistmenu ul li a:hover{ /*hover state CSS*/ color: #484848; background-color: #F3F3F3; } </style> <div class="arrowlistmenu"> <ul> <li><a href="http://www.dynamicdrive.com/style/csslibrary/category/C1/" _fcksavedurl="http://www.dynamicdrive.com/style/csslibrary/category/C1/" _fcksavedurl="http://www.dynamicdrive.com/style/csslibrary/category/C1/">Horizontal CSS Menus</a></li> <li><a href="http://www.dynamicdrive.com/style/csslibrary/category/C2/" _fcksavedurl="http://www.dynamicdrive.com/style/csslibrary/category/C2/" _fcksavedurl="http://www.dynamicdrive.com/style/csslibrary/category/C2/">Vertical CSS Menus</a></li> <li><a href="http://www.dynamicdrive.com/style/csslibrary/category/C4/" _fcksavedurl="http://www.dynamicdrive.com/style/csslibrary/category/C4/" _fcksavedurl="http://www.dynamicdrive.com/style/csslibrary/category/C4/">Image CSS</a></li> <li><a href="http://www.dynamicdrive.com/style/csslibrary/category/C6/" _fcksavedurl="http://www.dynamicdrive.com/style/csslibrary/category/C6/" _fcksavedurl="http://www.dynamicdrive.com/style/csslibrary/category/C6/">Form CSS</a></li> <li><a href="http://www.dynamicdrive.com/style/csslibrary/category/C5/" _fcksavedurl="http://www.dynamicdrive.com/style/csslibrary/category/C5/" _fcksavedurl="http://www.dynamicdrive.com/style/csslibrary/category/C5/">DIVs and containers</a></li> <li><a href="http://www.dynamicdrive.com/style/csslibrary/category/C7/" _fcksavedurl="http://www.dynamicdrive.com/style/csslibrary/category/C7/" _fcksavedurl="http://www.dynamicdrive.com/style/csslibrary/category/C7/">Links & Buttons</a></li> <li><a href="http://www.dynamicdrive.com/style/csslibrary/category/C8/" _fcksavedurl="http://www.dynamicdrive.com/style/csslibrary/category/C8/" _fcksavedurl="http://www.dynamicdrive.com/style/csslibrary/category/C8/">Other</a></li> <li><a href="http://www.dynamicdrive.com/style/csslibrary/all/" _fcksavedurl="http://www.dynamicdrive.com/style/csslibrary/all/" _fcksavedurl="http://www.dynamicdrive.com/style/csslibrary/all/">Browse All</a></li> </ul> <table width="200" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="31" align="center" valign="middle" background="https://img.webme.com/pic/g/graphic-life/menu.jpg">Burasi Baslik</td> </tr> </table> <ul> <li><a href="http://www.cssdrive.com" _fcksavedurl="http://www.cssdrive.com" _fcksavedurl="http://www.cssdrive.com">CSS Gallery</a></li> <li><a href="http://www.cssdrive.com/index.php/menudesigns/" _fcksavedurl="http://www.cssdrive.com/index.php/menudesigns/" _fcksavedurl="http://www.cssdrive.com/index.php/menudesigns/">Menu Gallery</a></li> <li><a href="http://www.cssdrive.com/index.php/news/" _fcksavedurl="http://www.cssdrive.com/index.php/news/" _fcksavedurl="http://www.cssdrive.com/index.php/news/">Web Design News</a></li> <li><a href="http://www.cssdrive.com/index.php/examples/" _fcksavedurl="http://www.cssdrive.com/index.php/examples/" _fcksavedurl="http://www.cssdrive.com/index.php/examples/">CSS Examples</a></li> <li><a href="http://www.cssdrive.com/index.php/main/csscompressor/" _fcksavedurl="http://www.cssdrive.com/index.php/main/csscompressor/" _fcksavedurl="http://www.cssdrive.com/index.php/main/csscompressor/">CSS Compressor</a></li> <li><a href="http://www.dynamicdrive.com/forums/forumdisplay.php?f=6" _fcksavedurl="http://www.dynamicdrive.com/forums/forumdisplay.php?f=6" _fcksavedurl="http://www.dynamicdrive.com/forums/forumdisplay.php?f=6">CSS Forums</a></li> </ul> <table width="200" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="31" align="center" valign="middle" background="https://img.webme.com/pic/g/graphic-life/menu.jpg">Burasi Baslik</td> </tr> </table> <ul> <li><a href="http://www.cssdrive.com" _fcksavedurl="http://www.cssdrive.com" _fcksavedurl="http://www.cssdrive.com">CSS Gallery</a></li> <li><a href="http://www.cssdrive.com/index.php/menudesigns/" _fcksavedurl="http://www.cssdrive.com/index.php/menudesigns/" _fcksavedurl="http://www.cssdrive.com/index.php/menudesigns/">Menu Gallery</a></li> <li><a href="http://www.cssdrive.com/index.php/news/" _fcksavedurl="http://www.cssdrive.com/index.php/news/" _fcksavedurl="http://www.cssdrive.com/index.php/news/">Web Design News</a></li> <li><a href="http://www.cssdrive.com/index.php/examples/" _fcksavedurl="http://www.cssdrive.com/index.php/examples/" _fcksavedurl="http://www.cssdrive.com/index.php/examples/">CSS Examples</a></li> <li><a href="http://www.cssdrive.com/index.php/main/csscompressor/" _fcksavedurl="http://www.cssdrive.com/index.php/main/csscompressor/" _fcksavedurl="http://www.cssdrive.com/index.php/main/csscompressor/">CSS Compressor</a></li> <li><a href="http://www.dynamicdrive.com/forums/forumdisplay.php?f=6" _fcksavedurl="http://www.dynamicdrive.com/forums/forumdisplay.php?f=6" _fcksavedurl="http://www.dynamicdrive.com/forums/forumdisplay.php?f=6">CSS Forums</a></li> </ul> </div> </td> <td width="28"> </td> <td width="640" valign="top"><div style="padding:0px; overflow: auto; width: 640px; ">
Tasarımın altındaki yazı
</td> <td width="20"> </td> </tr> </table></td> </tr> <tr> <td height="59" background="https://img.webme.com/pic/g/graphic-life/radyogenclik_04.png"><table width="900" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="140" height="59" rowspan="2"> </td> <td width="740" height="26"> </td> <td width="20" rowspan="2"> </td> </tr> <tr> <td height="33" align="left" valign="top">Deneme</td> </tr> </table></td> </tr> </table> <map name="Map"><area shape="rect" coords="272,32,626,111" href="#" _fcksavedurl="#" _fcksavedurl="#"> <area shape="rect" coords="83,139,225,176" href="#" _fcksavedurl="#" _fcksavedurl="#"> <area shape="rect" coords="252,139,403,177" href="#" _fcksavedurl="#" _fcksavedurl="#"> <area shape="rect" coords="429,139,632,177" href="#" _fcksavedurl="#" _fcksavedurl="#"> <area shape="rect" coords="654,139,812,177" href="#" _fcksavedurl="#" _fcksavedurl="#"> </map>
Css kodu
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;} * {padding: 0; margin:0 } body { margin-left: auto; margin-right: auto; background: url( https://img.webme.com/pic/m/maxitasarim/back.jpg ) top center fixed; }