Sari Tasarim
http://gultenyilmaz.tr.gg/Sari-design.htm Adlı Css Tasarımı gultenyilmaz.tr.gg alıntıdır
TASARIMIN ÜSTÜNE :
<table width="990" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="67" background="https://img.webme.com/pic/g/gultenyilmaz/1.png
"><table width="963" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="36"><span style="color: rgb(255, 0, 0); ">Hoşgeldiniz..</span> > <span style="color: rgb(255, 0, 0); ">Buradasın:</span> <span style="color: rgb(128, 0, 0); "><strong>Bedava sitem icin sari buyuk css tasarimi</strong></span> > <span style="color: rgb(255, 0, 0); ">Bu gün Toplam:</span> <strong><span style="color: rgb(128, 0, 0); ">146</span></strong> <span style="color: rgb(255, 0, 0); ">Kişi girmiş.</span> </td>
</tr>
</table></td>
</tr>
<tr>
<td height="88" background="https://img.webme.com/pic/g/gultenyilmaz/2.png
"><table width="919" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="423" height="81"></td>
<td width="484" align="center" valign="middle"><a href="http://bs-aktif.tr.gg/iletisim.htm"><img alt="" src="https://img.webme.com/pic/b/bs-aktif/468x60reklam.png" /></a></td>
</tr>
</table></td>
</tr>
<tr>
<td height="92" valign="top" background="https://img.webme.com/pic/g/gultenyilmaz/3.png
"><table width="966" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="21" height="40"></td>
<td width="692"></td>
<td width="17"></td>
<td width="236"></td>
</tr>
<tr>
<td height="38"></td>
<td>buraya bişer </td>
<td></td>
<td>Günün Sözü kodu gibi şeyler ekleyebilirsiniz... </td>
</tr>
</table></td>
</tr>
<tr>
<td height="110" align="left" valign="top" background="https://img.webme.com/pic/g/gultenyilmaz/4.png
"><table width="939" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="11" height="114"> </td>
<td width="703" align="left" valign="top">
TASARIMIN ALTINA:| </td> <td width="9"></td> <td width="216" align="left" valign="top"> <div id="wrap"> <div id="accordion"> <h3 class="toggler"><a href="#" class="anasayfa">Anasayfa</a></h3> <div class="element"> <ul> <li><a href="#">Hakkımızda</a></li> <li><a href="#">Atölye</a></li> <li><a href="#">Tavsiyeler</a></li> <li><a href="#">İletişim</a></li> </ul> </div> <h3 class="toggler"><a href="#" class="kategori">Kategoriler</a></h3> <div class="element"> <ul class="kategori"> <li><a href="#">Ajax</a></li> <li><a href="#">Photoshop</a></li> <li><a href="#">Dreamweaver</a></li> <li><a href="#">Xhtml/Css</a></li> <li><a href="#">Php/Mysql</a></li> </ul> </div> <h3 class="toggler"><a href="#" class="baglanti">Bağlantılar</a></h3> <div class="element"> <ul class="link"> <li><a href="#">Mootools</a></li> <li><a href="#">Google</a></li> <li><a href="#">Adobe</a></li> <li><a href="#">Facebook</a></li> <li><a href="#">Twitter</a></li> <li><a href="#">FrienFeed</a></li> </ul> </div> <h3 class="toggler"><a href="#" class="besleme">Rss Takip</a></h3> <div class="element"> <ul class="rss"> <li><a href="#">Son Gönderiler</a></li> <li><a href="#">Son Yorumlar</a></li> </ul> </div> </div> </div> </td> </tr> </table></td> </tr> <tr> <td height="132" align="left" valign="top" background="https://img.webme.com/pic/g/gultenyilmaz/5.png "><table width="963" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="14" height="36"></td> <td width="705"></td> <td width="19"></td> <td width="225"></td> </tr> <tr> <td height="75"></td> <td align="left" valign="top">Alt tarafa reklam gibi şeyler koyarak zenginleştirebilirsiniz.... </td> <td></td> <td align="center">Pagerank değeriniz ve ya top list alanı.</td> </tr> </table></td> </tr> </table> |
CSS KODUNA :
| 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 { margin-left: auto; margin-right: auto; background: url(http://www.resimler.tv/data/media/504/Apple_Turuncu.jpg) top center fixed; } #wrap { width:230px; margin:0 auto; } #accordion { margin:20px 0px; width:230px; } h3.toggler { cursor: pointer; border: 1px solid #999; font:bold 14px arial, verdana, helvetica, sans-serif; background: #222 url(https://img.webme.com/pic/c/catlak-site55/h3main.gif); color: #fff; margin: 0 0 2px 0; padding: 6px; } h3.toggler:hover {background: #222 url(https://img.webme.com/pic/c/catlak-site55/h3main2.gif);color:#333;border: 1px solid #B0EC52} .anasayfa {} a.anasayfa {background:transparent url(https://img.webme.com/pic/c/catlak-site55/pagge.png) no-repeat;text-decoration:none;color:#fff;padding-left:20px;} a:hover.anasayfa {background:transparent url(https://img.webme.com/pic/c/catlak-site55/pagge.png) no-repeat;text-decoration:none;color:#70B00A;padding-left:20px;} .besleme {} a.besleme {background:transparent url(https://img.webme.com/pic/c/catlak-site55/feed.png) no-repeat;text-decoration:none;color:#fff;padding-left:20px;} a:hover.besleme {background:transparent url(https://img.webme.com/pic/c/catlak-site55/feed.png) no-repeat;text-decoration:none;color:#70B00A;padding-left:20px;} .kategori {} a.kategori {background:transparent url(https://img.webme.com/pic/c/catlak-site55/page_copy.png) no-repeat;text-decoration:none;color:#fff;padding-left:20px;} a:hover.kategori {background:transparent url(https://img.webme.com/pic/c/catlak-site55/page_copy.png) no-repeat;text-decoration:none;color:#70B00A;padding-left:20px;} .baglanti {} a.baglanti {background:transparent url(https://img.webme.com/pic/c/catlak-site55/cursor.png) no-repeat;text-decoration:none;color:#fff;padding-left:20px;} a:hover.baglanti {background:transparent url(https://img.webme.com/pic/c/catlak-site55/cursor.png) no-repeat;text-decoration:none;color:#70B00A;padding-left:20px;} div.element p, div.element h4 { margin:0px; padding:4px; font:11px arial, verdana, helvetica, sans-serif; } ul {margin:0; padding:0px; list-style:none;display:block;} li {display:block;margin:0;padding:0px;list-style-type:none;} li a {display:block;color:#666;padding:4px 4px 4px 24px;text-decoration:none;background:#ddd url(https://img.webme.com/pic/c/catlak-site55/ana1.gif) no-repeat;border-bottom:1px solid #e6e6e6; font:12px/18px arial, verdana, helvetica, sans-serif;} li a:hover {color:#fff;padding:4px 4px 4px 24px;text-decoration:none;border-bottom:1px solid #c0c0c0;background:#333 url(https://img.webme.com/pic/c/catlak-site55/ana2.gif) no-repeat; font:12px/18px arial, verdana, helvetica, sans-serif;} /* Ana başlıkların altındaki menülerin ayrı ayrı stilleri burada tanımlanmıştır */ .link ul {margin:0; padding:0px; list-style:none;display:block;} .link li {display:block;margin:0;padding:0px;list-style-type:none;} .link li a {display:block;color:#666;padding:4px 4px 4px 24px;text-decoration:none;background:#ddd url(https://img.webme.com/pic/c/catlak-site55/link.gif) no-repeat;border-bottom:1px solid #e6e6e6; font:12px/18px arial, verdana, helvetica, sans-serif;} .link li a:hover {color:#fff;padding:4px 4px 4px 24px;text-decoration:none;border-bottom:1px solid #c0c0c0;background:#ff9900 url(https://img.webme.com/pic/c/catlak-site55/link2.gif) no-repeat; font:12px/18px arial, verdana, helvetica, sans-serif;} .rss ul {margin:0; padding:0px; list-style:none;display:block;} .rss li {display:block;margin:0;padding:0px;list-style-type:none;} .rss li a {display:block;color:#666;padding:4px 4px 4px 24px;text-decoration:none;background:#ddd url(https://img.webme.com/pic/c/catlak-site55/rss1.gif) no-repeat;border-bottom:1px solid #e6e6e6; font:12px/18px arial, verdana, helvetica, sans-serif;} .rss li a:hover {color:#fff;padding:4px 4px 4px 24px;text-decoration:none;border-bottom:1px solid #c0c0c0;background:#3196F4 url(https://img.webme.com/pic/c/catlak-site55/rss2.gif) no-repeat; font:12px/18px arial, verdana, helvetica, sans-serif;} .kategori ul {margin:0; padding:0px; list-style:none;display:block;} .kategori li {display:block;margin:0;padding:0px;list-style-type:none;} .kategori li a {display:block;color:#666;padding:4px 4px 4px 24px;text-decoration:none;background:#ddd url(https://img.webme.com/pic/c/catlak-site55/kat1.gif) no-repeat;border-bottom:1px solid #e6e6e6; font:12px/18px arial, verdana, helvetica, sans-serif;} .kategori li a:hover {color:#fff;padding:4px 4px 4px 24px;text-decoration:none;border-bottom:1px solid #c0c0c0;background:#B0F017 url(https://img.webme.com/pic/c/catlak-site55/kat2.gif) no-repeat; font:12px/18px arial, verdana, helvetica, sans-serif;} .info {font:11px arial, verdana, helvetica, sans-serif;} .info a{color:#333;background:#fff;padding:2px;text-decoration:none;display:inline;} .info a:hover{color:#2e83ff;background:#fff;padding:2px;text-decoration:none;} blockquote { padding:5px 20px; } |
