proesti - 01-tasarim

01-tasarim

St-1 Mavi CSS Tasarımı

Tasarımın Demosu için Resme Tıklayınız!...

Tasarımın Üstüne;

<table width="800" border="0" cellspacing="0" cellpadding="0">   <tr>     <td><img src="https://img.webme.com/pic/b/bykaramsar16/newbas.png" _fcksavedurl="https://img.webme.com/pic/b/bykaramsar16/newbas.png" _fcksavedurl="https://img.webme.com/pic/b/bykaramsar16/newbas.png" width="900" height="250" border="0" usemap="#Map"></td>   </tr>   <tr>     <td height="60" background="https://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="https://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(https://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="https://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="https://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ın Altına ;

</td>         <td width="20"> </td>       </tr>     </table></td>   </tr>   <tr>     <td height="59" background="https://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 Bölümü ;