Bedava-sitem için hazır kodlar ve dersler

Tasarımlar tablolarla yapılmıştır...
Gothic Tasarım-1

Tasarımın üstündeki yazı:
<p> <table cellspacing="0" cellpadding="0" width="800" border="1"> <tbody> <tr> <td valign="top" bordercolor="#ff6600" align="left" bgcolor="#000000"> <table height="200" cellspacing="0" cellpadding="0" width="800" border="1"> <tbody> <tr> <td valign="top" bordercolor="#ff6600" align="left" bgcolor="#000000"><img class="" alt="" src="http://img246.imageshack.us/img246/4116/baslikkgm3.jpg" /></td> </tr> </tbody> </table> <table style="width: 169px; height: 317px" cellspacing="1" cellpadding="1" width="169" align="left" border="1"> <tbody> <tr> <td valign="top" bordercolor="#ff6600" align="left" bgcolor="#000000"> <table style="width: 161px; height: 39px" cellspacing="0" cellpadding="0" width="161" border="1"> <tbody> <tr> <td> <p align="center"><font face="Courier New" color="#ff0000" size="3"><strong>ANA MENÜ</strong></font></p> </td> </tr> </tbody> </table> <table style="width: 161px; height: 19px" cellspacing="0" cellpadding="0" width="161" border="1"> <tbody> <tr> <td> </td> </tr> </tbody> </table> <table style="width: 161px; height: 19px" cellspacing="0" cellpadding="0" width="161" border="1"> <tbody> <tr> <td> </td> </tr> </tbody> </table> <table style="width: 161px; height: 19px" cellspacing="0" cellpadding="0" width="161" border="1"> <tbody> <tr> <td> </td> </tr> </tbody> </table> <table style="width: 161px; height: 19px" cellspacing="0" cellpadding="0" width="161" border="1"> <tbody> <tr> <td> </td> </tr> </tbody> </table> <table style="width: 161px; height: 19px" cellspacing="0" cellpadding="0" width="161" border="1"> <tbody> <tr> <td> </td> </tr> </tbody> </table> <table style="width: 161px; height: 19px" cellspacing="0" cellpadding="0" width="161" border="1"> <tbody> <tr> <td> </td> </tr> </tbody> </table> <table style="width: 161px; height: 19px" cellspacing="0" cellpadding="0" width="161" border="1"> <tbody> <tr> <td> </td> </tr> </tbody> </table> <table style="width: 161px; height: 19px" cellspacing="0" cellpadding="0" width="161" border="1"> <tbody> <tr> <td> </td> </tr> </tbody> </table> <table style="width: 161px; height: 19px" cellspacing="0" cellpadding="0" width="161" border="1"> <tbody> <tr> <td> </td> </tr> </tbody> </table> <table style="width: 161px; height: 19px" cellspacing="0" cellpadding="0" width="161" border="1"> <tbody> <tr> <td> </td> </tr> </tbody> </table> <table style="width: 161px; height: 19px" cellspacing="0" cellpadding="0" width="161" border="1"> <tbody> <tr> <td> </td> </tr> </tbody> </table> <table style="width: 161px; height: 19px" cellspacing="0" cellpadding="0" width="161" border="1"> <tbody> <tr> <td> </td> </tr> </tbody> </table> <table style="width: 161px; height: 19px" cellspacing="0" cellpadding="0" width="161" border="1"> <tbody> <tr> <td> </td> </tr> </tbody> </table> <table style="width: 161px; height: 19px" cellspacing="0" cellpadding="0" width="161" border="1"> <tbody> <tr> <td> </td> </tr> </tbody> </table> <table style="width: 161px; height: 19px" cellspacing="0" cellpadding="0" width="161" border="1"> <tbody> <tr> <td> </td> </tr> </tbody> </table> <table style="width: 161px; height: 19px" cellspacing="0" cellpadding="0" width="161" border="1"> <tbody> <tr> <td> </td> </tr> </tbody> </table> </td> </tr> </tbody> </table>
Tasarımın Altındaki Yazı:
<font color="#ffffff">İÇERİK BURAYA..<br /> </font></td> </tr> </tbody> </table> </p>
Css Kodu:
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;}

Gothic Tasarım-2

Tasarımın Üstündeki yazı:
<div align="center"><table border="0" width="70%"><tr><td> <p> <table cellspacing="0" cellpadding="0" width="800" border="1"> <tbody> <tr> <td valign="top" bordercolor="#ffffff" align="left" bgcolor="#000000"> <table height="203" cellspacing="0" cellpadding="0" width="800" border="1"> <tbody> <tr> <td valign="top" bordercolor="#ff6600" align="left" bgcolor="#000000"><img class="" alt="" src="http://img528.imageshack.us/img528/2272/gothicbaslik2ep2.jpg" /></td> </tr> </tbody> </table> <table height="50" cellspacing="0" cellpadding="0" width="800" border="0"> <tbody> <tr> <td><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> <div id="MainMenu"> <div id="tab"> <ul> <li class="item_active"><a href="#"><span>Home</span></a></li> <li><a href="#"><span>About</span></a></li> <li><a href="#"><span>Contact</span></a></li> </ul> </div> </div> </td> </tr> </tbody> </table>
Tasarımın Altındaki Yazı:
</td></tr></table></div> </tr> </tbody> </table> </p>
Css Kodu:
Css Kodu: 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;} <style type="text/css">  </style> <style type="text/css">  </style>

Beyaz Tasarım

Tasarımın Üstündeki Yazı:
<p> <table cellspacing="0" cellpadding="0" width="800" border="1"> <tbody> <tr> <td valign="top" bordercolor="#000000" align="left"> <table height="250" cellspacing="0" cellpadding="0" width="800" border="1"> <tbody> <tr> <td valign="top" bordercolor="#000000" align="left"><img class="" dir="ltr" alt="" src="http://img510.imageshack.us/img510/6567/baslikbp2.jpg" /></td> </tr> </tbody> </table> <table style="width: 804px; height: 54px" height="54" cellspacing="0" cellpadding="0" width="804" border="1"> <tbody> <tr> <td> <p align="center"><a target="_blank" href="http:www.nett-oguzhann.tr.gg"><img class="" alt="" border="0" src="http://img510.imageshack.us/img510/441/27893767iy0.jpg" /></a><a target="_blank" href="#"><img class="" alt="" border="0" src="http://img510.imageshack.us/img510/1095/92459727td0.jpg" /></a><a target="_blank" href="#"><img class="" alt="" border="0" src="http://img510.imageshack.us/img510/3321/70806388jj1.jpg" /></a></p> </td> </tr> </tbody> </table> <table height="50" cellspacing="0" cellpadding="0" width="800" border="1"> <tbody> <tr> <td valign="top" bordercolor="#000000" align="left"><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> <div id="MainMenu" style="width: 801px; height: 30px"> <div id="tab"> <ul> <li class="item_active"><a href="#"><span>Home</span></a></li> <li><a href="#"><span>About</span></a></li> <li><a href="#"><span>Contact</span></a></li> </ul> </div> </div> </td> </tr> </tbody> </table>
Tasarımın Altındaki Yazı:
<p> <table cellspacing="0" cellpadding="0" width="800" border="1"> <tbody> <tr> <td valign="top" bordercolor="#000000" align="left"> <table height="250" cellspacing="0" cellpadding="0" width="800" border="1"> <tbody> <tr> <td valign="top" bordercolor="#000000" align="left"><img class="" dir="ltr" alt="" src="http://img510.imageshack.us/img510/6567/baslikbp2.jpg" /></td> </tr> </tbody> </table> <table style="width: 804px; height: 54px" height="54" cellspacing="0" cellpadding="0" width="804" border="1"> <tbody> <tr> <td> <p align="center"><a target="_blank" href="http:www.nett-oguzhann.tr.gg"><img class="" alt="" border="0" src="http://img510.imageshack.us/img510/441/27893767iy0.jpg" /></a><a target="_blank" href="#"><img class="" alt="" border="0" src="http://img510.imageshack.us/img510/1095/92459727td0.jpg" /></a><a target="_blank" href="#"><img class="" alt="" border="0" src="http://img510.imageshack.us/img510/3321/70806388jj1.jpg" /></a></p> </td> </tr> </tbody> </table> <table height="50" cellspacing="0" cellpadding="0" width="800" border="1"> <tbody> <tr> <td valign="top" bordercolor="#000000" align="left"><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> <div id="MainMenu" style="width: 801px; height: 30px"> <div id="tab"> <ul> <li class="item_active"><a href="#"><span>Home</span></a></li> <li><a href="#"><span>About</span></a></li> <li><a href="#"><span>Contact</span></a></li> </ul> </div> </div> </td> </tr> </tbody> </table>
Css Kodu:
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;} <style type="text/css">  </style>

Siyah Tasarım

Tasarımın Üstündeki Yazı:
<table cellspacing="0" cellpadding="0" width="800" border="1"> <tbody> <tr> <td valign="top" bordercolor="#ff6600" align="left" bgcolor="#000000"> <table height="200" cellspacing="0" cellpadding="0" width="800" border="1"> <tbody> <tr> <td valign="top" bordercolor="#ff6600" align="left" bgcolor="#000000"><img class="" alt="" src="http://img367.imageshack.us/img367/4826/96484340qx5.jpg" /></td> </tr> </tbody> </table> <table style="width: 804px; height: 50px" height="50" cellspacing="0" cellpadding="0" width="804" border="1"> <tbody> <tr> <td bordercolor="#ff6600"><script type="text/javascript" src="http://h1.ripway.com/kristaldunya/chromey.js"></script><style type="text/css"> #MainMenu { height:37px; background: #FFFFFF; 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_109.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_109.gif") no-repeat left top; padding:0 25px 0 25px; font-family:Arial, Helvetica, sans-serif; font-size:11; color:#FFFFFF; font-weight:bold; line-height:37px; } #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:0 solid ; 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; padding:0; display:block; border:0 solid ; color:#FFFFFF; background:url("http://www.fileden.com/files/2007/6/19/1190933/bleft_109.gif") no-repeat left top; font-weight:bold; font-style:normal; text-decoration:none; } .dropmenudiv a span { float:left; display:block; line-height:37px; background:url("http://www.fileden.com/files/2007/6/19/1190933/bright_109.gif") no-repeat right top; padding:0 25px 0 25px; 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> <div id="MainMenu"> <div id="tab"> <ul> <li class="item_active"><a href="#"><span>Sayfa Adı</span></a></li> <li><a href="#"><span>Sayfa Adı</span></a></li> <li><a href="#"><span>Sayfa Adı</span></a></li> </ul> </div> </div> </td> </tr> </tbody> </table>
Tasarımın Altındaki Yazı:
</tr> </tbody> </table>
Css Kodu:
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;} <style type="text/css">