EKLECOM - SİTE TASARIM CODLARI

:Carbon

Simpsons

Parkour

Bushido

Tuning

CS: Source

</style> </head> <body> <FONT color="white"><style type="text/css"> </style>

Spiderman 3

Işıklı Menü Tasarım Sayfası

Tam ekran görmek için resmi tıklayın

GÖL MANZARALI WEB TASARIM SAYFASI

Tam ekran görmek için resmi tıklayın

Tam ekran görmek için resmi tıklayın

Tam ekran görmek için resmi tıklayın

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de"> <style type="text/css"> </style> <div id="container"> <div id="header"></div> <div id="menu"> <ul> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Home</a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Descargas</a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Miembros</a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Servicios</a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Links</a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">Contacto</a></li> </ul> <h1>Tu Sitio Web</h1> <h2>Equipo roster</h2> </div> <div id="main"> <div id="content"> <br> <div id="right"> <img src="http://img9.xooimage.com/files/6/1/c/member3-b6abe4.gif" _fcksavedurl="http://img9.xooimage.com/files/6/1/c/member3-b6abe4.gif"><img src="http://img7.xooimage.com/files/4/3/2/member4-b6abff.gif" _fcksavedurl="http://img7.xooimage.com/files/4/3/2/member4-b6abff.gif"><br><img src="http://img9.xooimage.com/files/2/e/c/member1-b6ab78.gif" _fcksavedurl="http://img9.xooimage.com/files/2/e/c/member1-b6ab78.gif"><img src="http://img5.xooimage.com/files/1/d/a/member2-b6abb7.gif" _fcksavedurl="http://img5.xooimage.com/files/1/d/a/member2-b6abb7.gif"> <br> </div> <div id="left"> </div> </div> </div>

Tasarımın Altına

<div id="footer"> <br /><br /> <ul> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">home</a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">about me</a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">members</a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">services</a></li> <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">links</a></li> <li class="lastchild"><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">contact</a></li> </ul> <span>© Tu web 2009 | Designed by <li><a href="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com" _fcksavedurl="http://www.freewebsitetemplates.com">freewebsitetemplates</a></li> | Adapted by <li><a href="http://www.team-ayudamaster.es.tl" _fcksavedurl="http://www.team-ayudamaster.es.tl" _fcksavedurl="http://sitene-kod-ekle.tr.gg">sitene-kod-ekle</a></li> | All rights reserved. </span> </div> </div> <span id="footer-right"> <a href="index.html" _fcksavedurl="index.html" _fcksavedurl="index.html"></a> <a href="index.html" _fcksavedurl="index.html" _fcksavedurl="index.html"></a> <a href="index.html" _fcksavedurl="index.html" _fcksavedurl="index.html"></a> </span> </div>

CSS Koduna

lli.nav_element{display: none;} li.nav_element a{display: none;} 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;} body { background-image:url(http://img1.xooimage.com/files/a/a/9/background-b6aae5.gif); color: #000000; font-family: Arial, Helvetica, sans-serif, Verdana; font-size: 12px; margin: 0px; padding: 0px; } * {margin: 0px;padding: 0px;} .clear{clear:both;} #container { margin: 0px auto; text-align: left; width: 780px; } a { color: #000000; font-family: Arial, Helvetica, sans-serif, Verdana; font-size: 12px; } /********************** Header ***************************/ #header { margin: 0px 0px 0px 0px; background-image:url(http://img9.xooimage.com/files/3/c/5/header-b6ab0e.jpg); background-repeat:no-repeat; width:768px; height:262px; } #menu { position:relative; background-image:url(http://img7.xooimage.com/files/a/c/3/menu-b6ab25.jpg); background-repeat:no-repeat; width:768px; height:117px; } #menu ul{ position:absolute; top:30px; left:265px; } #menu li{ float:left; display:inline; padding: 0px 0px 0px 10px; } #menu a{ font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bolder; text-transform: uppercase; color: #d8cd8d; text-decoration: none; } #menu a:hover{ color:#3e3c27; } h1,h2,h3 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bolder; text-transform: uppercase; color: #171508; } h1,h2 { position:absolute; top:94px; } h1 { left:241px; } h2 { right:75px; } h3 { margin: 15px 0px 0px 30px; border-bottom: solid 1px #625d3b; } /********************** Main ***************************/ #main { background-image:url(http://img7.xooimage.com/files/b/f/9/main_bg-b6ab4d.gif); background-repeat: repeat-y; display:block; width:768px; height:auto; } #content { background-image:url(http://img24.xooimage.com/files/a/4/3/content_bg-e2dcc6.gif); background-repeat: repeat-y; width:768px; } /********************** Left - Text ***************************/ #left { float:left; width:490px; } #left p{ padding: 5px 10px 10px 30px; } #left a:hover{color:#d8cd8d;} /********************** Right - Team ***************************/ #right { float:right; width:230px; } .member { display:inline; float:left; margin-left:10px; } .member a{ font-size: 12px; font-weight: bold; color: #f5f1d1; text-decoration: none; } .member img{ border: none 0px; } .member span{ display:block; text-align:center; padding: 2px 0px 13px 0px; text-transform: uppercase; } .member span a{} .member span a:hover{} /********************** Footer ***************************/ #footer { background-image:url(http://img3.xooimage.com/files/1/8/1/footer_bg-b6ab5d.jpg); background-repeat:no-repeat; width:768px; height:97px; text-align:center; float:left; clear:both; } #footer ul{ } #footer li{ display:inline; float:none; text-align:center; padding: 0px 10px 0px 10px; border-right: solid 1px #908a68; } .lastchild{ border-right: 0px none !important; } #footer a{ font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; text-transform:uppercase; color: #908a68; text-decoration: none; } #footer a:hover{text-decoration: underline;} #footer span{ font-size: 9px; font-weight: bold; color: #18160e; margin:10px; display:block; }

Tasarım üstüne

<div id="design"> <div id="top"> <div class="ortamenu">Üst menü linkleri vb şeyler buraya gelebilir...</div> </div> <div id="icerik"> <div id="icontent"> <div class="writer"> </div> </div> </div> </div>

Tasarım altına

</div> <div class="sagmenu">Burası sağ menü linkler vb şeyler gelecektir...</div> </div> </div> <div id="footer"><p class="altreklam">alt reklam</p></div> </div>

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;} * {padding: 0; margin:0 } body { margin-left: auto; margin-right: auto; background: url(http://RESMİN URLSİNİ GİRİNİZ); text-align: center;} #design { width: 900px; margin-left: auto; margin-right: auto; text-align: left;} #top{ margin-left: auto; margin-right: auto; background: url(https://img.webme.com/pic/s/suclukim/hpeski1.png); width: 900px; height: 143px; float: left;} .ortamenu { width:800px; padding: 70px 0 0 100px; float: left;} #icerik { margin-left: auto; margin-right: auto; background: url(https://img.webme.com/pic/s/suclukim/hpeski2.png); float: left; overflow:hidden ;} #icontent { width: 900px; padding: 0 0 0 5px; overflow:hidden ; float: left;} .writer { width: 660px; padding: 0 0 0 5px; float: left; overflow: hidden;} .sagmenu { width: 200px; padding:7px 0 0 20px; float: left; overflow: hidden; text-align: justify;} #footer{ margin-left: auto; margin-right: auto; background: url(https://img.webme.com/pic/s/suclukim/hpeski3.png); width: 900px; height: 160px; float: left; }.altreklam{ margin-left: auto; margin-right: auto; width:210px; height:65px; padding: 40px 0 0 10px;}