Kodlarda - Birbirinden güzel css tasarımlar

tasartımın ustune

<div align="center"> <table cellspacing="1" cellpadding="1" width="970" align="center" border="5"> <tbody> <tr> <td> <table cellspacing="1" cellpadding="1" width="970" border="2"> <tbody> <tr> <td> <p align="center"><font color="#ff6600"><img class="" alt="" src="http://www.ww64.com/uploads/images/2008-10-04/iVEZXGbZaS.jpg" /></font></p> </td> </tr> </tbody> </table> <br /> <table cellspacing="0" cellpadding="0" width="970" border="0"> <tbody> <tr> <td> <p align="center"><font color="#ff6600"><style type="text/css"> #MainMenu { height:36px; background: #FFFFFF url('http://www.fileden.com/files/2007/6/19/1190933/bmid_113.gif'); margin:0; border:0px none; } #tab { margin:0; top:0; } #tab ul { margin:0; padding:0; list-style:none; float:left; } #tab li { display:inline; float:left; margin:0; padding:0; } #tab a { background: url('http://www.fileden.com/files/2007/6/19/1190933/bright_113.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_113.gif') no-repeat left top; font-family:Arial, Helvetica, sans-serif; font-size:11; color:#FFFFFF; font-weight:bold; line-height:36px; 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:#FFFFFF; font-weight:bold; font-style:normal; text-decoration:none; } .dropmenudiv { position:absolute; top:0; float:left; display:block; visibility:hidden; border:0px solid ; background: #FFFFFF url('http://www.fileden.com/files/2007/6/19/1190933/bmid_113.gif'); 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; padding:0; display:block; border:0px solid ; color:#FFFFFF; background:url('http://www.fileden.com/files/2007/6/19/1190933/bleft_113.gif') no-repeat left top; font-weight:bold; font-style:normal; text-decoration:none } .dropmenudiv a span { float:left; display:block; line-height:36px; background:url('http://www.fileden.com/files/2007/6/19/1190933/bright_113.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:#FFFFFF } .dropmenudiv a:hover span { background-position:right bottom; color:#FFFFFF; font-weight:bold; } </style><script type="text/javascript" src="http://h1.ripway.com/kristaldunya/chromees.js"></script><style type="text/css"> #MainMenu { height:36px; background: #FFFFFF url("http://www.fileden.com/files/2007/6/19/1190933/bmid_113.gif"); margin:0; border: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; padding:0; } #tab a { background: url("http://www.fileden.com/files/2007/6/19/1190933/bright_113.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_113.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:36px; } #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:#FFFFFF; font-weight:bold; font-style:normal; text-decoration:none; } .dropmenudiv { position:absolute; top:0; float:left; display:block; visibility:hidden; border:0 solid ; background: #FFFFFF url("http://www.fileden.com/files/2007/6/19/1190933/bmid_113.gif"); 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; padding:0; display:block; border:0 solid ; color:#FFFFFF; background:url("http://www.fileden.com/files/2007/6/19/1190933/bleft_113.gif") no-repeat left top; font-weight:bold; font-style:normal; text-decoration:none; } .dropmenudiv a span { float:left; display:block; line-height:36px; background:url("http://www.fileden.com/files/2007/6/19/1190933/bright_113.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:#FFFFFF; } .dropmenudiv a:hover span { background-position:right bottom; color:#FFFFFF; font-weight:bold; } </style></font></p> <div id="MainMenu"> <div id="tab"> <ul> <li class="item_active"><a href="LİNK"><span>Ana sayfa</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> <div align="center"><br /> <br /> <table height="600" cellspacing="1" cellpadding="1" width="970" align="center" border="5"> <tbody> <tr> <td valign="top" align="left"> <table cellspacing="0" cellpadding="0" width="900" border="0"> <tbody> <tr> <td>&nbsp;</td> </tr>

tasarımın altına

css koduna

iletişim ve ziyaretçi defterine kod

tasarımın ustune

TASARIMIN USTUNE

TASARIMIN ALTINA

CSS KODUNA

tasarımın ustune

<div align="center"><table border="0" width="70%"><tr><td> <p align="center"> <table cellspacing="0" cellpadding="0" width="900" border="0"> <tbody> <tr> <td bgcolor="#ff6600"> <p align="center"><img class="" alt="" src="https://img.webme.com/pic/y/ymag/hosgeldinizzzz.gif" /></p> </td> </tr> <tr> <td> <p align="center"> <table height="600" cellspacing="1" cellpadding="1" width="900" border="5"> <tbody> <tr> <td valign="top" align="left"> <table style="width: 189px; height: 407px" cellspacing="1" cellpadding="1" width="189" border="5"> <tbody> <tr> <td bgcolor="#ff6600"> <table height="376" cellspacing="0" cellpadding="0" width="170" border="2"> <tbody> <tr> <td><a href="http://link.html"><font color="#ffff00">link</font></a></td> </tr> <tr> <td><a href="http://link.html"><font color="#ffff00">link</font></a></td> </tr> <tr> <td><a href="http://link.html"><font color="#ffff00">link</font></a></td> </tr> <tr> <td><a href="http://link.html"><font color="#ffff00">link</font></a></td> </tr> <tr> <td><a href="http://link.html"><font color="#ffff00">link</font></a></td> </tr> <tr> <td><a href="http://link.html"><font color="#ffff00">link</font></a></td> </tr> <tr> <td><a href="http://link.html"><font color="#ffff00">link</font></a></td> </tr> <tr> <td><a href="http://link.html"><font color="#ffff00">link</font></a></td> </tr> <tr> <td><a href="http://link.html"><font color="#ffff00">link</font></a></td> </tr> <tr> <td><a href="http://link.html"><font color="#ffff00">link</font></a></td> </tr> <tr> <td><a href="http://link.html"><font color="#ffff00">link</font></a></td> </tr> <tr> <td><a href="http://link.html"><font color="#ffff00">link</font></a></td> </tr> <tr> <td><a href="http://link.html"><font color="#ffff00">link</font></a></td> </tr> <tr> <td><a href="http://link.html"><font color="#ffff00">link</font></a></td> </tr> <tr> <td><a href="http://link.html"><font color="#ffff00">link</font></a></td> </tr> <tr> <td><a href="http://link.html"><font color="#ffff00">link</font></a></td> </tr> <tr> <td><a href="http://link.html"><font color="#ffff00">link</font></a></td> </tr> <tr> <td><a href="http://link.html"><font color="#ffff00">link</font></a></td> </tr> <tr> <td><a href="http://link.html"><font color="#ffff00">link</font></a></td> </tr> <tr> <td><a href="http://link.html"><font color="#ffff00">link</font></a></td> </tr> <tr> <td><a href="http://link.html"><font color="#ffff00">link</font></a></td> </tr> <tr> <td><a href="http://link.html"><font color="#ffff00">link</font></a></td> </tr> </tbody> </table> </td> </tr> </tbody> </table> <br /> <br /> <table style="width: 153px; height: 282px" cellspacing="1" cellpadding="1" width="153" border="5"> <tbody> <tr> <td bgcolor="#ff6600">     <font color="#ffff00">GÜNÜN RESMİ</font></td> </tr> <tr> <td bgcolor="#ff6600"> <p><iframe name="I1" marginwidth="0" marginheight="0" src="http://bywebmaster.somee.com/Gunun_Resmi/default.asp" frameborder="0" width="170" scrolling="no" height="246"> </iframe></p> </td> </tr> </tbody> </table> </td> <td>  <table cellspacing="0" cellpadding="0" width="700" border="0"> <tbody> <tr> <td> </td> </tr>

tasarımın altına

</tbody> </table> </td> </tr> </tbody> </table> </p> </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;}

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">

tasarımın ustune

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>Title</title> <style type="text/css">  </style></head> <body> <table width="950" border="0" cellspacing="0" cellpadding="0" align="center"> <tr> <td background="http://www.ww64.com/uploads/images/2008-10-26/Kzk2slDOGf.jpg" width="950" height="168"> <table width="950" border="0" cellspacing="0" cellpadding="0" height="168"> <tr> <td width="29"> </td> <td width="921" height="140" valign="bottom" align="left"> <font face="Arial, Helvetica, sans-serif" style="font-size:60px" color="#595959"> Title </font></td> </tr> <tr> <td> </td> <td> </td> </tr> </table></td> </tr> <tr> <td><table width="950" border="0" cellspacing="0" cellpadding="0"> <tr> <td background="http://www.ww64.com/uploads/images/2008-10-26/Fvc7v2swuW.jpg" width="200" valign="top">  <table width="200" border="0" cellspacing="0" cellpadding="0" background="http://www.ww64.com/uploads/images/2008-10-26/gfoqsFJyJl.jpg"> <tr> <td height="25"><a class="mouseover" href="#"><img src="http://www.ww64.com/uploads/images/2008-10-26/Q8UG4edRuq.gif" height="1" width="40" border="0">Link 1</a></td> </tr> <tr> <td height="25"><a class="mouseover" href="#"><img src="http://www.ww64.com/uploads/images/2008-10-26/Q8UG4edRuq.gif" height="1" width="40" border="0">Link 2</a></td> </tr> <tr> <td height="25"><a class="mouseover" href="#"><img src="http://www.ww64.com/uploads/images/2008-10-26/Q8UG4edRuq.gif" height="1" width="40" border="0">Link 3</a></td> </tr> <tr> <td height="25" valign="middle"><a class="mouseover" href="#"><img src="http://www.ww64.com/uploads/images/2008-10-26/Q8UG4edRuq.gif" height="1" width="40" border="0">Link 4</a></td> </tr> <tr> <td height="25" valign="middle"><a class="mouseover" href="#"><img src="http://www.ww64.com/uploads/images/2008-10-26/Q8UG4edRuq.gif" height="1" width="40" border="0">Link 5</a></td> </tr> <tr> <td height="25" valign="middle"><a class="mouseover" href="#"><img src="http://www.ww64.com/uploads/images/2008-10-26/Q8UG4edRuq.gif" height="1" width="40" border="0">Link 6</a></td> </tr> <tr> <td height="25" valign="middle"><a class="mouseover" href="#"><img src="http://www.ww64.com/uploads/images/2008-10-26/Q8UG4edRuq.gif" height="1" width="40" border="0">Link 7</a></td> </tr> <tr> <td height="25" valign="middle"><a class="mouseover" href="#"><img src="http://www.ww64.com/uploads/images/2008-10-26/Q8UG4edRuq.gif" height="1" width="40" border="0">Link 8</a></td> </tr> <tr> <td height="25" valign="middle"><a class="mouseover" href="#"><img src="http://www.ww64.com/uploads/images/2008-10-26/Q8UG4edRuq.gif" height="1" width="40" border="0">Link 9</a></td> </tr> <tr> <td height="25" valign="middle"><a class="mouseover" href="#"><img src="http://www.ww64.com/uploads/images/2008-10-26/Q8UG4edRuq.gif" height="1" width="40" border="0">Link 10</a></td> </tr> <tr> <td height="25" valign="middle"><a class="mouseover" href="#"><img src="http://www.ww64.com/uploads/images/2008-10-26/Q8UG4edRuq.gif" height="1" width="40" border="0">Link 11</a></td> </tr> <tr> <td height="25" valign="middle"><a class="mouseover" href="#"><img src="http://www.ww64.com/uploads/images/2008-10-26/Q8UG4edRuq.gif" height="1" width="40" border="0">Link 12</a></td> </tr> <tr> <td height="25" valign="middle"><a class="mouseover" href="#"><img src="http://www.ww64.com/uploads/images/2008-10-26/Q8UG4edRuq.gif" height="1" width="40" border="0">Link 13</a></td> </tr> <tr> <td height="25" valign="middle"><a class="mouseover" href="#"><img src="http://www.ww64.com/uploads/images/2008-10-26/Q8UG4edRuq.gif" height="1" width="40" border="0">Link 14</a></td> </tr> <tr> <td height="25" valign="middle"><a class="mouseover" href="#"><img src="http://www.ww64.com/uploads/images/2008-10-26/Q8UG4edRuq.gif" height="1" width="40" border="0">Link 15</a></td> </tr> <tr height="35"> <td height="35" background="images/navi_unten.jpg"></td> </tr> </table></td> <td background="http://www.ww64.com/uploads/images/2008-10-26/gWjcx5DWG4.jpg" width="550" valign="top"><table width="550" border="0" cellspacing="0" cellpadding="0"> <tr> <td colspan="3"><img src="http://www.ww64.com/uploads/images/2008-10-26/yGbV3PrQ47.jpg" width="550" height="37"></td> </tr> <tr> <td width="10"> </td> <td width="530"><font face="Arial, Helvetica, sans-serif" style="font-size:12px">

tasarımın altına

</font></td> <td width="10"> </td> </tr> </table></td> <td background="http://www.ww64.com/uploads/images/2008-10-26/b4ioXyNGka.jpg" width="200" valign="top"> <table width="200" border="0" cellspacing="0" cellpadding="0" background="http://www.ww64.com/uploads/images/2008-10-26/ccV7fcoWf2.jpg"> <tr> <td width="10"> </td> <td width="170" align="center"> <a class="link" href="#" target="_blank">Link</a><br> <a class="link" href="#" target="_blank">Link</a><br> <a class="link" href="#" target="_blank">Link</a><br> <a class="link" href="#" target="_blank">Link</a><br> <a class="link" href="#" target="_blank">Link</a><br> <a class="link" href="#" target="_blank">Link</a> </td> <td width="20"> </td> </tr> <tr> <td colspan="3"><img src="http://www.ww64.com/uploads/images/2008-10-26/ZZmDKORrvi.jpg" width="200" height="18"></td> </tr> <tr> <td width="10"> </td> <td align="center" width="170"><font face="Arial, Helvetica, sans-serif" style="font-size:11px" color="#FF6600"> BU TASARIM VEBSİTEN.TR.GG TARAFINDAN TEMPLATE SİTESİNDEN BULUP DUZENLEMİŞTİR </font> </td> <td width="20"> </td> </tr> <tr height="41"> <td colspan="3" height="41" background="http://www.ww64.com/uploads/images/2008-10-26/2QSqvdM53w.jpg"></td> </tr> </table></td> </tr> </table></td> </tr> <tr> <td><img src="http://www.ww64.com/uploads/images/2008-10-26/bKbedJqnC8.jpg" width="950" height="46"></td> </tr> </table> <div style="font-size: 0.8em; text-align: center; margin-top: 1.0em; margin-bottom: 1.0em;"></div> </body> </html>

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