-*Anasayfa - css tasarımı

css tasarımı

TASARİM USTUNE

Kod:

<p align="center">
<table cellspacing="1" cellpadding="1" width="800" border="1">
<tbody>
<tr>
<td valign="top" align="left" bgcolor="#000000">
<table cellspacing="1" cellpadding="1" width="150" border="1">
<tbody>
<tr>
<td><img class="" alt="" src="http://www.ww64.com/uploads/images/2008-10-02/l65MEwnOBo.gif" /></td>
</tr>
</tbody>
</table>
<br />
<table cellspacing="1" cellpadding="1" width="150" align="center" border="0">
<tbody>
<tr>
<td>
<link href="menu_style.css" type="text/css" rel="stylesheet" />
<div class="outer">
<div id="menu">
<ul>
<li><a title="Home" href="#1">Ana Sayfa</a></li>
<li><a title="About" href="#2">Oyunlar</a></li>
<li><a title="Services" href="#3">Müzik</a></li>
<li><a title="Portfolio" href="#4">Bilmeceler</a></li>
<li><a title="Store" href="#5">Karikatur</a></li>
<li><a title="Store" href="#5">Komik video</a></li>
</ul>
</div>
</div>
</td>
</tr>
</tbody>
</table>
<br />
<img class="" alt="" src="http://www.ww64.com/uploads/images/2008-10-02/ajDdTwlvzd.gif" /><br />
<table cellspacing="1" cellpadding="1" width="150" align="center" border="0">
<tbody>
<tr>
<td>
<link href="menu_style.css" type="text/css" rel="stylesheet" />
<div class="outer">
<div id="menu">
<ul>
<li><a title="Home" href="#1">Home</a></li>
<li><a title="About" href="#2">About</a></li>
<li><a title="Services" href="#3">Services</a></li>
<li><a title="Portfolio" href="#4">Portfolio</a></li>
<li><a title="Store" href="#5">Store</a></li>
<li><a title="Download" href="menu1.zip">Download Menu</a></li>
</ul>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</td>
<td bgcolor="#666666">
<table cellspacing="1" cellpadding="1" width="550" border="0">
<tbody>
<tr>
<td> </td>
</tr>

TASARİM ALTİNA

Kod:

</tbody>
</table>
</td>
<td valign="top" align="left" bgcolor="#000000">
<table cellspacing="1" cellpadding="1" width="150" align="center" border="1">
<tbody>
<tr>
<td><img class="" alt="" src="http://www.ww64.com/uploads/images/2008-10-02/hxjMffzPdh.gif" /></td>
</tr>
</tbody>
</table>
<br />
<br />
<table height="200" cellspacing="1" cellpadding="1" width="150" align="center" border="0">
<tbody>
<tr>
<td valign="top" align="left"><font color="#ff0000">BURAYA REKLAM GELECEK</font></td>
</tr>
</tbody>
</table>
<p align="center"> </p>
<table cellspacing="1" cellpadding="1" width="150" align="center" border="1">
<tbody>
<tr>
<td><img class="" alt="" src="http://www.ww64.com/uploads/images/2008-10-02/pwwIAXAuDL.gif" /></td>
</tr>
</tbody>
</table>
<br />
<div align="center">
<table height="200" cellspacing="1" cellpadding="1" width="150" align="center" border="0">
<tbody>
<tr>
<td valign="top" align="left"><font color="#ff0000">DUYURU PANOSU</font></td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
</tbody>
</table>
</p>

ve css koduna

Kod:

td.nav {visibility:hidden;}
li.nav_element{display: none;}
td.headline2 {visibility:hidden;}
td.nav_element checked_menu {visibility:hidden;}
td.content_container{visibility:hidden;}


/* V2 */
.outer{
list-style:none;
margin:0px;
padding:0px;
}

#menu {
width: 200px;
border-style: solid solid none solid;
border-color: #94AA74;
border-width: 1px;

}
#menu ul{
list-style:none;
margin:0px;
padding:0px;
}

#menu li a {
height: 32px;
voice-family: ""}"";
voice-family: inherit;
height: 24px;
text-decoration: none;
font-weight:normal;
}

#menu li a:link, #menu li a:visited {
color: #FFFFFF;
display: block;
background: url(http://www.ww64.com/uploads/images/2008-10-02/fh9y4aHwQc.gif);
background-repeat:no-repeat;
padding: 8px 0 0 50px;
}

#menu li a:hover {
color: #666666;
background: url(http://www.ww64.com/uploads/images/2008-10-02/fh9y4aHwQc.gif) 0 -32px;
background-repeat:no-repeat;
padding: 8px 0 0 50px;
}

#menu li a:active {
color: #666666;
background: url(http://www.ww64.com/uploads/images/2008-10-02/fh9y4aHwQc.gif) 0 -64px;
background-repeat:no-repeat;
padding: 8px 0 0 50px;
}

tasarım ust

Kod:

<p align="center"> </p>
<p align="center">
<table cellspacing="0" cellpadding="0" width="800" border="0">
<tbody>
<tr>
<td>
<p align="center"><img class="" alt="VEBSİTEN TASARİM SAYFALARİ" src="http://site.mynet.com/motorpan/mynet_resimlerim/hosgeldiniz.gif" /></p>
</td>
</tr>
</tbody>
</table>
</p>
<div align="center">
<table cellspacing="0" cellpadding="0" width="800" align="center" border="0">
<tbody>
<tr>
<td>
<table cellspacing="0" cellpadding="0" width="970" border="0">
<tbody>
<tr>
<td>
<p align="center"><style type="text/css">

#MainMenu
{
border-left:0px solid #9AB6D2; border-right:0px solid #9AB6D2; border-top:0px solid #9AB6D2; border-bottom:3px solid #9AB6D2; height:27px;
background: #FFFFFF;
margin:0;
}
#tab
{
margin:0;
top:0;
}
#tab ul
{
margin:0;
padding:0;
list-style:none;
float:left;
}
#tab li
{
display:inline;
float:left;
margin:0 1px 0 0 ;
padding:0;
}
#tab a
{
background: url('http://www.fileden.com/files/2007/6/19/1190933/bright_115.gif') no-repeat right top;
margin:0;
padding:0;
text-decoration:none;
border:0px none;
display:block;
float:left
}
#tab a span
{
display:block;
background:url('http://www.fileden.com/files/2007/6/19/1190933/bleft_115.gif') no-repeat left top;
font-family:Arial, Helvetica, sans-serif;
font-size:11;
color:#FFFFFF;
font-weight:bold;
line-height:27px; padding-left:22px; padding-right:22px; padding-top:0; padding-bottom:0
}
#tab a:hover, #tab li.item_active a
{
background-position:right bottom;
border-color:;
}
#tab a:hover span, #tab li.item_active a span
{
background-position:left bottom;
color:#000000;
font-weight:bold;
font-style:normal;
text-decoration:none;
}
.dropmenudiv
{
border-left:0px solid #9AB6D2; border-right:0px solid #9AB6D2; border-top:0px solid #9AB6D2; border-bottom:3px solid #9AB6D2; position:absolute;
top:0;
float:left;
display:block;
visibility:hidden;
background: #FFFFFF;
color:#FFFFFF;
z-index:100;
text-decoration:none;
padding:0
}
.dropmenudiv ul
{
margin:0;
padding:0;
list-style:none;
}
.dropmenudiv li
{
display:inline;
margin:0;
padding:0;
}
.dropmenudiv a:link, .dropmenudiv a:visited
{
width:180px;
padding:0;
display:block;
border:0px solid ;
color:#FFFFFF;
background:url('http://www.fileden.com/files/2007/6/19/1190933/bleft_115.gif') no-repeat left top;
font-weight:bold;
font-style:normal;
text-decoration:none; margin-left:0; margin-right:1px; margin-top:0; margin-bottom:0
}
.dropmenudiv a span
{
float:left;
display:block;
line-height:27px;
background:url('http://www.fileden.com/files/2007/6/19/1190933/bright_115.gif') no-repeat right top;
font-family:Arial, Helvetica, sans-serif;
font-size:11;
color:#FFFFFF; padding-left:22px; padding-right:22px; padding-top:0; padding-bottom:0
}
.dropmenudiv a span
{
float:none;
}
.dropmenudiv a:hover
{
border:0px solid ;
background-position: left bottom;
font-weight:bold;
font-style:normal;
text-decoration:none;
color:#000000
}
.dropmenudiv a:hover span
{
background-position:right bottom;
color:#000000;
font-weight:bold;
} </style><script type="text/javascript" src="http://h1.ripway.com/kristaldunya/chromee.js"></script><style type="text/css">

#MainMenu
{
height:27px;
background: #FFFFFF;
margin:0;
border-style:solid;
border-color:#9AB6D2;
border-top-width:0;
border-right-width:0;
border-bottom-width:3px;
border-left-width:0;
}
#tab
{
margin:0;
top:0;
}
#tab ul
{
margin:0;
padding:0;
list-style:none;
float:left;
}
#tab li
{
display:inline;
float:left;
margin:0 1px 0 0 ;
padding:0;
}
#tab a
{
background: url("http://www.fileden.com/files/2007/6/19/1190933/bright_115.gif") no-repeat right top;
margin:0;
padding:0;
text-decoration:none;
border:0;
display:block;
float:left;
}
#tab a span
{
display:block;
background:url("http://www.fileden.com/files/2007/6/19/1190933/bleft_115.gif") no-repeat left top;
padding:0 22px 0 22px;
font-family:Arial, Helvetica, sans-serif;
font-size:11;
color:#FFFFFF;
font-weight:bold;
line-height:27px;
}
#tab a:hover,#tab li.item_active a
{
background-position:right bottom;
border-color:;
}
#tab a:hover span,#tab li.item_active a span
{
background-position:left bottom;
color:#000000;
font-weight:bold;
font-style:normal;
text-decoration:none;
}
.dropmenudiv
{
position:absolute;
top:0;
float:left;
display:block;
visibility:hidden;
border-style:solid;
border-color:#9AB6D2;
border-top-width:0;
border-right-width:0;
border-bottom-width:3px;
border-left-width:0;
background: #FFFFFF;
color:#FFFFFF;
z-index:100;
text-decoration:none;
padding:0;
}
.dropmenudiv ul
{
margin:0;
padding:0;
list-style:none;
}
.dropmenudiv li
{
display:inline;
margin:0;
padding:0;
}
.dropmenudiv a:link, .dropmenudiv a:visited
{
width:180px;
margin:0 1px 0 0 ;
padding:0;
display:block;
border:0 solid ;
color:#FFFFFF;
background:url("http://www.fileden.com/files/2007/6/19/1190933/bleft_115.gif") no-repeat left top;
font-weight:bold;
font-style:normal;
text-decoration:none;
}
.dropmenudiv a span
{
float:left;
display:block;
line-height:27px;
background:url("http://www.fileden.com/files/2007/6/19/1190933/bright_115.gif") no-repeat right top;
padding:0 22px 0 22px;
font-family:Arial, Helvetica, sans-serif;
font-size:11;
color:#FFFFFF;
}
.dropmenudiv a span
{
float:none;
}
.dropmenudiv a:hover
{
border:0 solid ;
background-position:left bottom;
font-weight:bold;
font-style:normal;
text-decoration:none;
color:#000000;
}
.dropmenudiv a:hover span
{
background-position:right bottom;
color:#000000;
font-weight:bold;
} </style></p>
<div id="MainMenu">
<div id="tab">
<ul>
<li class="item_active"><a href="İNDEX.HTML"><span>LİNK</span></a></li>
<li><a href="İNDEX.HTML"><span>LİNK</span></a></li>
<li><a href="İNDEX.HTML"><span>LİNK</span></a></li>
<li><a href="İNDEX.HTML"><span>LİNK</span></a></li>
<li><a href="İNDEX.HTML"><span>LİNK</span></a></li>
<li><a href="İNDEX.HTML"><span>LİNK</span></a></li>
<li><a href="İNDEX.HTML"><span>LİNK</span></a></li>
<li><a href="İNDEX.HTML"><span>LİNK</span></a></li>
<li><a href="İNDEX.HTML"><span>LİNK</span></a></li>
<li><a href="İNDEX.HTML"><span>LİNK</span></a></li>
<li><a href="İNDEX.HTML"><span>LİNK</span></a></li>
<li><a href="İNDEX.HTML"><span>LİNK</span></a></li>
</ul>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<p align="center">
<table height="500" cellspacing="1" cellpadding="1" width="970" border="5">
<tbody>
<tr>
<td valign="top" align="left">
<table cellspacing="0" cellpadding="0" width="936" border="0">
<tbody>
<tr>
<td> </td>
</tr>

Kod:

</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</p>

css koduna

Kod:

td.nav {visibility:hidden;}
li.nav_element{display: none;}
td.headline2 {visibility:hidden;}
td.nav_element checked_menu {visibility:hidden;}
td.content_container{visibility:hidden;}