►Css Tasarım : Mavi Tasarım (hayırlı uğurlu olsun)

[Resimleri görebilmek için üye olun veya giriş yapın.]

Tasarım Ustune:

Kod:: <table width="980" height="208" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="208" align="left" valign="top" background="[url=http://i33.servimg.com/u/f33/13/73/65/25/gri_ma11.png"table][color=#9a9999]http://i33.servimg.com/u/f33/13/73/65/25/gri_ma11.png"><table[/color][/url] width="980" height="114" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="43" height="21"> </td>
<td width="328"> </td>
<td width="72"> </td>
<td width="506"> </td>
<td width="31"> </td>
</tr>
<tr>
<td height="85"> </td>
<td align="center" valign="middle"><div style="text-align: center"><img alt="" src="[url=http://www.hizliupload.com/img/783872.png][color=#9a9999]http://www.hizliupload.com/img/783872.png[/color][/url]" /></div></td>
<td> </td>
<td align="center" valign="middle"><div style="text-align: center"><a href="/iletisim.htm"><img border="0" width="466" height="61" alt="" src="[url=http://www.turkiyeforum.com/reklam.gif][color=#9a9999]http://www.turkiyeforum.com/reklam.gif[/color][/url]" /></a></div>
</td>
<td> </td>
</tr>

</table>
<table width="980" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="13" height="24"> </td>
<td width="952"> </td>
<td width="15"> </td>
</tr>
<tr>
<td height="50"> </td>
<td align="center" valign="middle">ÜST Menu</td>
<td> </td>
</tr>
</table></td>
</tr>
</table>
<table width="980" height="63" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="top" background="[url=http://i33.servimg.com/u/f33/13/73/65/25/gri_ma12.png"table][color=#9a9999]http://i33.servimg.com/u/f33/13/73/65/25/gri_ma12.png"><table[/color][/url] width="980" height="64" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="15"> </td>
<td width="180" align="left" valign="top">
<span style="color: #000000">
<table border="0" cellspacing="1" cellpadding="1" width="169" style="width: 169px; height: 123px">
<tbody>
<tr>
<td bgcolor="#000000" style="text-align: center"><span style="color: #ffffff">ANA MENU</span></td>
</tr>
<tr>
<td>» Ana Sayfa<span style="color: #000000"> </span></td>
</tr>
<tr>
<td><span style="color: #000000">» İletişim</span></td>
</tr>
<tr>
<td><span style="color: #000000">» Ziyaretçi Defteri</span></td>
</tr>
<tr>
<td><span style="color: #000000">» Forum</span><span style="color: #000000"> </span></td>
</tr>
<tr>
<td><span style="color: #000000">» Bizi Destekleyin</span><span style="color: #000000"> </span></td>
</tr>
</tbody>
</table>
<br />
<table border="0" cellspacing="1" cellpadding="1" width="169" style="width: 169px; height: 123px">
<tbody>
<tr>
<td bgcolor="#000000" style="text-align: center"><span style="color: #ffffff">Msn Messenger</span></td>
</tr>
<tr>
<td>» Msn nedir?</td>
</tr>
<tr>
<td><span style="color: #000000">» Msn Surumleri</span></td>
</tr>
<tr>
<td><span style="color: #000000">» Msn Hatalari</span></td>
</tr>
<tr>
<td><span style="color: #000000">» Msn Surumleri</span></td>
</tr>
<tr>
<td><span style="color: #000000">» Msn Nickleri</span></td>
</tr>
<tr>
<td><span style="color: #000000">» Msn Avatarları </span></td>
</tr>
</tbody>
</table>
<br />
<table border="0" cellspacing="1" cellpadding="1" width="169" style="width: 169px; height: 123px">
<tbody>
<tr>
<td bgcolor="#000000" style="text-align: center"><span style="color: #ffffff">Reklam ALANI</span></td>
</tr>
<tr>
<td style="text-align: center"><br />
Reklam Ver <br />
[url=http://websteam.forum.st/mailto:Tum@siteler.tr.ggbr][color=#9a9999]Tum@siteler.tr.gg<br[/color][/url] />
<br />
</td>
</tr>
</tbody>
</table>
</span>
</div></td>
<td width="21"> </td>
<td width="536" align="left" valign="top"><div id="container"></div>

Tasarım Altına:

Kod:: </td>
<td width="22"> </td>
<td width="187" align="left" valign="top">
<span style="color: #000000">
<table border="0" cellspacing="1" cellpadding="1" width="169" style="width: 169px; height: 123px">
<tbody>
<tr>
<td bgcolor="#000000" style="text-align: center"><span style="color: #ffffff">ANA MENU</span></td>
</tr>
<tr>
<td>» Ana Sayfa<span style="color: #000000"> </span></td>
</tr>
<tr>
<td><span style="color: #000000">» İletişim</span></td>
</tr>
<tr>
<td><span style="color: #000000">» Ziyaretçi Defteri</span></td>
</tr>
<tr>
<td><span style="color: #000000">» Forum</span><span style="color: #000000"> </span></td>
</tr>
<tr>
<td><span style="color: #000000">» Bizi Destekleyin</span><span style="color: #000000"> </span></td>
</tr>
</tbody>
</table>
<br />
<table border="0" cellspacing="1" cellpadding="1" width="169" style="width: 169px; height: 123px">
<tbody>
<tr>
<td bgcolor="#000000" style="text-align: center"><span style="color: #ffffff">Msn Messenger</span></td>
</tr>
<tr>
<td>» Msn nedir?</td>
</tr>
<tr>
<td><span style="color: #000000">» Msn Surumleri</span></td>
</tr>
<tr>
<td><span style="color: #000000">» Msn Hatalari</span></td>
</tr>
<tr>
<td><span style="color: #000000">» Msn Surumleri</span></td>
</tr>
<tr>
<td><span style="color: #000000">» Msn Nickleri</span></td>
</tr>
<tr>
<td><span style="color: #000000">» Msn Avatarları </span></td>
</tr>
</tbody>
</table>
<br />
<table border="0" cellspacing="1" cellpadding="1" width="169" style="width: 169px; height: 123px">
<tbody>
<tr>
<td bgcolor="#000000" style="text-align: center"><span style="color: #ffffff">Reklam ALANI</span></td>
</tr>
<tr>
<td style="text-align: center"><br />
Reklam Ver <br />
[url=http://websteam.forum.st/mailto:Tum@siteler.tr.ggbr][color=#9a9999]Tum@siteler.tr.gg<br[/color][/url] />
<br />
</td>
</tr>
</tbody>
</table>
</span>
</div></td>
<td width="13"> </td>
</tr>
</table></td>
</tr>
</table>
<table width="980" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="109" align="left" valign="top" background="[url=http://i33.servimg.com/u/f33/13/73/65/25/gri_ma17.png"table][color=#9a9999]http://i33.servimg.com/u/f33/13/73/65/25/gri_ma17.png"><table[/color][/url] width="980" height="100">
<tr>
<td width="11"> </td>
<td width="944"> </td>
<td width="10"> </td>
</tr>
<tr>
<td height="71"> </td>
<td align="left" valign="middle"><div style="text-align: center"><img alt="" src="[url=http://www.hizliupload.com/img/783872.png][color=#9a9999]http://www.hizliupload.com/img/783872.png[/color][/url]" /></div></td>
<td> </td>
</tr>

</table></td>
</tr>
</table>

Css Kısmına:

Kod:: 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;}
table {margin-left: auto;margin-right: auto}
body,td,th {
font-family: tahoma;
font-size: 14px;
color: #000000;
font-weight: normal;
}
body {
background-image: url(ARKA PLAN URL);
}
a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #333399;
font-weight: normal;
}
<style type="text/css">
/*Credits: LifeCity CSS Menu */
/*URL: [url=http://www.lifecity.tr.gg*/][color=#9a9999]http://www.lifecity.tr.gg*/[/color][/url]
.arrowlistmenu{
width: 180px; /*width of menu*/
}
.arrowlistmenu .headerbar{
font: bold 13px Arial;
color: white;
background: black url([url=http://img.webme.com/pic/l/lifelist/mavi_menubar.gif][color=#9a9999]http://img.webme.com/pic/l/lifelist/mavi_menubar.gif[/color][/url]) 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: #666666;
background: url([url=http://img.webme.com/pic/l/lifelist/arrow_menu.png][color=#9a9999]http://img.webme.com/pic/l/lifelist/arrow_menu.png[/color][/url]) 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: normal;
border-bottom: 1px solid #dadada;
font-size: 85%;
}
.arrowlistmenu ul li a:visited{
color: #666666;
}
.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #8F8F8F;
background-color: #F3F3F3;
}

örnek resim yokmu ?

işte bu güzel olmuş

eksikler var düzeltirsen sevinirm

ama yinede eliğne sağlık....

» ►Css Tasarım : Eğlence Tasarımı (hayırlı uğurlu olsun)
» Hoş Bir Mavi Tasarım
» Mavi-Gri Tasarım
» Mavi tasarım
» Sefacity Mavi Tasarım