CESuR-MaTRiX - Beta v4 çıktı

EGultenyilmaz (ilker) arkadaşımın yaptığı cok güzel bir temayı paylaşmak istedim simdi de. Temayı tamamen bize referans göstererek yaptı. Cok ta güzel yaptı. Sarı cok eğlenceli bir tasarım oldu. Benimle de sitemde paylaşmamı istedi. Tema içime cok yattı ben de sizinle paylaşayım dedim..Kod paylaşım ve ya blog siteleri için cok ideal bir tasarım ve coğu kişinin kullanacağına eminim. En azından geniş ve eğlenceli... Güle güle kullanın..

Tasarımda bolca özellik var. En güzeli de üst bedava sitem menüsünün tasarım ile uyumlu hale gelmesi.
Telif hakkı, yapan eden gültenyilmaz 'dir. (ilker yani). Ama tüm haklarını bize devretti....
Tasarımı reklam koymadan veriyorum. ilker'e de teşekkür ederim. Cok güzel bi calısma oldu. Ayrıca ilkerin sitesini de Buraya tıklayarak ziyaret edebilirsiniz. )

Tasarımın üstü Kodu : </div> <table width="1000" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td height="157" align="left" valign="top" background="https://img.webme.com/pic/b/bs-aktif/bs-aktif7_01.png"><table width="1000" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="154" height="39"> </td> <td width="778"> </td> <td width="68"> </td> </tr> <tr> <td height="90"> </td> <td align="center" valign="middle"> <iframe src="http://ads.webme.com/banner.php?pos=bw" frameborder="0" width="728" height="90" scrolling="no"></iframe> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> </tr> </table></td> </tr> <tr> <td height="128" align="left" valign="top" background="https://img.webme.com/pic/b/bs-aktif/bs-aktif7_02.png"><table width="1000" height="125" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="22" height="125"> </td> <td width="400" align="center" valign="middle"> <a href="http://bs-aktif.tr.gg" _fcksavedurl="http://bs-aktif.tr.gg"><img border="0" alt="" src="https://img.webme.com/pic/b/bs-aktif/logo77o.png" _fcksavedurl="https://img.webme.com/pic/b/bs-aktif/logo77o.png" /></a> </td> <td width="12"> </td> <td width="566" align="left" valign="top"><table width="566" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="41" height="26"> </td> <td width="468"> </td> <td width="57"> </td> </tr> <tr> <td height="60"> </td> <td align="center" valign="middle"> <a href="http://www.bs-aktif.tr.gg" _fcksavedurl="http://www.bs-aktif.tr.gg"><img alt="" src="https://img.webme.com/pic/b/bs-aktif/468x60-banner.png" _fcksavedurl="https://img.webme.com/pic/b/bs-aktif/468x60-banner.png" /></a> </td> <td> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> </tr> </table></td> </tr> </table></td> </tr> <tr> <td height="65" align="left" valign="top" background="https://img.webme.com/pic/b/bs-aktif/bs-aktif7_03.png"><table width="1000" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="20" height="25"> </td> <td width="269"> </td> <td width="29"> </td> <td width="653"> </td> <td width="29"> </td> </tr> <tr> <td height="33"> </td> <td>buraya bişeyler </td> <td> </td> <td>buraya daa </td> <td> </td> </tr> </table></td> </tr> <tr> <td height="110" align="left" valign="top" background="https://img.webme.com/pic/b/bs-aktif/bs-aktif7_04.png"><table width="1000" height="113" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="17" height="106"> </td> <td width="276" align="left" valign="top"> <div class="aktifmenu"> <h3 class="headerbar">Ana Menü</h3> <ul> <li><a href="http://bs-aktif.tr.gg" _fcksavedurl="http://bs-aktif.tr.gg">-Ana Sayfa</a></li> <li><a href="http://bs-aktif.tr.gg" _fcksavedurl="http://bs-aktif.tr.gg">-Ana Sayfa</a></li> <li><a href="http://bs-aktif.tr.gg" _fcksavedurl="http://bs-aktif.tr.gg">-Ana Sayfa</a></li> <li><a href="http://bs-aktif.tr.gg" _fcksavedurl="http://bs-aktif.tr.gg">-Ana Sayfa</a></li> <li><a href="http://bs-aktif.tr.gg" _fcksavedurl="http://bs-aktif.tr.gg">-Ana Sayfa</a></li> <li><a href="http://bs-aktif.tr.gg" _fcksavedurl="http://bs-aktif.tr.gg">-Ana Sayfa</a></li> <li><a href="http://bs-aktif.tr.gg" _fcksavedurl="http://bs-aktif.tr.gg">-Ana Sayfa</a></li> <li><a href="http://bs-aktif.tr.gg" _fcksavedurl="http://bs-aktif.tr.gg">-Ana Sayfa</a></li> <li><a href="http://bs-aktif.tr.gg" _fcksavedurl="http://bs-aktif.tr.gg">-Ana Sayfa</a></li> <li><a href="http://bs-aktif.tr.gg" _fcksavedurl="http://bs-aktif.tr.gg">-Ana Sayfa</a></li> </ul> <h3 class="headerbar">Ana Menü</h3> <ul> <li><a href="http://bs-aktif.tr.gg" _fcksavedurl="http://bs-aktif.tr.gg">-Ana Sayfa</a></li> <li><a href="http://bs-aktif.tr.gg" _fcksavedurl="http://bs-aktif.tr.gg">-Ana Sayfa</a></li> <li><a href="http://bs-aktif.tr.gg" _fcksavedurl="http://bs-aktif.tr.gg">-Ana Sayfa</a></li> <li><a href="http://bs-aktif.tr.gg" _fcksavedurl="http://bs-aktif.tr.gg">-Ana Sayfa</a></li> <li><a href="http://bs-aktif.tr.gg" _fcksavedurl="http://bs-aktif.tr.gg">-Ana Sayfa</a></li> <li><a href="http://bs-aktif.tr.gg" _fcksavedurl="http://bs-aktif.tr.gg">-Ana Sayfa</a></li> <li><a href="http://bs-aktif.tr.gg" _fcksavedurl="http://bs-aktif.tr.gg">-Ana Sayfa</a></li> <li><a href="http://bs-aktif.tr.gg" _fcksavedurl="http://bs-aktif.tr.gg">-Ana Sayfa</a></li> <li><a href="http://bs-aktif.tr.gg" _fcksavedurl="http://bs-aktif.tr.gg">-Ana Sayfa</a></li> <li><a href="http://bs-aktif.tr.gg" _fcksavedurl="http://bs-aktif.tr.gg">-Ana Sayfa</a></li> </ul> <h3 class="headerbar">Ana Menü</h3> <ul> <li><a href="http://bs-aktif.tr.gg" _fcksavedurl="http://bs-aktif.tr.gg">-Ana Sayfa</a></li> <li><a href="http://bs-aktif.tr.gg" _fcksavedurl="http://bs-aktif.tr.gg">-Ana Sayfa</a></li> <li><a href="http://bs-aktif.tr.gg" _fcksavedurl="http://bs-aktif.tr.gg">-Ana Sayfa</a></li> <li><a href="http://bs-aktif.tr.gg" _fcksavedurl="http://bs-aktif.tr.gg">-Ana Sayfa</a></li> <li><a href="http://bs-aktif.tr.gg" _fcksavedurl="http://bs-aktif.tr.gg">-Ana Sayfa</a></li> <li><a href="http://bs-aktif.tr.gg" _fcksavedurl="http://bs-aktif.tr.gg">-Ana Sayfa</a></li> <li><a href="http://bs-aktif.tr.gg" _fcksavedurl="http://bs-aktif.tr.gg">-Ana Sayfa</a></li> <li><a href="http://bs-aktif.tr.gg" _fcksavedurl="http://bs-aktif.tr.gg">-Ana Sayfa</a></li> <li><a href="http://bs-aktif.tr.gg" _fcksavedurl="http://bs-aktif.tr.gg">-Ana Sayfa</a></li> <li><a href="http://bs-aktif.tr.gg" _fcksavedurl="http://bs-aktif.tr.gg">-Ana Sayfa</a></li> </ul> <br /> </div> </div> </div></td> <td width="24"> </td> <td width="659" align="left" valign="top">

Tasarımın altı Kodu : <table width="568" cellpadding="1"> <tbody> <tr> <td height="46" background="https://img.webme.com/pic/b/bs-aktif/21a1.png"> <table width="568" cellpadding="1"> <tbody> <tr> <td width="150" height="34"> </td> <td width="101"><a href="http://www.bs-aktif.tr.gg" _fcksavedurl="http://www.bs-aktif.tr.gg"><img longdesc="http://www.alxas.net/images/blocks/icon_yildiz.gif" alt="" src="https://img.webme.com/pic/b/bs-aktif/yildizll.png" _fcksavedurl="https://img.webme.com/pic/b/bs-aktif/yildizll.png" />Link Takas </a></td> <td width="98"><a href="http://www.bs-aktif.tr.gg" _fcksavedurl="http://www.bs-aktif.tr.gg"><img alt="Link Takas " longdesc="http://www.alxas.net/images/blocks/icon_yildiz.gif" src="https://img.webme.com/pic/b/bs-aktif/yildizll.png" _fcksavedurl="https://img.webme.com/pic/b/bs-aktif/yildizll.png" />Link Takas </a></td> <td width="96"><a href="http://www.bs-aktif.tr.gg" _fcksavedurl="http://www.bs-aktif.tr.gg"><img alt="Link Takas " longdesc="http://www.alxas.net/images/blocks/icon_yildiz.gif" src="https://img.webme.com/pic/b/bs-aktif/yildizll.png" _fcksavedurl="https://img.webme.com/pic/b/bs-aktif/yildizll.png" />Link Takas </a></td> <td width="99"><a href="http://www.bs-aktif.tr.gg" _fcksavedurl="http://www.bs-aktif.tr.gg"><img alt="Link Takas " longdesc="http://www.alxas.net/images/blocks/icon_yildiz.gif" src="https://img.webme.com/pic/b/bs-aktif/yildizll.png" _fcksavedurl="https://img.webme.com/pic/b/bs-aktif/yildizll.png" />Bs-Aktif</a></td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> <td width="24"> </td> </tr> </table></td> </tr> <tr> <td height="145" align="left" valign="top" background="https://img.webme.com/pic/g/gultenyilmaz/bs-aktif7_05.png"><table width="1000" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="28" height="52"> </td> <td width="468"> </td> <td width="12"> </td> <td width="473" align="left" valign="bottom"></td> <td width="19"> </td> </tr> <tr> <td height="60"> </td> <td align="center" valign="middle"><a href="http://www.bs-aktif.tr.gg" _fcksavedurl="http://www.bs-aktif.tr.gg"><img alt="" src="https://img.webme.com/pic/b/bs-aktif/23a5.png" _fcksavedurl="https://img.webme.com/pic/b/bs-aktif/23a5.png" /></a> </td> <td> </td> <td align="left" valign="top"> <a href="http://bs-aktif.tr.gg" _fcksavedurl="http://bs-aktif.tr.gg"><img class="" alt="" src="https://img.webme.com/pic/b/bs-aktif/t1s6.png" _fcksavedurl="https://img.webme.com/pic/b/bs-aktif/t1s6.png" /></a> <a href="http://bs-aktif.tr.gg" _fcksavedurl="http://bs-aktif.tr.gg"><img class="" alt="" src="https://img.webme.com/pic/b/bs-aktif/t1s6.png" _fcksavedurl="https://img.webme.com/pic/b/bs-aktif/t1s6.png" /></a> <a href="http://bs-aktif.tr.gg" _fcksavedurl="http://bs-aktif.tr.gg"><img class="" alt="" src="https://img.webme.com/pic/b/bs-aktif/t1s6.png" _fcksavedurl="https://img.webme.com/pic/b/bs-aktif/t1s6.png" /></a> <a href="http://bs-aktif.tr.gg" _fcksavedurl="http://bs-aktif.tr.gg"><img class="" alt="" src="https://img.webme.com/pic/b/bs-aktif/t1s6.png" _fcksavedurl="https://img.webme.com/pic/b/bs-aktif/t1s6.png" /></a> <a href="http://bs-aktif.tr.gg" _fcksavedurl="http://bs-aktif.tr.gg"><img class="" alt="" src="https://img.webme.com/pic/b/bs-aktif/t1s6.png" _fcksavedurl="https://img.webme.com/pic/b/bs-aktif/t1s6.png" /></a> <a href="http://bs-aktif.tr.gg" _fcksavedurl="http://bs-aktif.tr.gg"><img class="" alt="" src="https://img.webme.com/pic/b/bs-aktif/t1s6.png" _fcksavedurl="https://img.webme.com/pic/b/bs-aktif/t1s6.png" /></a> <a href="http://bs-aktif.tr.gg" _fcksavedurl="http://bs-aktif.tr.gg"><img class="" alt="" src="https://img.webme.com/pic/b/bs-aktif/t1s6.png" _fcksavedurl="https://img.webme.com/pic/b/bs-aktif/t1s6.png" /></a> <a href="http://bs-aktif.tr.gg" _fcksavedurl="http://bs-aktif.tr.gg"><img class="" alt="" src="https://img.webme.com/pic/b/bs-aktif/t1s6.png" _fcksavedurl="https://img.webme.com/pic/b/bs-aktif/t1s6.png" /></a> <a href="http://bs-aktif.tr.gg" _fcksavedurl="http://bs-aktif.tr.gg"><img class="" alt="" src="https://img.webme.com/pic/b/bs-aktif/t1s6.png" _fcksavedurl="https://img.webme.com/pic/b/bs-aktif/t1s6.png" /></a> <a href="http://bs-aktif.tr.gg" _fcksavedurl="http://bs-aktif.tr.gg"><img class="" alt="" src="https://img.webme.com/pic/b/bs-aktif/t1s6.png" _fcksavedurl="https://img.webme.com/pic/b/bs-aktif/t1s6.png" /></a> </td> <td align="left" valign="top"> </td> </tr> <tr> <td> </td> <td> </td> <td> </td> <td> </td> <td> </td> </tr> </table></td> </tr> </table>

Tasarımın 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;} .aktifmenu{ width: 276px; /*width of menu*/ } .aktifmenu .headerbar{ color: white; background: url(https://img.webme.com/pic/b/bs-aktif/menubaslik.png); margin-bottom: 5px; height: 18px; padding: 8px 0 5px 15px; font-family: Verdana, Geneva, sans-serif; font-size: 12px; font-weight: bold; text-shadow: -2px 1px 1px #E9E9E9; color: #333; } .aktifmenu ul{ list-style-type: none; margin: 0; padding: 0; margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/ } .aktifmenu ul li{ padding-bottom: 2px; /*bottom spacing between menu items*/ } .aktifmenu ul li a{ color: #333; background: url(https://img.webme.com/pic/b/bs-aktif/menuli.png) no-repeat center left; /*custom bullet list image*/ display: block; padding: 3px 0; padding-left: 20px; /*link text is indented 19px*/ text-decoration: none; font-weight: bold; border-bottom: 1px dashed #dadada; font-family: Verdana, Geneva, sans-serif; font-size: 12px; } .aktifmenu ul li a:visited{ color: #333; } .aktifmenu ul li a:hover{ /*hover state CSS*/ color: #A70303; background-color: #F3F3F3; } body{margin-left: auto; margin-right: auto; background: url(http://www.backgroundlabs.com/backgrounds/247.gif) top center fixed; font-family: Arial;} #reko {display:none;} //--> </style> <div id="reko"><style type="text/css"> <!--

Bu tasarıma bile bir yorumu cok görmeyelim. Emek var sonunda : ) Güle güle kullanın !