. - Css Tasarımları

Tasarımın Üzerindeki Yazı ;

Kod:

<div id="bg">
<div id="maincontainer">
<div id="contentwrapper">
<div id="content">
<h1>SitenizinAdi.Tr.Gg</h1>
</div>

Tasarımın Altındaki Yazı ;

Kod:

<div id="footer">
Design by <a href="http://css-tasarim.tr.gg/">Css-Tasarim.Tr.Gg</a>
</div>

[b]
Css Kodları ;

Kod:

h1#title{display: none;} h2#title span {display: none;} div.header{display: none;}
body {background-color:#F2F2F2;}
a{color:#000080; font-size: 14px; text-decoration: none;}
a:hover {color: #000080; font-size: 14px; text-decoration: none;}
a:link {color: #000080; font-size: 14px; text-decoration: none;}
a:active {color: #000080; font-size: 14px; text-decoration: none;}
a:visited {color: #000080; font-size: 14px; text-decoration: none;}

/*LAYOUT*/

* { outline: none; }

#bg { background: url(http://www.opendesigns.org/designs/1674/images/bg.jpg) no-repeat 0% 0%; position: absolute; width: 520px; height: 420px; left: 50%; top: 50%; margin-left: -260px; /* width -(520px/2) = -260px */margin-top: -210px; /* height -(420px/2) = -210px */}

#nav_contai<zxner{ width: 520px; margin: 0 auto; }

#contentwrapper{ float: left; width: 100%; }

#content{ margin: 0 0 0 235px; padding: 0 25px 0 0; }

#nav_container{ float: left; width: 210px; margin: 65px 0 0 -520px; }

#footer { clear: left; text-align: right; padding: 50px 10px 0 0; }

/*NAVIGATION*/

#nav_container { margin: 0 0 0 25px; padding-left: 0; list-style: none; }

#nav_container li a { padding-left: 5px; }

/*STYLES*/

body { background: #fff; color: #666; font: normal 13px/1.5em arial, helvetica, sans-serif; word-spacing: 0.1em; }

#text { height: 255px; width: 250px; padding-right: 5px; overflow: auto; margin-top: 45px; }

p { margin: 0 0 18px 0; }

a, a:link, a:visited, a:active { color: #069; font-weight: bold; text-decoration: none; }
a:hover { text-decoration: underline; }

h1 { color: #cc0000; font-size: 1.5em; text-align: right; line-height: 1em; margin: 25px 0 0 0; }
h2, h3, h4 { color: #069; font-size: 1.3em; line-height: 1em; margin: 0 0 9px 0; }

#footer { font-size: 0.85em; }

#counter {
font-family:Comic Sans MS;
font-weight: bold;
font-size:15px;
margin-top: 250px;
border-top: 1px solid #D5D4D0;
border-bottom: 1px solid #D5D4D0;
padding-left: 30px;
height: 25px;
background-color: #FFF6D8;

li.nav_element a{
color:#000000;
font-weight: bold;
display: block;
margin: 0px;
padding-left: 0px
text-decoration: none;
width: 120px;
height: 25px;
background-image:url(http://img233.imageshack.us/img233/890/27hv3.jpg);
background-color:}
li.nav_element a:hover{
color:#000000;
font-weight: bold;
display: block;
margin: 0px;
padding-left: 0px
text-decoration: none;
width: 120px;
height: 25px;
background-image: none;
background-color:}
* { padding: 0; margin: 0;

SSSüPERRR TASARIMMM

tasarımın ustune

<div align="center"><table border="0" width="70%"><tr><td> <p align="center"> </p> <p align="center"> <table cellspacing="0" cellpadding="0" width="900" border="0"> <tbody> <tr> <td bgcolor="#333333"> <p align="center"><img class="" style="width: 895px; height: 149px" height="149" alt="VEBSİTEN TASARIM SAYFALARİ" width="877" src="http://www.ww64.com/uploads/images/2008-10-05/y24WWLBCut.jpg" /></p> </td> </tr> <tr> <td> <p align="center"> </p> <div id="menucontainer"> <div id="menunav"> <ul> <li><a class="current" title="sample" target="_self" href="#"><span>sample</span></a></li> <li><a title="sample" target="_self" href="#"><span>sample</span></a></li> <li><a title="sample" target="_self" href="#"><span>sample</span></a></li> <li><a title="sample" target="_self" href="#"><span>sample</span></a></li> <li><a title="sample" target="_self" href="#"><span>sample</span></a></li> </ul> </div> </div> </td> </tr> </tbody> </table> </p> <p align="center"> <table height="600" cellspacing="0" cellpadding="0" width="900" border="0"> <tbody> <tr> <td valign="middle" align="center"> <table cellspacing="0" cellpadding="0" width="700" border="0"> <tbody> <tr> <td> </td> </tr>

tasarımın altına

</tbody> </table> </td> <td valign="top" align="right"> <table height="400" cellspacing="0" cellpadding="0" width="200" border="0"> <tbody> <tr> <td valign="top" align="right"> <table cellspacing="0" cellpadding="0" width="200" border="0"> <tbody> <tr> <td bgcolor="#000000"> <h3 align="center"><font face="Comic Sans MS" color="#993300">BURAYA YAZI YAZ</font></h3> </td> </tr> <tr> <td>BURAYA YAZI YAZ</td> </tr> <tr> <td>BURAYA YAZI YAZ</td> </tr> <tr> <td>BURAYA YAZI YAZ</td> </tr> <tr> <td>BURAYA YAZI YAZ</td> </tr> <tr> <td>BURAYA YAZI YAZ</td> </tr> <tr> <td>BURAYA YAZI YAZ</td> </tr> <tr> <td>BURAYA YAZI YAZ</td> </tr> <tr> <td>BURAYA YAZI YAZ</td> </tr> <tr> <td>BURAYA YAZI YAZ</td> </tr> <tr> <td>BURAYA YAZI YAZ</td> </tr> <tr> <td>BURAYA YAZI YAZ</td> </tr> <tr> <td>BURAYA YAZI YAZ</td> </tr> <tr> <td>BURAYA YAZI YAZ</td> </tr> <tr> <td>BURAYA YAZI YAZ</td> </tr> <tr> <td>BURAYA YAZI YAZ</td> </tr> <tr> <td>BURAYA YAZI YAZ</td> </tr> <tr> <td>BURAYA YAZI YAZ</td> </tr> <tr> <td>BURAYA YAZI YAZ</td> </tr> <tr> <td>BURAYA YAZI YAZ</td> </tr> <tr> <td>BURAYA YAZI YAZ</td> </tr> <tr> <td>BURAYA YAZI YAZ</td> </tr> <tr> <td>BURAYA YAZI YAZ</td> </tr> <tr> <td>BURAYA YAZI YAZ</td> </tr> <tr> <td>BURAYA YAZI YAZ</td> </tr> <tr> <td>BURAYA YAZI YAZ</td> </tr> <tr> <td>BURAYA YAZI YAZ</td> </tr> <tr> <<td>BURAYA YAZI YAZ</td> </tr> <tr> <td>BURAYA YAZI YAZ</td> </tr> <tr> <td>BURAYA YAZI YAZ</td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table> </p> </td></tr></table></div>

css koduna

 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;}  *{ list-style:none; } #menucontainer{ position:relative; height:50px; color:#FFFFFF; background:#383636; width:100%; font-family:Helvetica,Arial,Verdana,sans-serif; } #menunav{ position:relative; height:38px; font-size:12px; text-transform:uppercase; font-weight:bold; background:#fff url(http://www.ww64.com/uploads/images/2008-10-05/ge0RiKW8ZA.jpg) repeat-x bottom left; padding:0 0 0 20px;} #menunav ul{ margin:0; padding:0; list-style-type:none; width:auto; float:left;} #menunav ul li{ display:block; float:left; margin:0 1px;} #menunav ul li a{ display:block; float:left; color:#EAF3F8; text-decoration:none; padding:0 0 0 20px; height:38px;} #menunav ul li a span{ padding:12px 20px 0 0; height:21px; float:left;} #menunav ul li a:hover{ color:#fff; background:transparent url(http://www.ww64.com/uploads/images/2008-10-05/JrmrEYgOvC.jpg) repeat-x bottom left;} #menunav ul li a:hover span{ display:block; width:auto; cursor:pointer;} #menunav ul li a.current, #menunav ul li a.current:hover{ color:#fff; background:#1D6893 url(http://www.ww64.com/uploads/images/2008-10-05/q7bziZMTXl.jpg) no-repeat top left; line-height:275%;} #menunav ul li a.current span{ display:block; padding:0 20px 0 0; width:auto; background:#383636 url(http://www.ww64.com/uploads/images/2008-10-05/S1qmXi5xKB.jpg) no-repeat top right; height:38px;} /* ---------------------- END Dolphin nav ---------------------- */

iletişim ve ziyaretçi defterine kod

<table style="width: 550px; height: 600px" cellspacing="0" cellpadding="0" width="493" style="border: 3px solid #ff9900;"> <tbody> <td border="2" bordercolor="#ffffff" bgcolor="#ffffff">