Mavi Css Tasarim
Tr-İcon adlı siteme tasarladığım Css Tasarımı paylaşıyorum. Çok güzel bir tasarım. Gayet güzel ve çokta hoş. Bu çok beğenilen tasarımı sizlere sunuyorum güle güle kullanın Bs-Platformu yazısını silmeyin lütfen silerseniz şikayet ederim. 08oyun' a sonsuz teşekkürler.
Tasarım üstü:
<table width="1050" height="150" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="20"> </td>
<td width="443" align="center" valign="middle"><div id="triconlogo"><a href="http:/tr-icon.tr.gg"><img src="https://img.webme.com/pic/t/tr-icon/logom.png" width="440" height="150" border="0"></a></div></td>
<td width="90"> </td>
<td width="470" align="center"><div id="triconreklamalani"> <a href="http://08oyun.tr.gg"><img alt="" width="468" height="60" border="0" src="https://img.webme.com/pic/e/exporler/08banner468xxx.png" /></a> </div></td>
<td width="27"> </td>
</tr>
</table>
<table width="1050" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="114" align="left" valign="top" background="https://img.webme.com/pic/t/tr-icondeneme/tasarimv11_02.png"><table width="1050" height="114" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="22"> </td>
<td width="1002" align="center"><div id="triconustmenu">
<ul>
<li><a href="/ana-sayfa.htm">Anasayfa</a></li>
<li><a href="/ziyaretci-defteri.htm">Z.Defteri</a></li>
<li><a href="/hakkimda.htm">Hakkimda</a></li>
<li><a href="/iletisim.htm">İcon gönder</a></li>
<li><a href="/kategoriler.htm">Kategoriler</a></li>
<li><a href="/link-listesi.htm">Linkler</a></li>
</ul>
</div></td>
<td width="26"> </td>
</tr>
</table></td>
</tr>
<tr>
<td height="52" align="left" valign="top" background="https://img.webme.com/pic/t/tr-icondeneme/tasarimv11_03.png"><table width="1050" height="52" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="30"> </td>
<td width="213"><div id="triconsolmenubaslik">solmenu baslıgı 213x20 </div></td>
<td width="13"> </td>
<td width="760"><div id="triconburadasin">buradasın su sayfadasın vs vsvs TRİCON.tr.gg 760x20 boyutunda </div></td>
<td width="34"> </td>
</tr>
</table></td>
</tr>
<tr>
<td height="136" align="left" valign="top" background="https://img.webme.com/pic/t/tr-icondeneme/tasarimv11_04.png"><table width="1050" height="137" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="41"> </td>
<td width="190" align="left" valign="top"><div id="triconsolmenu"><div id="emirhanozgurmenubaslik">Menü Başlık</div>
<div id="emirhanozgurmenu">
<ul>
<li><a href="#">Anasayfa</a></li>
<li><a href="#">Hakkimda</a></li>
<li><a href="#">İletişim</a></li>
<li><a href="#">Yorum Yap</a></li>
</ul>
</div>
<div id="emirhanozgurmenubaslik">İçerik Menüsü</div>
<div id="emirhanozgurmenu">
<ul>
<li><a href="#">Referanslarım</a></li>
<li><a href="#">Grafik İstek</a></li>
<li><a href="#">Css Tasarımlar</a></li>
<li><a href="#">Css Menüler</a></li>
<li><a href="#">Ekstralar</a></li>
<li><a href="#">Eğlence</a></li>
</ul>
</div>
<div id="emirhanozgurmenubaslik">Önerilen Siteler</div>
<div id="emirhanozgurmenu">
<ul>
<li><a href="http://08oyun.tr.gg">08oyun</a></li>
<li><a href="http://arkabibahta.tr.gg">ArkabiBahta</a></li>
</ul>
</div>
</div></td>
<td width="36"> </td>
<td width="735" align="left" valign="top"><div id="content"></div>Tasarım altı:
</td>
<td width="48"> </td>
</tr>
</table></td>
</tr>
<tr>
<td height="139" align="left" valign="top" background="https://img.webme.com/pic/t/tr-icon/copyright01.png"><table width="1050" height="135" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="40" height="75"> </td>
<td width="981"><div id="triconistatislik">istatislikler buraya 981x35 boyutunda </div></td>
<td width="29"> </td>
</tr>
<tr>
<td> </td>
<td align="left" valign="top"><div id="triconduyuru"> <marquee direction=left>duyuru alanı buraya TRİCON.tr.gg Css tasarımı Kodlama : 08oyun.tr.gg </marquee> </div></td>
<td> </td>
</tr>
</table></td>
</tr>
</table>Css 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;}
#triconustmenu {
width: 1002px;
height: 35px;
margin-top: 23px;
padding-top: 5px;
}
#triconustmenu ul {
font-family: "Myriad Pro";
font-size: 15px;
font-weight: bold;
text-decoration: none;
margin: 0;
padding: 0;
}
#triconustmenu ul li {
display: inline;
padding-right: 30px;
margin: 0;
}
#triconustmenu ul li a {
font-family: "Myriad Pro";
font-size: 17px;
font-weight: bold;
color: #000;
text-decoration: none;
padding: 5px;
}
#triconustmenu ul li a:hover {
text-decoration: none;
padding: 2px 5px 3px 5px;
background: url(https://img.webme.com/pic/m/mikro-blog/menu_hover.png);
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
}
#triconistatislik {
height: 35px;
width: 981px;
margin-top: 22px;
padding-top: 5px;
}
#triconduyuru {
height: 35px;
width: 445px;
margin-top: 5px;
margin-left: 110px;
padding-top: 8px;
}
#triconsolmenubaslik {
width: 213px;
height: 20px;
margin-bottom: 15px;
}
#triconsolmenu {
width: 190px;
}
#content {
width: 735px;
}
#triconburadasin {
height: 20px;
width: 760px;
margin-bottom: 15px;
}
#triconlogo {
width: 440px;
height: 150px;
}
#triconreklamalani {
height: 60px;
width: 468px;
}
body,td,th {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
}
body {
background-image: url(http://www.backgroundlabs.com/backgrounds/145.gif);
}
a {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
}
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #515152;
}
a:hover {
text-decoration: none;
color: #259AC9;
}
a:active {
text-decoration: none;
color: #000000;
}
#emirhanozgurmenubaslik {
background-image: url(https://img.webme.com/pic/t/tr-icondeneme/tr-iconmenubaslik.gif);
height: 24px;
width: 154px;
margin: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
padding-top: 6px;
padding-left: 36px;
}
#emirhanozgurmenu ul {
list-style-type: none;
padding: 0px;
margin: 0px;
}
#emirhanozgurmenu a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
text-decoration: none;
display: block;
background-image: url(https://img.webme.com/pic/t/tr-icondeneme/tr-iconmenuic.gif);
height: 15px;
width: 157px;
padding-left: 33px;
padding-top: 5px;
}
#emirhanozgurmenu a:hover {
background-image: url(https://img.webme.com/pic/t/tr-icondeneme/tr-iconmenuichover.gif);
}
} table { margin:auto; } li.nav_element { list-style-type:none; display:none; } hr { border:none; height:25px; background:url(https://img.webme.com/pic/t/tr-icon/ayraccik.png) no-repeat center center; margin:1px 0; }
#triconblogbaslik {
height: 30px;
width: 552px;
padding-top: 10px;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
}
#triconblogresim {
height: 138px;
width: 138px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}
#triconblogyazi {
height: 138px;
width: 360px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}
#triconblogaltkisim {
height: 25px;
width: 335px;
margin-top: 5px;
padding-top: 10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}
#triconblogdevami {
height: 25px;
width: 185px;
margin-top: 5px;
padding-top: 10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
}
