kodlagitsin

tasarim4

TASARIM 4

KOD 4

Tasarımın Üstüne

<!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; }

ANA MENÜ

CSS MENÜ

PHOTOSHOP MENÜ

DREAMWEAVER MENÜ

HTML MENÜ

İCON MENÜ

tasarim4