- Css Kod 10

TASARIMIN ÜSTÜNE

<div id="container"><div id="nav"><ul>
<li><a href="URL">Portada</a></li>
<li><a href="URL">Quienes somos</a></li>
<li><a href="URL">Nuestro servicios</a></li>
<li><a href="URL">Videos</a></li>
<li class="lastnav"><a href="URL">Contactos</a></li>
</ul></div>
<div id="body"><div id="left">
<div id="menu">
<span class="tab">Miembros</span>
<span class="tag">Login</span><ul>
<li><a href="URL">Iniciar sesión</a></li>
<li><a href="URL">Carrar sesión</a></li>
<li><a href="URL">Registrarse</a></li>
</ul>
<span class="tab">Paginas amigas!</span><ul>
<li><a href="http://cssplantillas.es.tl">Css Plantillas</a></li>
<li><a href="URL">Pagina amiga 2</a></li>
<li><a href="URL">Pagina amiga 3</a></li>
<li><a href="URL">Pagina amiga 4</a></li>
</ul>
<ul>
<li><a href="URL">Template Beauty</a></li>
<li><a href="URL">View all link partners</a></li>
<li><a href="URL">Become a link partner!</a></li>
</ul>
<span class="tab">Archivos</span>
<span class="tag">Listado</span><ul>
<li><a href="URL">Mayo</a></li>
<li><a href="URL">Junio</a></li>
<li><a href="URL">Julio</a></li>
<li><a href="URL">Agosto</a></li>
</ul></div><br /></div>
<div id="right"><div id="head"></div>
<div class="textboxtop"></div>

TASARIMIN ALTINA

CSS BÖLÜMÜ

#pre_header {display: none;}
#post_header {display: none;}
#header_container {display: none;}
lli.nav_element{display: none;}
li.nav_element a{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
#header {display: none;}
#title {display: none;}
#nav_container {display:none;}
table {margin-left:auto;margin-right:auto;}
body {background: #C0617F url("https://img.webme.com/pic/c/cssplantillas/ping2.gif") repeat-x;
color: #2D2D2D;font-family: tahoma, arial, verdana;
font-size: 11px;margin: 0px;padding: 0px;text-align: center;}
img {border: 0px;}
a:link { color: #FDBDD2;font-weight: bold;text-decoration: none;}
a:visited { color: #FDBDD2;font-weight: bold;text-decoration: none;	}
a:hover, a:active { color: #FFFFFF;font-weight: bold;text-decoration: underline;}
#head {height:337px;display:block;width:570px;margin-right:0px;
background-image: url("https://img.webme.com/pic/c/cssplantillas/ping1.jpg"); /* Cambia esta imagen para cambiar de cabezal*/
background-repeat: no-repeat;background-position: right top;z-index:2;
overflow:hidden;}
#head a {position:absolute;top:322px;right:48px;width:50px;
height:20px;z-index:3;display:inline;}
#container {margin: 0px auto;text-align: left;width: 780px;position:relative;}
#copyright {clear: both;color: #FFFFFF;font-size: 10px;
margin-bottom: 10px;padding-right: 15px;text-align: center;	}
.photo {float: right;margin-left: 10px;margin-right: 10px;
padding:5px;border: 1px solid #ca738f;	}
.photo img{border: 1px solid #df8fa9;}
#left {float: left;padding-top: 110px;width: 210px;}
#menu {background: url("https://img.webme.com/pic/c/cssplantillas/ping3.gif") no-repeat;
clear: both;display: block;height: 551px;padding-top: 10px;width: 190px;}
#menu ul {list-style: none;margin: 0px;margin-left: 4px;
margin-bottom: 10px;margin-top: 8px;padding: 0px;}
#menu li {background: url("https://img.webme.com/pic/c/cssplantillas/ping4.gif") no-repeat;
display: block;font-size: 10px;height: 17px;list-style: none;
margin: 0px;padding: 0px;padding-left: 25px;padding-top: 1px;width: 157px;}
#nav {clear: both;height: 50px;width: 700px;position:absolute;margin-left:40px;}
#nav ul {list-style: none;margin: 20px 0px 0px 0px;padding: 0px;width:700px;
z-index:15;position:absolute;text-align:center;}
#nav li {list-style: none;float:left;margin: 0px;padding: 0px;
display:inline;border-right: 1px solid #c0617f;}
#nav a {font-family: Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;
font-variant: normal;color: #FFFFFF;text-decoration: none;display:inline;text-transform: uppercase;
padding: 20px 20px 10px 20px;}
#nav a:hover {color:#df8fa9;text-decoration:underline;}
#right {float: left;width: 560px;}
#right a{text-decoration:underline;}
.tab {background: url("https://img.webme.com/pic/c/cssplantillas/ping5.gif") no-repeat;color: #F2BCCE;display: block;
font-family: arial;font-size: 15px;font-weight: bold;height: 18px;letter-spacing: -1px;
padding-left: 10px;padding-top: 3px;margin-bottom: 8px;margin-left: 7px;width: 166px;}
.tab2 {background: url("https://img.webme.com/pic/c/cssplantillas/ping6.gif") no-repeat;
display: block;font-size: 10px;
height: 17px;padding-top: 4px;padding-left: 10px;width: 179px;}
.tag {color: #F5E6EB;font-size: 12px;font-weight: bold;margin-left: 25px;	}
.textboxtop,.textboxtop2{color: #F2BCCE;display: block;font-size: 19px;
font-weight: bold;height: 33px;letter-spacing: -1px;margin-left: 8px;
padding-left: 20px;padding-top: 11px;width: 526px;text-transform: uppercase;}
.textboxtop{background: url("https://img.webme.com/pic/c/cssplantillas/ping7.gif") no-repeat;}
.textboxtop2 {background: url("https://img.webme.com/pic/c/cssplantillas/ping8.gif") no-repeat;}
#content {background: #C0617F url("https://img.webme.com/pic/c/cssplantillas/ping9.gif") no-repeat;
border-left: 1px solid #DF8FA9;border-right: 1px solid #DF8FA9;color: #F0C5D2;
margin-left: 8px;padding-left: 20px;padding-right: 10px;padding-top: 20px;
width: 514px;padding-bottom:10px;}
.textboxbottom {background: url("https://img.webme.com/pic/c/cssplantillas/ping10.gif") no-repeat;
color: #FFFFFF;display: block;font-weight: bold;height: 23px;
margin-bottom: 10px;margin-left: 8px;padding-right: 15px;
padding-top: 5px;text-align: right;width: 531px;}
.lastnav{border-right: 0px none #c0617f !important;}

TASARIMIN ÜSTÜNE

TASARIMIN ALTINA

CSS BÖLÜMÜ

#pre_header {display: none;}
#post_header {display: none;}
#header_container {display: none;}
lli.nav_element{display: none;}
li.nav_element a{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
#header {display: none;}
#title {display: none;}
#nav_container {display:none;}
table {margin-left:auto;margin-right:auto;}
body {background-image:url("https://img.webme.com/pic/c/cssplantillas/dog1.jpg");
color: #4d4b4a;font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;margin: 0px;padding: 0px;background-color: #e5e2db;
background-repeat: repeat-x;}
* {margin: 0px;padding: 0px;}
.clear{clear:both;}
#container {margin: 0px auto;text-align: left;width: 780px;}
#logo{background-color: #b6ad9b;
background-image: url("https://img.webme.com/pic/c/cssplantillas/dog2.jpg");
background-repeat: repeat-x;height: 69px;width: 774px;
margin: 0px;padding: 0px;text-align: center;}
#logo a{margin: 0px auto;text-decoration:none;Color:#333;}
#head {margin: 0px 0px 0px 0px;width: 774px;height:266px;
background-image: url("https://img.webme.com/pic/c/cssplantillas/dog3.jpg");
background-repeat: no-repeat;position:relative;	}
#head ul{list-style-type: none;display:inline;
position:absolute;top:242px;left:100px;}
#head li{float:left;}
.lastchild{border-right: 0px none #4d4b4a !important;}
#head ul a{font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;font-weight: bold;color: #4d4b4a;
text-decoration: none;padding: 0px 7px 0px 7px;border-right: 2px solid #4d4b4a;}
#head ul a:hover{color:#000000;}
#contento {background-color: #7b6b5c;width:774px;display:block;}
#contento h1{font-family: Arial, Helvetica, sans-serif;font-size: 18px;
font-weight: bolder;color: #FFFFFF;margin: 0px 23px 6px 28px;
padding: 20px 0px 0px 0px;border-bottom: 1px solid #bbb6a0;}
#left {background-color: #ddd8c6;border: 1px solid #c2bdaa;width:550px;
margin: 0px 0px 10px 28px;padding: 0px 0px 15px 0px;float:left;display:inline;}
#content{float:left;width:530px;}
#left h2{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 14px;
font-weight: bolder;color: #4d4b4a;
text-decoration: underline;margin: 20px 0px 10px 23px;}
#left p{font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;font-weight:lighter;color: #4d4b4a;margin: 6px 0px 0px 23px;}
#left a{font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;font-weight:bold;color: #4d4b4a;}
#left a:hover{color:#000000;}
.photos{float:right;}
.photos img{display:block;}
#right {float:right;width:156px;background-color:#dad9cf;
margin: 0px 23px 10px 0px;padding: 0px 0px 6px 0px;
display:inline;border: 1px solid #c2bdaa;}
#right h2{font-family: Arial, Helvetica, sans-serif;
font-size: 12px;font-weight: bolder;color: #2c2c2c;
text-decoration: none;text-transform: uppercase;background-color:#c2bdaa;
width:156px;text-align:center;padding: 3px 0px 3px 0px;}
#right p{padding: 10px 9px 0px 9px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;color: #4d4b4a;}
#right a{padding: 15px 9px 5px 9px;
font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;
color: #4d4b4a;font-weight:bolder;display:block;}
#right a:hover{color:#000000;}
#right span a{font-family: Arial, Helvetica, sans-serif;font-size: 11px;
font-weight: bolder;color: #605c4c;text-decoration: none;
text-transform: uppercase;background-color:#c2bdaa;width:138px;
text-align:left;padding: 3px 0px 3px 5px;margin: 15px 6px 0px 6px;}
#footer, #footer a {background-color: #bbb6a0;width: 774px;
height:22px;text-align:center;padding: 10px 0px 0px 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;
font-weight: bolder;color: #4d4b4a;}
#footer a:hover{color:#000000;}

HANGİ SAYFAYA KOYACAKSAN ORAYA EKLE KODU, KODUN İÇİNDEKİ RESİMLERTE SENİN İSTEDİĞİN RESİMLERİ EKLE

TASARIMIN ÜSTÜNE

TASARIMIN ALTINA

</div>
<div class="left">
<h2>Categories :</h2>
<ul>
<li><a href="#">World Politics</a></li>
<li><a href="#">Europe Sport</a></li>
<li><a href="#">Networking</a></li>
<li><a href="#">Nature - Africa</a></li>
<li><a href="#">SuperCool</a></li>
<li><a href="#">Last Category</a></li>
</ul>
<h2>Archives</h2>
<ul>
<li><a href="#">January 2007</a></li>
<li><a href="#">February 2007</a></li>
<li><a href="#">March 2007</a></li>
<li><a href="#">April 2007</a></li>
<li><a href="#">May 2007</a></li>
<li><a href="#">June 2007</a></li>
<li><a href="#">July 2007</a></li>
<li><a href="#">August 2007</a></li>
<li><a href="#">September 2007</a></li>
<li><a href="#">October 2007</a></li>
<li><a href="#">November 2007</a></li>
<li><a href="#">December 2007</a></li>
</ul>
</div>
<div style="clear: both;"> </div>
</div>
<div id="bottom"> </div>
<div id="footer">
Designed by <a href="http://www.free-css-templates.com/">Free CSS Templates</a>, Thanks to <a href="http://www.legalhelpers.com/bankruptcy-information.html">Bankruptcy Information</a>
</div>
</div>
</body>
</html>

CSS BÖLÜMÜ

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;}
* {
margin: 0;
padding: 0;
}
body {
background: #554d42;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 20px;
color: #222;
}
a {
text-decoration: none;
color: #554d42;
}
a:hover {
text-decoration: underline;
color: #CF9F5A;
}
#wrap {
margin: 20px auto;
width: 800px;
}
#header {
height: 100px;
background: #554d42 url(http://img2.xooimage.com/files/9/f/8/header-e8620d.jpg) no-repeat;
}
#header h1 {
font-size: 28px;
letter-spacing: -1px;
padding: 29px 0 0 20px;
color: #FF5500;
}
#header h1 a {
color: #fff;
text-decoration: none;
font-weight: 100;
letter-spacing: -2px;
}
#header h1 a:hover {
color: #fff;
}
#header h2 {
font-size: 19px;
color: #fff;
padding: 5px 0 0 20px;
letter-spacing: -1px;
font-weight: 100;
}
#menu {
height: 30px;
line-height: 30px;
background: #fff url(http://img2.xooimage.com/files/6/e/4/menu-e86211.jpg) no-repeat;
}
#menu ul {
list-style-type: none;
padding-left: 30px;
}
#menu ul li {
display: block;
float: left;
}
#menu ul li a {
padding: 0 20px 0 0;
text-decoration: none;
font-weight: 600;
font-size: 14px;
}
#menu ul li a:hover {
color: #000;
text-decoration: none;
}
#content {
background: #fff url(http://img10.xooimage.com/files/0/c/1/content-e86214.jpg) repeat-y;
padding: 0 20px 20px 20px;
}
.right {
float: right;
width: 580px;
text-align: justify;
padding-top: 5px;
}
.right h2 {
font-size: 18px;
font-weight: 100;
padding: 15px 0 7px 0;
}
.right h2 a {
text-decoration: none;
}
.right h2 a:hover {
}
.left {
float: left;
width: 160px;
padding-top: 10px;
}
.left h2 {
margin: 10px 0 0 0;
padding-left: 10px;
height: 24px;
line-height: 24px;
background: #413326;
color: #fff;
font-size: 13px;
}
.left ul {
padding: 10px 0 15px 10px;
list-style-type: none;
}
.left ul li a {
text-decoration: none;
font-weight: 600;
}
.left ul li a:hover {
}
#bottom {
background: #fff url(http://img4.xooimage.com/files/b/9/0/bottom-e86218.jpg) no-repeat;
padding: 10px 0;
}
#footer {
text-align: center;
font-size: 11px;
color: #fff;
}
#footer a { color: #fff; }

TASARIMIN ÜSTÜNE

<body bgcolor="#000000" topmargin="0" leftmargin="0" rightmargin="0" bottommargin="15" marginwidth="0" marginheight="0" style="padding:5px;">
<table border="0" cellpadding="0" cellspacing="0" width="100%" align="center" >
<tr><td bgcolor="#660000"><img border="0" src="https://img.webme.com/pic/d/dpruebas/b-03.gif" width="11" height="21"></td>
<td bgcolor="#660000" width="95%" background="https://img.webme.com/pic/d/dpruebas/b-04.gif">
<DIV align=left><b><font face="Arial" size="1" color="#969696">
<SPAN
id=clock>
<SCRIPT language=JavaScript>

</SCRIPT>
</SPAN></font></b></DIV>
</td>
<td bgcolor="#660000"><img border="0" src="https://img.webme.com/pic/d/dpruebas/b-05.gif" width="119" height="21"></td></tr>
</table>
<table class="topBorder" border="0" cellpadding="0" cellspacing="0" width="100%" height="100" align="center">
<tr><td bgcolor="#000000" background="https://img.webme.com/pic/d/dpruebas/a-01.gif" style="padding-left:20px;font-size:20pt;color:#000000;background-repeat:no-repeat;"><b>Nombre Página</b></td></tr></table>
<table border="0" cellpadding="0" cellspacing="0" width="100%" align="center">
<tr><td class="topBorder">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td width="15%" class="topMenu" bgcolor="#660000"><img border="0" src="#" width="1" height="1"></td>
<td width="23%" class="topMenu" bgcolor="#242424" align="center"><a href="#" class="menu1">Inicio</a></td>
<td width="23%" class="topMenu" bgcolor="#242424" align="center"><a class="menu1" href="#">Foro</a></td>
<td width="23%" class="topMenu" bgcolor="#242424" align="center"><a class="menu1" href="#">Blog</a></td>
<td width="15%" class="topMenu" bgcolor="#660000"><img border="0" src="#" width="1" height="1"></td>
</tr>
</table>
</td></tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" width="100%" align="center">
<tr>
<td bgcolor="#660000"><img border="0" src="https://img.webme.com/pic/d/dpruebas/b-08.gif" width="119" height="21"></td>
<td bgcolor="#660000" width="95%" background="https://img.webme.com/pic/d/dpruebas/b-04.gif" align="right" class="copy"></td>
<td bgcolor="#660000"><img border="0" src="https://img.webme.com/pic/d/dpruebas/b-09.gif" width="11" height="21"></td></tr>
</table>
<div style="padding:3px"></div>
<table border="0" cellpadding="0" cellspacing="0" width="100%" align="center">
<tr><td width="195" valign="top">
<table border="0" cellpadding="0" cellspacing="0" width="190">
<tr><td><table border="0" bgcolor="#660000" cellpadding="0" cellspacing="0" width="100%"><tr>
<td width="2%"><img border="0" src="https://img.webme.com/pic/d/dpruebas/b-03.gif" width="11" height="21"></td>
<td width="70%" background="https://img.webme.com/pic/d/dpruebas/b-04.gif"><div class="blockTitle">Menu del sitio</div></td>
<td width="28%"><img border="0" src="https://img.webme.com/pic/d/dpruebas/b-10.gif" width="54" height="21"></td>
</tr></table></td></tr><tr><td class="topBorder" style="padding:3px;" bgcolor="#242424">
<div class="menu_1"><a href="#">Link</href></div>
<div class="menu_1"><a href="#">Link</href></div>
<div class="menu_1"><a href="#">Link</href></div>
<div class="menu_1"><a href="#">Link</href></div>
</td></tr>
<tr><td bgcolor="#660000"><img border="0" src="https://img.webme.com/pic/d/dpruebas/b-11.gif" width="190" height="21"></td></tr>
</table><div style="padding:3px"></div>
<table border="0" cellpadding="0" cellspacing="0" width="190">
<tr><td><table border="0" bgcolor="#660000" cellpadding="0" cellspacing="0" width="100%"><tr>
<td width="2%"><img border="0" src="https://img.webme.com/pic/d/dpruebas/b-03.gif" width="11" height="21"></td>
<td width="70%" background="https://img.webme.com/pic/d/dpruebas/b-04.gif"><div class="blockTitle">Box 02</div></td>
<td width="28%"><img border="0" src="https://img.webme.com/pic/d/dpruebas/b-10.gif" width="54" height="21"></td>
</tr></table></td></tr><tr><td class="topBorder" style="padding:3px;" bgcolor="#242424">
<br/>Link<br/>Texto<br/>Codigo<br/>O lo que quieras<br/><br/>
</td></tr>
<tr><td bgcolor="#660000"><img border="0" src="https://img.webme.com/pic/d/dpruebas/b-11.gif" width="190" height="21"></td></tr>
</table><div style="padding:3px"></div>
</td>
<td valign="top" height="100%"><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr>
<td bgcolor="#660000"><img border="0" src="https://img.webme.com/pic/d/dpruebas/b-12.gif" width="119" height="21"></td>
<td bgcolor="#660000" width="95%" background="https://img.webme.com/pic/d/dpruebas/b-04.gif" align="center"><div class="blockTitle">Mi Pagina</div></td>
<td bgcolor="#660000"><img border="0" src="https://img.webme.com/pic/d/dpruebas/b-05.gif" width="119" height="21"></td>
</tr></table><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr><td bgcolor="#242424" colspan="3" class="topBorder" style="padding:3px;" valign="top">

TASARIMIN ALTINA

</td></tr></table><table border="0" cellpadding="0" cellspacing="0" width="100%"><tr>
<td bgcolor="#660000"><img border="0" src="https://img.webme.com/pic/d/dpruebas/b-08.gif" width="119" height="21"></td>
<td bgcolor="#660000" width="95%" background="https://img.webme.com/pic/d/dpruebas/b-04.gif" align="center"><font color="#969696">Copyright MyCorp © 2009</font></td>
<td bgcolor="#660000"><img border="0" src="https://img.webme.com/pic/d/dpruebas/b-13.gif" width="119" height="21"></td>
</tr></table></td>
<td width="195" valign="top" align="right" padding-left=" 25px">
<table border="0" cellpadding="0" cellspacing="0" width="190">
<tr><td><table border="0" bgcolor="#660000" cellpadding="0" cellspacing="0" width="100%"><tr>
<td width="2%"><img border="0" src="https://img.webme.com/pic/d/dpruebas/b-03.gif" width="11" height="21"></td>
<td width="70%" background="https://img.webme.com/pic/d/dpruebas/b-04.gif"><div class="blockTitle"align="left" padding-left=" 25px">Internet</div></td>
<td width="28%"><img border="0" src="https://img.webme.com/pic/d/dpruebas/b-10.gif" width="54" height="21"></td>
</tr></table></td></tr><tr><td class="topBorder" style="padding:3px;" bgcolor="#242424"><div align="left">
<div id="sidebar2" class="sidebar">
<script type="text/javascript" src="http://diegovenegas.110mb.com/jquery-1.2.6.pack.js"></script>
<script type="text/javascript" src="http://diegovenegas.110mb.com/ddaccordion.js"></script>
<script type="text/javascript" src="http://diegovenegas.110mb.com/desp.js"></script>
<div class="applemenu">
<div class="silverheader"><a href="#">Nombre Menu</a></div><div class="submenu">
<ul>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul>
</div>
<div class="silverheader"><a href="#" >Nombre Menu</a></div>
<div class="submenu">
<ul>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul>
</div>
</div>
</div></td></tr>
<tr><td bgcolor="#660000"><img border="0" src="https://img.webme.com/pic/d/dpruebas/b-11.gif" width="190" height="21"></td></tr>
</table><div style="padding:3px"></div>
<table border="0" cellpadding="0" cellspacing="0" width="190">
<tr><td><table border="0" bgcolor="#660000" cellpadding="0" cellspacing="0" width="100%"><tr>
<td width="2%"><img border="0" src="https://img.webme.com/pic/d/dpruebas/b-03.gif" width="11" height="21"></td>
<td width="70%" background="https://img.webme.com/pic/d/dpruebas/b-04.gif"><div class="blockTitle"align="left" padding-left=" 25px">Box 04</div></td>
<td width="28%"><img border="0" src="https://img.webme.com/pic/d/dpruebas/b-10.gif" width="54" height="21"></td>
</tr></table></td></tr><tr><td class="topBorder" style="padding:3px;" bgcolor="#242424"><div align="left">
<br/>Link<br/>Texto<br/>Codigo<br/>O lo que quieras<br/><br/>
</div></td></tr>
<tr><td bgcolor="#660000"><img border="0" src="https://img.webme.com/pic/d/dpruebas/b-11.gif" width="190" height="21"></td></tr>
</table><div style="padding:3px"></div>
</td></tr>
</table>
<div style="padding:5px;text-align:center;">
<a href="http://www.diegovenegas.es.tl">
<img style="margin:0;padding:0;border:0;" src="https://img.webme.com/pic/d/dpruebas/a-14.gif"
width="80" height="15" title="Design by DiegoVenegas" /></a></div>
</body>

CSS BÖLÜMÜ

a:link, a:visited, a:active
{text-decoration:none;
color:#969696;}
a:hover
{text-decoration:none;
color:#4B4B4B;}
td, body
{font-family:Verdana,Arial,Helvetica;
font-size:11px;}
form
{padding:0px;margin:0px;}
input,textarea,select
{vertical-align:middle;
font-size:8pt;
font-family:Verdana,Arial,Helvetica;}
.copy
{font-size:10px;}
hr
{color:#A9B8C2;
height:1px;}
label {cursor:pointer;
cursor:hand}
.blockTitle,.menu1
{color:#969696;
text-transform:uppercase;
font-size:9px;
font-family:Tahoma,Verdana;}
a.menu1:link, a.menu1:visited, a.menu1:active
{text-decoration:none;
color:#969696}
a.menu1:hover
{text-decoration:none;
color:#4B4B4B}
.topBorder
{border-left:1px solid #FFFFFF;
border-right:1px solid #FFFFFF;
color: #969696;}
.topMenu
{border:1px solid #FFFFFF;
padding:2px;}
.menu_1
{background-image:url(https://img.webme.com/pic/d/dpruebas/a-06.gif);
widht: 190px;
ext-decoration:none;
height: 25px;
color:#969696;
margin-top:1px;
padding:0 20px;
line-height:25px;}
.menu_1:hover
{background-image:url(https://img.webme.com/pic/d/dpruebas/a-07.gif);
widht: 190px;
ext-decoration:none;
height: 25px;
color:#4B4B4B;
margin-top:1px;
padding:0 20px;
line-height:25px;}
#content
{padding:10px;
color:#969696;
font-family: Helvetica, sans-serif;
font-size:14px;
background-color:#transparent;
overflow:auto;}
.nav_element, .header, #content_container h2,
#extraDiv1,#extraDiv2,#extraDiv3,#extraDiv4,#extraDiv5,
#extraDiv6,#pre_header ,#post_header,#pre_content,#nav_heading,
div.header,h1#title,h2#title span,#counter
{display: none;}
.applemenu
{margin: 5px 0;
padding: 0;
width: 182px;}
.applemenu div.silverheader a
{background: black url(https://img.webme.com/pic/d/dpruebas/a-06.gif) repeat-x center left;
font: normal 12px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
color: #969696;
display: block;
position: relative;
width: auto;
padding: 5px 0;
padding-left: 25px;
text-decoration: none;}
.applemenu div.silverheader a:visited, .applemenu div.silverheader a:active
{color: #969696;}
.applemenu div.selected a, .applemenu div.silverheader a:hover
{background-image: url(https://img.webme.com/pic/d/dpruebas/a-07.gif);
color: #4B4B4B;}
.applemenu div.submenu
{ padding: 5px;}
ul{list-style-image: url(https://img.webme.com/pic/d/dpruebas/b-02.gif);}

TASARIMIN ÜSTÜNE

TASARIMIN ÜSTÜNE

</div>
<div id="right">
<div class="adleft">
<br /><br />
125x125<br />
Ads
</div>
<div class="adright">
<br /><br />
125x125<br />
Ads
</div>
<div style="clear: both;"> </div>
<div class="latestarticles">
<h2>Latest Articles</h2>
<ul>
<li><a href="#">Hilary wins Ohio...</a></li>
<li><a href="#">Ronaldo back in form...</a></li>
<li><a href="#">Top ten basketball players...</a></li>
<li><a href="#">Storm hits Germany...</a></li>
</ul>
</div>
<div class="menuleft">
<h2>Categories :</h2>
<ul>
<li><a href="#">World Politics</a></li>
<li><a href="#">Europe Sport</a></li>
<li><a href="#">Networking</a></li>
<li><a href="#">Nature - Africa</a></li>
<li><a href="#">SuperCool</a></li>
<li><a href="#">Last Category</a></li>
</ul>
<h2>Archives</h2>
<ul>
<li><a href="#">January 2007</a></li>
<li><a href="#">February 2007</a></li>
<li><a href="#">March 2007</a></li>
<li><a href="#">April 2007</a></li>
<li><a href="#">May 2007</a></li>
<li><a href="#">June 2007</a></li>
<li><a href="#">July 2007</a></li>
<li><a href="#">August 2007</a></li>
<li><a href="#">September 2007</a></li>
<li><a href="#">October 2007</a></li>
<li><a href="#">November 2007</a></li>
<li><a href="#">December 2007</a></li>
</ul>
<h2>Links :</h2>
<ul>
<li><a href="#">A Friend</a></li>
<li><a href="#">Politics Blog</a></li>
<li><a href="#">Forum</a></li>
<li><a href="#">HDR Photos</a></li>
<li><a href="#">Yes! Blog</a></li>
</ul>
</div>
<div class="menuright">
<img src="http://img4.xooimage.com/files/6/5/9/120x600-e4a3f4.gif" alt="x" />
</div>
</div>
<div style="clear: both;"> </div>
<div id="footer">
Designed by <a href="http://www.free-css-templates.com/">Free CSS Templates</a>, Thanks to <a href="http://www.legalhelpers.com/bankruptcy-information.html">Bankruptcy Information</a>
</div>
</div>
</body>
</html>

CSS BÖLÜMÜ

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;}
* {
margin: 0;
padding: 0;
}
body {
background: #fff url(http://img4.xooimage.com/files/d/6/9/bg-e4a3cf.gif) repeat-x;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 17px;
color: #333;
}
a {
text-decoration: none;
color: #648CA5;
}
a:hover {
text-decoration: underline;
color: #111;
}
#wrap {
width: 780px;
margin: 0 auto;
}
#header {
height: 100px;
margin-bottom: 20px;
}
.headings {
float: left;
}
.nav {
float: right;
padding-top: 30px;
}
.nav li {
float:left;
list-style-type:none;
}
.nav li a {
display: block;
font-size: 16px;
letter-spacing: -1px;
padding:0 5px 3px 5px;
margin: 0 5px;
text-decoration:none;
color: #eee;
border-bottom: 1px solid #777;
}
.nav li a:hover {
color:#eee;
text-decoration:none;
border-bottom: 1px solid #eee;
}
#header h1 {
font-size: 28px;
letter-spacing: -1px;
padding: 23px 0 0 0;
color: #ccc;
}
#header h1 a {
color: #ccc;
text-decoration: none;
font-weight: 100;
letter-spacing: -2px;
}
#header h1 a:hover {
color: #fff;
}
#header h2 {
font-size: 19px;
color: #f7f7f7;
padding: 5px 0 0 0;
letter-spacing: -1px;
font-weight: 100;
}
#left{
float: left;
width: 500px;
text-align: justify;
}
#left h2 {
color: #648CA5;
font-size: 18px;
font-weight: 100;
font-style: italic;
padding: 15px 0 7px 0;
}
#left h2 a {
color: #648CA5;
text-decoration: none;
}
#left h2 a:hover {
color: #111;
}
#right {
float: right;
width: 260px;
}
.adleft {
float: left;
height: 105px;
width:105px;
border: 10px solid #bbb;
font-size: 18px;
color: #aaa;
text-align: center;
}
.adright {
float: right;
height: 105px;
width:105px;
border: 10px solid #bbb;
font-size: 18px;
color: #aaa;
text-align: center;
}
.latestarticles {
background: #eee;
margin-top: 15px;
}
.latestarticles h2 {
padding-left: 10px;
height: 28px;
line-height: 28px;
background: #333;
color: #f7f7f7;
font-size: 13px;
}
.latestarticles ul {
padding: 10px 0 10px 25px;
color: #888;
}
.latestarticles ul li a {
color: #648CA5;
text-decoration: none;
font-weight: 100;
}
.latestarticles ul li a:hover {
color: #111;
}
.menuleft {
float: left;
width: 130px;
background: #eee;
margin-top: 10px;
}
.menuleft h2 {
padding-left: 10px;
height: 28px;
line-height: 28px;
background: #333;
color: #f7f7f7;
font-size: 13px;
}
.menuleft ul {
padding: 10px 0 15px 10px;
list-style-type: none;
}
.menuleft ul li a {
color: #648CA5;
text-decoration: none;
font-size: 12px;
font-weight: 100;
}
.menuleft ul li a:hover {
color: #111;
}
.menuright {
float: right;
width: 120px;
background: #eee;
margin-top: 10px;
}
.menuright h2 {
padding-left: 10px;
height: 28px;
line-height: 28px;
background: #333;
color: #f7f7f7;
font-size: 13px;
}
.menuright ul {
padding: 10px 0 15px 10px;
list-style-type: none;
}
.menuright ul li a {
color: #648CA5;
text-decoration: none;
font-size: 12px;
font-weight: 100;
}
.menuright ul li a:hover {
color: #111;
}
#footer {
margin-top: 10px;
background: #dedede;
border-top: 3px solid #999;
text-align: center;
font-size: 11px;
padding: 10px 0 10px 0;
}

TASARIMIN Ü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">Home</a></li>
<li><a href="http://www.freewebsitetemplates.com">Descargas</a></li>
<li><a href="http://www.freewebsitetemplates.com">Miembros</a></li>
<li><a href="http://www.freewebsitetemplates.com">Servicios</a></li>
<li><a href="http://www.freewebsitetemplates.com">Links</a></li>
<li><a href="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"><img src="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"><img src="http://img5.xooimage.com/files/1/d/a/member2-b6abb7.gif">
<br>
</div>
<div id="left">
</div>
</div>
</div>

TASARIMIN ALTINA

CSS BÖLÜMÜ

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

TASARIM ÜSTÜNE

TASARIMIN ALTINA

</div>
<div id="rightbar">
<h1>Support Styleshout</h1>
<p>If you are interested in supporting my work and would like to contribute, you are
welcome to make a small donation through the
<a href="http://www.styleshout.com/">donate link</a> on my website - it will
be a great help and will surely be appreciated.</p>
<h1>Header Text</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod
tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam,
quis nostrud exerci tation ullamcorper suscipit... </p>
</div>
</div>

<div id="footer">
<div id="footer-content">
<div id="footer-right">
<a href="index.html">Home</a> |
<a href="index.html">Site Map</a> |
<a href="index.html">RSS Feed</a>
</div>
<div id="footer-left">
© Copyright 2006 <strong>Your Company</strong>
Design by: <a href="http://www.styleshout.com/">styleshout</a> |
Valid <a href="http://validator.w3.org/check/referer">XHTML</a> |
<a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a>
</div>
</div>
</div>

</body>
</html>

CSS BÖLÜMÜNE

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;}
/********************************************
AUTHOR:           Erwin Aligam
WEBSITE:            http://www.styleshout.com/
TEMPLATE NAME:    Citrus Island
TEMPLATE CODE:    S-0004
VERSION:          1.1
*******************************************/
/********************************************
HTML ELEMENTS
********************************************/
/* top elements */
* { margin:0;    padding: 0; }
body {
margin: 0; padding: 0;
font: 70%/1.5em  Verdana, Tahoma, Arial,sans-serif;
color: #333;
background: #FFF url(http://img6.xooimage.com/files/5/9/5/bg-de16f2.gif) repeat-x;
text-align: center;
}
/* links */
a {
color: #F9864D;
background-color: inherit;
text-decoration: none;
}
a:hover {
color: #575757;
background-color: inherit;
}
/* headers */
h1, h2, h3 {
font-family: 'Trebuchet MS', Tahoma, Verdana, Sans-serif;
font-weight: Bold;
}
h1 {
font-size: 145%;
padding: 10px 10px 5px 10px;
color: #75A54B;
background-color: inherit;
border-bottom: 1px solid #EFF0F1;
}
h2 {
font-size: 125%;
text-transform: uppercase;
}
h3 {
font-size: 125%;
color: #404040;
}
h2, h3, p {
padding: 10px;
margin: 0;
}
/* images */
img {
border: 3px solid #D5D5D5;
}
img.float-right {
margin: 5px 0px 5px 10px;
}
img.float-left {
margin: 5px 10px 5px 0px;
}
#sidebar h1,
#sidebar p {
padding-left: 0;
}
ul, ol {
margin: 10px 20px;
padding: 0 20px;
}
code {
margin: 5px 0;
padding: 10px;
text-align: left;
display: block;
overflow: auto;
font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;
/* white-space: pre; */
background: #FAFAFA;
border: 1px solid #f2f2f2;
border-left: 4px solid #FF9966;
}
acronym {
cursor: help;
border-bottom: 1px solid #777;
}
blockquote {
margin: 10px;
padding: 0 0 0 32px;
background: #FAFAFA url(http://img23.xooimage.com/files/5/4/c/quote-b93848.gif) no-repeat 5px 10px !important;
background-position: 8px 10px;
border: 1px solid #f2f2f2;
border-left: 4px solid #FF9966;
}
/* form elements */
form {
margin:10px; padding: 5px;
border: 1px solid #f2f2f2;
background-color: #FAFAFA;
}
label {
display:block;
font-weight:bold;
margin:5px 0;
}
input {
padding: 3px;
border:1px solid #eee;
font: normal 1em Verdana, sans-serif;
color:#777;
}
textarea {
width:350px;
padding:3px;
font: normal 1em Verdana, sans-serif;
border:1px solid #eee;
height:100px;
display:block;
color:#777;
}
input.button {
margin: 0;
font: bolder 12px Verdana, Sans-serif;
border: 1px solid #CCC;
padding: 2px 3px;
background: #FFF;
color: #75A54B;
}
/* search form */
form.search {
position: absolute;
top: 15px; right: 5px;
padding: 0; margin: 0;
border: none;
background-color: transparent;
}
form.search input.textbox {
margin: 0;
width: 120px;
border: 1px solid #CCC;
background: #FFF;
color: #333;
vertical-align: top;
}
form.search input.button {
width: 60px;
vertical-align: top;
}
/**************************************
LAYOUT
***************************************/
#wrap {
margin: 0 auto;
padding: 0;
width: 850px;
text-align: left;
}
/* header */
#header {
position: relative;
height: 70px;
margin: 0; padding: 0;
color: #808080;
}
#header h1#logo {
position: absolute;
font: bold 3.9em "trebuchet MS", Arial, Tahoma, Sans-Serif;
margin: 0; padding:0;
color: #75A54B;
letter-spacing: -2px;
border: none;
/* change the values of top and Left to adjust the position of the logo*/
top: 0; left: 2px;
}
#header h1#logo span { color: #F18359; }
#header h2#slogan {
position: absolute;
margin: 0; padding: 0;
font: bold 12px Arial, Tahoma, Sans-Serif;
text-transform: none;
/* change the values of top and Left to adjust the position of the slogan*/
top: 43px; left: 45px;
}
/* menu */
#menu {
clear: both;
background: #FF9966 url(http://img6.xooimage.com/files/f/6/e/menubg-de1725.gif) repeat-x;
height: 30px;
margin: 0;
font: bolder 1.2em/30px Tahoma, Verdana, Arial, Sans-Serif;
}
#menu ul{
margin: 0; padding: 0 0 0 8px;
}
#menu ul li {
float: left;
list-style: none;
border-right: 1px solid #FFA500;
}
#menu ul li a {
display: block;
text-decoration: none;
padding: 0 15px;
color: #FFF;
}
#menu ul li a:hover {
color: #333;
background: url(http://img8.xooimage.com/files/5/c/8/menu-hover-bg-de175c.gif) repeat-x;
}
#menu ul li#current a {
color: #333;
background: url(http://img4.xooimage.com/files/d/5/8/menu-current-bg-de1764.gif) repeat-x;
}
/* sidebar */
#sidebar {
float: left;
width: 21%;
margin: 0;   padding: 0;
display: inline;
}
#sidebar ul.sidemenu {
list-style: none;
text-align: left;
margin: 0 0 7px 0; padding: 0;
text-decoration: none;
}
#sidebar ul.sidemenu li {
border-bottom: 1px solid #EFF0F1;
background: url(http://img2.xooimage.com/files/b/e/1/arrow-de1777.gif) no-repeat 3px 6px;
padding: 2px 5px 2px 20px;
}
* html body #sidebar ul.sidemenu li { height: 1%; }
#sidebar ul.sidemenu li a {
font-weight: bolder;
background-image: none;
text-decoration: none;
}
#rightbar {
float: right;
width: 21%;
padding: 0;
margin: 0;
}
/* main column */
#main {
float: left;
margin: 0 0 0 15px;
padding: 0;
width: 54%;
}
.post-footer {
background-color: #FAFAFA;
padding: 5px; margin: 15px 10px 10px 10px;
border: 1px solid #f2f2f2;
font-size: 95%;
}
.post-footer .date {
background: url(http://img44.xooimage.com/files/c/e/b/time-d8dbc9.gif) no-repeat left center;
padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .comments {
background: url(http://img5.xooimage.com/files/d/6/3/comment_blue-42d76.gif) no-repeat left center;
padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .readmore {
background: url(http://img4.xooimage.com/files/a/6/b/sujet-495426.gif) no-repeat left center;
padding-left: 20px; margin: 0 10px 0 5px;
}
/* footer */
#footer {
clear: both;
color: #666666;
padding: 0;
background: #FFF url(http://img6.xooimage.com/files/d/4/1/footerbg-de17a2.gif) repeat-x;
height: 60px
}
#footer a {
text-decoration: none;
font-weight: bold;
}
#footer-content {
margin: 0 auto;
width: 800px
}
#footer-content #footer-left {
padding: 10px;
width: 60%;
float: left;
text-align: left;
}
#footer-content #footer-right {
padding: 10px;
width: 33%;
float: right;
text-align: right;
}
/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right { text-align: right; }
/* additional classes */
.clear  { clear: both; }
.green  { color: #75A54B; }