Sahra ForumSahraSiteSahibi
Mesaj Sayısı : 428 Tecrübe : 1091 Rep Puanı : 29 Kayıt Tarihi : 07/07/11 Yaş : 32 Nerden : Bilmem Lakap : gececi
| Konu: St-1 Mavi CSS Tasarımı Salı 12 Tem. - 23:18:48 | |
| önizleme: [Linkleri görebilmek için üye olun veya giriş yapın.]tasarım üstü: - Kod:
-
<table width="800" border="0" cellspacing="0" cellpadding="0"> <tr> <td><img src="http://img.webme.com/pic/b/bykaramsar16/newbas.png" _fcksavedurl="http://img.webme.com/pic/b/bykaramsar16/newbas.png" _fcksavedurl="http://img.webme.com/pic/b/bykaramsar16/newbas.png" width="900" height="250" border="0" usemap="#Map"></td> </tr> <tr> <td height="60" background="http://img.webme.com/pic/b/bykaramsar16/newustmen.png"><table width="900" height="35" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="237" height="30"> </td> <td width="643"> <div style="text-align: center; "><strong><span style="color: rgb(255, 255, 255); "> Buraya Bir şey Ekleye Bilirsin. </span></strong></div> </td> <td width="20"> </td> </tr> </table></td> </tr> <tr> <td background="http://img.webme.com/pic/b/bykaramsar16/ortanew.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(http://img.webme.com/pic/b/bykaramsar16/ees.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: #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="http://img.webme.com/pic/b/bykaramsar16/ees.png">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="http://img.webme.com/pic/b/bykaramsar16/ees.png">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 altı: - Kod:
-
</td> <td width="20"> </td> </tr> </table></td> </tr> <tr> <td height="59" background="http://img.webme.com/pic/b/bykaramsar16/aaltt.png"><table width="900" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="140" height="80" rowspan="2"> </td> <td width="740" height="34"> </td> <td width="20" rowspan="2"> </td> </tr> <tr> <td height="33" align="left" valign="top"> <div style="text-align: center; "><span style="color: rgb(255, 255, 255); "><strong>Copyright © 2010-2011 - Tüm Hakları Saklıdır.</strong></span></div> </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: - 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;} * {padding: 0; margin:0 } body { margin-left: auto; margin-right: auto; background: url( http://img.webme.com/pic/m/maxitasarim/back.jpg ) top center fixed; } | |
|