Crazy Black

Koyu renklerin hakim olduğu bu şık tasarım 3 menülüdür.
Üst menü,alt menü ve yan tarafta solda bulunan dikey menü olmak üzere 3 bölümlü, çok kullanışlı, menüsü bol bir tasarımdır.
Portal siteleri tasarımına benzer. Logo alanı ve reklam banneri bulunmaktadır.

Ana Sayfada Blog Şablonu bulunan bu tasarım tr gg sitenizi bir blog gibi yönetmenizi de sağlayabilir.
Kısacası, hiçbir yerde bulamayacağınız tasarımlardan biri.
3 sütunlu, koyu renklerin ağırlıklı olduğu bir tr gg tasarımı.

Tasarımın
Önizlemesini Gör

Yorumları Gör / Yorum Yap

Nasıl Eklemeliyim?

Tasarımcının Sitesini Ziyaret Et

Tasarım Özellikleri:

468x60px Reklam Alanı
Hızlı Yükleniş

Tasarımın üzerindeki yazı:

</style><body text="#CCCCCC" link="#CCCCCC" vlink="#999999" alink="#999999">
<table width="960" cellpadding="1">
<tr>
<td height="49" valign="bottom" background="http://e1206.hizliresim.com/y/n/8bdkt.png">
<table width="960" cellpadding="1">
<tr>
<td width="18" height="21"> </td>
<td width="907"><a href="ustmenulink">Menü </a>- <a href="ustmenulink">Menü </a>- <a href="ustmenulink">Menü </a>- <a href="ustmenulink">Menü </a>- <a href="ustmenulink">Menü </a>- <a href="ustmenulink">Menü </a>- <a href="ustmenulink">Menü </a>- <a href="ustmenulink">Menü </a>- <a href="ustmenulink">Menü </a>- <a href="ustmenulink">Menü </a>- <a href="ustmenulink">Menü </a>- <a href="ustmenulink">Menü </a>- <a href="ustmenulink">Menü </a>- <a href="ustmenulink">Menü </a>- <a href="ustmenulink">Menü </a>- <a href="ustmenulink">Menü </a>- <a href="ustmenulink">Menü </a>-<a href="ustmenulink">Menü </a>- <a href="ustmenulink">Menü </a></td>
<td width="11"> </td>
</tr>
</table></td>
</tr>
<tr>
<td height="117" valign="top" background="http://e1206.hizliresim.com/y/n/8bdkz.png"><table width="960" height="114" cellpadding="1">
<tr>
<td width="10"> </td>
<td width="352" valign="top"><a href="http://tasarimsepeti.blogspot.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtTqEu0zz195CSYKRgXsjZlnLF9003vAN_eLLyt5fpxg1dF8mSyCbCJo9Ip9e8Qd-A5Cz-F9EN4etKtDSyFhg6YMvp9oEqSZQ48GD6N9nbrxiZCtdGE9Ulgrw8FQW36Q0grp2ZduGJSZ4/s1600/tasar%25C4%25B1m+sepeti+-+Kopya.png" width="350" height="110"></a></td></td>
<td width="9"> </td>
<td width="536" valign="top"><img src="http://img.webme.com/pic/p/piriketseverler/reklambanner13.gif" width="539" height="89"></td>
<td width="12"> </td>
<td width="13"> </td>
</tr>
</table></td>
</tr>
<tr>
<td height="34" background="http://e1206.hizliresim.com/y/n/8bdl4.png"> <table width="960" cellpadding="1">
<tr>
<td width="16" height="24"> </td>
<td width="914"><a href="altmenulink">Menü</a> - <a href="altmenulink">Menü</a> - <a href="altmenulink">Menü</a> - <a href="altmenulink">Menü</a> - <a href="altmenulink">Menü</a> - <a href="altmenulink">Menü</a> - <a href="altmenulink">Menü</a> - <a href="altmenulink">Menü</a> - <a href="altmenulink">Menü</a> - <a href="altmenulink">Menü</a> - <a href="altmenulink">Menü</a> - <a href="altmenulink">Menü</a> - <a href="altmenulink">Menü</a> - <a href="altmenulink">Menü</a> - <a href="altmenulink">Menü</a> - <a href="altmenulink">Menü</a> - <a href="altmenulink">Menü</a> - <a href="altmenulink">Menü</a> - <a href="altmenulink">Menü</a></td>
<td width="14"> </td>
</tr>
</table></td>
</tr>
<tr>
<td height="460" valign="top" background="http://b1206.hizliresim.com/y/n/8bh1p.png"><table width="960" height="454" cellpadding="1">
<tr>
<td width="12"> </td>
<td width="244" valign="top">
</style><div class="arrowlistmenu">

<h3 class="headerbar">Baslık</h3>
<ul>
<li><a href="http://www.ultrasharing.tr.gg">Link</a></li>
<li><a href="http://www.ultrasharing.tr.gg">Link</a></li>
<li><a href="http://www.ultrasharing.tr.gg">Link</a></li>
<li><a href="http://www.ultrasharing.tr.gg">Link</a></li>
<li><a href="http://www.ultrasharing.tr.gg">Link</a></li>
<li><a href="http://www.ultrasharing.tr.gg">Link</a></li>
<li><a href="http://www.ultrasharing.tr.gg">Link</a></li>
<li><a href="http://www.ultrasharing.tr.gg">Link</a></li>
</ul>

<h3 class="headerbar">Baslık</h3>
<ul>
<li><a href="http://www.ultrasharing.tr.gg">Link</a></li>
<li><a href="http://www.ultrasharing.tr.gg">Link</a></li>
<li><a href="http://www.ultrasharing.tr.gg">Link</a></li>
<li><a href="http://www.ultrasharing.tr.gg">Link</a></li>
<li><a href="http://www.ultrasharing.tr.gg">Link</a></li>
<li><a href="http://www.ultrasharing.tr.gg">Link</a></li>
</ul>

</div>
</td>
<td width="11"> </td>
<td width="652" valign="top"><div id="content"></div>

Tasarımın altındaki yazı:

</div></td>
<td width="17"> </td>
</tr>
</table></td>
</tr>
<tr>
<td height="113" valign="top" background="http://e1206.hizliresim.com/y/n/8bdlc.png"><table width="960" cellpadding="1">
<tr>
<td width="18"> </td>
<td width="903"><a href="Linktakasurl">Link Takas</a> -<a href="Linktakasurl"> Link Takas</a> - <a href="Linktakasurl">Link Takas</a> - <a href="Linktakasurl">Link Takas</a> - <a href="Linktakasurl">Link Takas</a> - <a href="Linktakasurl">Link Takas</a> - <a href="Linktakasurl">Link Takas</a> - <a href="Linktakasurl">Link Takas</a> - <a href="Linktakasurl">Link Takas</a> - <a href="Linktakasurl">Link Takas</a> </td>
<td width="23"> </td>
</tr>
</table></td>
</tr>
</table>

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;}

body,td,th {
color: #000;
font-size: 16px;
}
a:link {
color: #999;
text-decoration: none;
}
a:visited {
color: #999;
text-decoration: none;
}
a:hover {
color: #666;
text-decoration: none;
}
a:active {
color: #666;
text-decoration: none;
}
a {
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
}


.arrowlistmenu{
width: 180px; /*width of menu*/
}

.arrowlistmenu .headerbar{
font: bold 14px Arial;
color: white;
background: black url(media/titlebar.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: #333;
background: url(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: #333;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #333;
background-color: #666;
} 
body {
background-image: url(http://bglabs.evade.netdna-cdn.com/backgrounds/89.jpg);
}

Ana sayfaya eklenecek kod:

<table id="Tablo_01" width="651" height="318" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td colspan="5"><img src="http://img.webme.com/pic/d/doktordizayn/ddblogdesign2_01.png" width="650" height="34" alt="" /></td>
<td><img src="http://img.webme.com/pic/d/doktordizayn/spacer.gif" width="1" height="34" alt="" /></td>
</tr>
<tr>
<td><img src="http://img.webme.com/pic/d/doktordizayn/ddblogdesign2_02.png" width="34" height="37" alt="" /></td>
<td background="http://img.webme.com/pic/d/doktordizayn/ddblogdesign2_03.png" width="424" height="37"><strong>Başlık yazısı buraya</strong></td>
<td rowspan="3"><img src="http://img.webme.com/pic/d/doktordizayn/ddblogdesign2_04.png" width="19" height="197" alt="" /></td>
<td rowspan="2"><img src="http://img.webme.com/pic/d/doktordizayn/ddblogdesign2_05.png" width="141" height="183" alt="" /></td>
<td rowspan="3"><img src="http://img.webme.com/pic/d/doktordizayn/ddblogdesign2_06.png" width="32" height="197" alt="" /></td>
<td><img src="http://img.webme.com/pic/d/doktordizayn/spacer008.gif" width="1" height="37" alt="" /></td>
</tr>
<tr>
<td rowspan="4"><img src="http://img.webme.com/pic/d/doktordizayn/ddblogdesign2_07.png" width="34" height="223" alt="" /></td>
<td valign="top" align="left" background="images/ddblogdesign2_08.png" width="424" height="188" rowspan="3">
<p>Yazı alanı burası...yazı alanı burası...</p>
<p>www.ultrasharing.tr.gg</p>
<p>www.ultrasharing.tr.gg</p>
</td>
<td><img src="http://img.webme.com/pic/d/doktordizayn/spacer.gif" width="1" height="146" alt="" /></td>
</tr>
<tr>
<td><img src="http://img.webme.com/pic/d/doktordizayn/ddblogdesign2_09.png" width="141" height="14" alt="" /></td>
<td><img src="http://img.webme.com/pic/d/doktordizayn/spacer.gif" width="1" height="14" alt="" /></td>
</tr>
<tr>
<td colspan="3" rowspan="3"><img src="http://img.webme.com/pic/d/doktordizayn/ddblogdesign2_10.png" width="192" height="87" alt="" /></td>
<td><img src="http://img.webme.com/pic/d/doktordizayn/spacer.gif" width="1" height="28" alt="" /></td>
</tr>
<tr>
<td><a href="#sayfa"><img src="http://img.webme.com/pic/d/doktordizayn/ddblogdesign2_11.png" alt="" width="424" height="35" border="0" /></a></td>
<td><img src="http://img.webme.com/pic/d/doktordizayn/spacer008.gif" width="1" height="35" alt="" /></td>
</tr>
<tr>
<td colspan="2"><img src="http://img.webme.com/pic/d/doktordizayn/ddblogdesign2_12.png" width="458" height="24" alt="" /></td>
<td><img src="http://img.webme.com/pic/d/doktordizayn/spacer008.gif" width="1" height="24" alt="" /></td>
</tr>
</tbody>
</table>

Tasarım Sepeti

Crazy Black