Tasarımın Üstü <div id="tasarim"> <div id="baslik"></div> <div id=""> <div class=""> <ul> <li class=""><a href="" title=""><span></span></a></li> <li><a href="" title=""><span></span></a></li> <li><a href="" title=""><span></span></a></li> <li><a href="" title=""><span></span></a></li> <li><a href="" title=""><span></span></a></li> <li><a href="" title=""><span></span></a></li> <li><a href" title=""></span></a></li> </ul> </div> </div> <div id="ust"></div> <div id="orta"> css kod Üst <div id="tasarim"> <div id="baslik"></div> <div id=""> <div class=""> <ul> <li class=""><a href="" title=""><span></span></a></li> <li><a href="" title=""><span></span></a></li> <li><a href="" title=""><span></span></a></li> <li><a href="" title=""><span></span></a></li> <li><a href="" title=""><span></span></a></li> <li><a href="" title=""><span></span></a></li> <li><a href" title=""></span></a></li> </ul> </div> </div> <div id="ust"></div> <div id="orta"> alt </div> <div id="alt"></div> </div css 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;} * { padding: 0; margin: 0; } body { font-family: Arial; font-size: 12px; background: url(https://img.webme.com/pic/p/playmakerr/arkaplans.jpg) top center fixed; } #tasarim { margin: 0 auto; width: 900px } #baslik { width: 980px; height: 150px; background: none; border: 3px solid #; } #ust { width:965px; height:300px; background: url(https://img.webme.com/pic/p/playmakerr/templatemobanner.png); margin: 50px 0 0 0; } #orta { width:910px; background: url(https://img.webme.com/pic/p/playmakerr/templatemocontentmiddle.png); padding: 0 25px 0 25px; } #alt { width:965px; height:55px; background: url(https://img.webme.com/pic/p/playmakerr/templatemofooter.png); float: left; } /*Eğer Menüyü sabitlemek isterseniz position:fixed; kodunu katmana eklemeniz yeterli.*/ #sitemenum { width:845px; } /* Menü kodu burada başlıyor*/ .animatedtabs{ border-bottom: 1px solid gray; overflow: hidden; width: 100%; font-size: 14px; /*font of menu text*/ } .animatedtabs ul{ list-style-type: none; margin: 0; margin-left: 10px; /*offset of first tab relative to page left edge*/ padding: 0; } .animatedtabs li{ float: left; margin: 0; padding: 0; } .animatedtabs a{ float: left; position: relative; top: 5px; /* 1) Number of pixels to protrude up for selected tab. Should equal (3) MINUS (2) below */ background: url(https://img.webme.com/pic/p/playmakerr/cssmenusiyah.png) no-repeat left top; margin: 0; margin-right: 3px; /*Spacing between each tab*/ padding: 0 0 0 9px; text-decoration: none; } .animatedtabs a span{ float: left; position: relative; display: block; background: url(https://img.webme.com/pic/p/playmakerr/cssmenusiyah.png) no-repeat right top; padding: 5px 14px 3px 5px; /* 2) Padding within each tab. The 3rd value, or 3px, should equal (1) MINUS (3) */ font-weight: bold; color: white; } /* Commented Backslash Hack hides rule from IE5-Mac */ .animatedtabs a span {float:none;} /* End IE5-Mac hack */ .animatedtabs .selected a{ background-position: 0 -5px; top: 0; } .animatedtabs .selected a span{ background-position: % -0px; color: white; padding-bottom: 8px; /* 3) Bottom padding of selected tab. Should equal (1) PLUS (2) above */ top: 0; } td,tr,p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#000000; text-align: left; } <span style="font-size: small"> <table id="tablom" height="31" cellspacing="0" cellpadding="0" width="161" background="https://img.webme.com/pic/p/playmaker86/menu5.gif" border="2" style="width: 161px; height: 31px"> <tbody> <tr> <td style="text-align: center"> <div style="text-align: left"><br /> Ana Sayfa<br /> <br /> İce Blue<br /> <br /> Css Tasarım (Yakında)<br /> <br /> Butterfuly(Yakında)<br /> <br /> Red(Yakında)<br /> </div> </td> </tr> </tbody> </table> </span>
