css4
Andate sul sito it.gg-->la tua scatola delle costruzioni-->impostare design-->selezionare CSS-Design
impostazioni avanzate-->incollare i codici dove richiesto dopo di che cliccare su salva!
<div id="head" class="clearfloat">
<div class="clearfloat"><div id="logo" class="left">
<a href="/inicio.htm"><img src="http://www.fileden.com/files/2009/5/1/2426283/logo2.png" width="177px" height="39px" alt="" /></a>
<div id="tagline">Recursos web!</div>
</div>
<div class="right">
<img src="http://www.fileden.com/files/2009/5/1/2426283/wide.jpg" alt="" width="468px" height="60px" />
</div>
</div>
<div id="navbar" class="clearfloat">
<ul id="page-bar" class="left clearfloat">
<li><a href="index.htm">Inicio</a></li>
<li><a href="#">Musica</a></li>
<li><a href="#">Imagenes</a></li>
<li><a href="#">Videos</a></li>
<li><a href="#">Contacto</a></li>
</ul>
<!-- buscador -->
<form method="get" id="searchform" class="left" action="/resultados.htm"><div>
<input type="text" value="Escribe lo que buscas.." value="" name="s" id="s" onfocus="this.value=''" /><input type="image" src="http://www.fileden.com/files/2009/5/1/2426283/magnify.gif" id="searchsubmit" />
</div>
</form>
<!-- fin buscar -->
</div>
</div>
<div id="page" class="clearfloat">
<div id="top" class="clearfloat">
<div id="headline">
<img src="img/headline.png" width="75px" height="21px" alt="" />
</div><!-- fin headline -->
<div id="featured">
<img src="img/featured.png" width="72px" height="17px" alt="" />
</div><!-- fin featured -->
</div><!-- fin clearfloat -->
<div id="waper" class="clearfloat">
<div id="sidebar">
<div id="sidebar-ads">
<img src="http://www.fileden.com/files/2009/5/1/2426283/square.jpg" alt="" width="300px" height="250px" />
</div>
<div id="sidebar-top">
<h3>Paginas</h3>
<ul>
<li class="page_item page-item-2"><a href="#" ">Información</a></li>
</ul>
</div><!-- fin sidebar-top -->
<div id="sidebar-middle" class="clearfloat">
<div id="sidebar-left">
<h3>Recientes</h3>
<ul>
<li><a href="#">Discos </a></li>
<li><a href="#">Afinación </a></li>
<li><a href="#">¡Hola, mundo!</a></li>
</ul>
<h3>Meta</h3><ul>
<li><a href="#">Iniciar sesión</a></li>
<li><a href="#">RSS de las entradas</a></li>
<li><a href="#">RSS de los comentarios</a></li>
<li><a href="#">WordPress.org</a></li>
</ul>
<ul></ul>
</div>
<div id="sidebar-right">
<h3>Paginas amigas</h3>
<ul>
<li><a href="http://cssplantillas.es.tl">Css Plantillas</a></li>
<li><a href="#">Link's 3</a></li>
<li><a href="#">Link's 4</a></li>
<li><a href="#">Link's 5</a></li>
<li><a href="#">Link's 6</a></li>
<li><a href="#">Link's 7</a></li>
<li><a href="#">Link's 8</a></li>
<li><a href="#">Link's 9</a></li>
<li><a href="#">Link's 10</a></li>
</ul>
</div>
</div>
<div id="sidebar-bottom">
<h3>Enlaces</h3>
<ul class='xoxo blogroll'>
<li><a href="#">Enlace 1</a></li>
<li><a href="#">Enlace 2</a></li>
<li><a href="#">Enlace 3</a></li>
<li><a href="#">Enlace 4</a></li>
<li><a href="#">Enlace 5</a></li>
</ul>
</div>
</div>
</div>
</div>
<div id="front-popular" class="clearfloat">
<div id="recentpost" class="clearfloat">
<h3>Comentarios recientes</h3>
<ul id="recentcomments">
<li><a href='#'>Css Floid</a> en: Diseños avanzados</li>
<li><a href='#'>Color void</a> en: Diseños avanzados</li>
<li><a href='#'>Arthemia</a> en: Diseños avanzados</li>
<li><a href='#'>Css plantillas</a> en: Diseños avanzados</li>
<li><a href='#'>New design</a> en: Diseños avanzados</li>
<li><a href='#'>Css Floid</a> en: Diseños avanzados</li>
</ul>
</div>
<div id="mostcommented" class="clearfloat">
<h3>Comentario recientes</h3>
<ul>
<li><a href="#">Muy buena la pagina...</a> 30-09-08</li>
<li><a href="#">Muy buena la pagina...</a> 30-09-08</li>
<li><a href="#">Muy buena la pagina...</a> 30-09-08</li>
<li><a href="#">Muy buena la pagina...</a> 30-09-08</li>
</ul>
</div>
<div id="recent_comments" class="clearfloat">
<img src="http://www.fileden.com/files/2009/5/1/2426283/square.jpg" width="280px" height="210px" />
</div>
</div>
<div id="footer">
Potenciado por <a href="http://es.tl">Pagin web gratis</a> | Diseño <b>arthemia</b> por : <a href="http://michaelhutagalung.com">Michael Hutagalung</a> - Adaptado por: <a href="http://cssplantillas.es.tl">Css Plantillas</a>
</div><!-- fin footer -->
#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;}
table {margin-left:auto;margin-right:auto;}
* {
margin:0;
padding:0;
}
body {
font: 100% Arial, Helvetica;
background: #FFF;
color: #333;
}
p {
margin: 15px 0;
}
a:link, a:visited {
color: #3c78a7;
text-decoration:none
}
a:hover, a:active {
color: #3c78a7;
text-decoration:underline;
}
a img {
border:0;
}
code {
font: 1.0em 'Courier New', Courier, Fixed;
background:#ececec;
}
acronym, abbr, span.caps {
font-size: 0.9em;
letter-spacing: .07em;
cursor: help;
}
acronym, abbr {
border-bottom: 1px dashed #999;
}
blockquote {
padding: 10px 10px 0 10px;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
background: #eee;
font:1.0em Arial;
line-height:1.5em;
margin:10px 0px;
}
select {
width: 130px;
}
/* Structure */
#head {
width:960px;
margin:0px auto;
margin-top:15px;
padding:0px;
font-size:0.7em;
}
#page {
width:940px;
margin:0px auto;
padding:10px;
background:#ececec;
font-size:0.7em;
}
.left, .alignleft {
float:left;
}
.right, .alignright {
float:right;
}
/* Navigation Bar*/
#navbar {
margin:0 auto;
margin-top:15px;
padding:0px 10px;
text-transform:uppercase;
background:#2c2c2c url("http://www.fileden.com/files/2009/5/1/2426283/navbar.png");
}
#page-bar {
width:722px;
}
#page-bar ul {
list-style: none;
}
#page-bar li {
float:left;
list-style:none;
cursor: pointer;
display:block;
border-right:1px solid #333;
}
#page-bar li:hover {
background: #3c78a7;
}
#page-bar a, #page-bar a:visited {
margin: 0px;
padding:10px 16px;
font-weight:bold;
color:#FFF;
display:block;
}
#page-bar a:hover {
text-decoration:none;
display:block;
}
#searchform {
width:194px;
float:right;
text-align:right;
padding-top:8px;
margin-right:10px;
}
/* Dropdown Menus */
#page-bar li {
float: left;
margin: 0px;
padding: 0px;
}
#page-bar li li {
float: left;
margin: 0px;
padding: 0px;
width: 122px;
text-transform:none;
}
#page-bar li li a, #page-bar li li a:link, #page-bar li li a:visited {
background: #2B2B2B;
width: 122px;
float: none;
margin: 0px;
padding: 5px 10px 5px 18px;
border-top: 1px solid #C0C0C0;
}
#page-bar li li a:hover, #page-bar li li a:active {
background: #666666;
padding: 5px 10px 5px 18px;
}
#page-bar li ul {
position: absolute;
width: 10em;
left: -999em;
}
#page-bar li:hover ul {
left: auto;
display: block;
}
#page-bar li:hover ul, #page-bar li.sfhover ul {
left: auto;
}
/* Text*/
h1 {
font:3.5em Arial;
font-weight:bold;
letter-spacing:-0.08em;
}
h2 {
font:2.3em Georgia, "Times New Roman";
}
h3 {
font:1.3em Arial;
margin-bottom:3px;
color:#3c78a7;
font-weight:bold;
}
h4 {
font:1.0em Arial;
}
h3.cat_title, h3.cat_title a {
color:#333;
letter-spacing:-0.05em;
font-size:0.85em;
}
h3#respond {
margin-top:0px;
padding-top:20px;
}
h3#comments {
margin-top:32px;
padding-left:0px;
}
h3.authors {
margin-top:15px;
}
/* Index Page*/
#logo {
width:350px;
}
#tagline {
margin-top:5px;
font-size:1em;
color:#333;
}
#top {
padding:0;
}
#headline {
width:590px;
float:left;
background:#fff;
padding:10px;
font-size:1.05em;
line-height:1.5em;
margin:0;
}
#headline div.title {
font-weight:bold;
font:2.4em Georgia;
letter-spacing:-0.05em;
display:block;
padding-bottom:5px;
}
#headline div.meta {
display:block;
margin-top:-5px;
padding-bottom:2px;
}
#headline p {
padding-bottom:15px;
}
#featured {
width:300px;
background:#fff;
float:right;
padding:10px 10px 9px 10px;
}
#featured .clearfloat {
margin-top:7px;
margin-bottom:8px;
}
#featured .info {
margin-top:5px;
padding-top:5px;
float:right;
width:180px;
}
#featured .title {
font-weight:bold;
}
#headline a img, #featured a img {
border:1px solid #ccc;
margin-top:5px;
margin-right:10px;
padding:2px;
}
.category {
width:164px;
float:left;
border-top:8px solid #333;
margin:0px;
padding:5px 10px 10px 10px;
background:#fff;
}
.category p {
margin:0;
}
#cat-1, #cat-3, #cat-5 {border-top:8px solid #333333;}
#cat-2, #cat-4 {border-top:8px solid #3c78a7;}
.category span.cat_title, #front-popular h3, #front-list .cat_title, #archive .cat_title {
text-transform:lowercase;
margin:0;
font-weight:bold;
font-size:1.5em;
letter-spacing:-0.05em;
}
#front-popular h3 {
color:#fff;
}
.category a {
color:#333;
display:block;
background:none;
}
.category a:hover {
background:none;
color:#fff;
text-decoration:none;
}
#waper {
width: 940px;
}
#content {
width:590px;
background:#fff;
padding:10px;
font-size:1.05em;
line-height:1.75em;
float:left;
}
#archive {
padding-top:15px;
font-size:1.05em;
line-height:1.75em;
}
#front-list blockquote {
padding: 0px 10px 0 10px;
}
#front-list .title, #archive .title {
font-weight:bold;
font:2.0em Georgia;
letter-spacing:-0.05em;
}
#front-list .clearfloat, #archive .clearfloat {
padding-bottom:10px;
border-bottom:1px dotted #ccc;
margin-bottom:10px;
}
#front-list .spoiler, #archive .spoiler {
display:block;
margin-top:3px;
}
#front-list p, #archive p {
margin:0px;
padding:0px;
}
.author {
font-size:0.8em;
font-weight:bold;
}
.meta {
font-size:0.8em;
color:#333;
}
.meta a {
color:#333;
}
#headline p, #featured p {
margin:0;
}
/* Content Page*/
/* Sidebar*/
#sidebar {
width:320px;
float:right;
margin:0px 0px 0px 0px;
}
#sidebar h3 {
font:1.1em Arial;
font-weight:bold;
background:#333;
color:#fff;
margin:10px 0px 5px 0px;
padding:3px 10px;
}
#sidebar-top, #sidebar-bottom {
width:300px;
float:right;
padding:0px 10px 10px 10px;
background:#fff;
}
#sidebar-bottom, #sidebar-middle {
margin-top:10px;
}
#sidebar-middle {
width:320px;
float:right;
}
#sidebar-left {
width:135px;
padding:0px 10px 10px 10px;
float:left;
background:#fff;
}
#sidebar-right {
width:135px;
padding:0px 10px 10px 10px;
float:right;
background:#fff;
}
#sidebar li {
list-style:none;
border-bottom:1px dotted #ccc;
display:block;
padding:2px 0px 2px 13px;
background:url("http://www.fileden.com/files/2009/5/1/2426283/sub.png") no-repeat 0 0px;
}
#sidebar li ul li:last-child{
list-style:none;
border-bottom:0px dotted #ccc;
display:block;
padding:2px 0px 0px 13px;
background:url("http://www.fileden.com/files/2009/5/1/2426283/sub.png") no-repeat 0 0px;
}
#sidebar-ads {
width:300px;
float:right;
margin-bottom:10px;
padding:10px;
background:#fff;
}
/* Form Elements */
select {
border:1px solid #333;
width:100%
}
.field {
padding: 2px;
border:1px solid #333;
background:#fff;
font-size:1.0em;
}
#s {
padding:1px;
font-size:1.0em;
width:150px;
}
#searchsubmit {
padding-left:5px;
}
#commentform input {
width: 140px;
margin: 5px 5px 1px 0;
}
#commentform textarea {
width: 99%;
margin-top:5px;
}
/* Comments*/
.commentlist cite {
font-style:normal;
margin-bottom:4px;
display:block;
}
.commentlist blockquote {
background:#ededed;
}
.commentlist li {
padding: 10px 0px 10px 0px;
list-style:none;
margin-bottom:3px;
}
.commentlist li li {
background:none;
border:none;
list-style:square;
margin:3px 0 3px 20px;
padding:3px 0;
}
.commenttext {
padding: 10px 10px 0px 10px;
background:#f2f2f2;
border-top:1px solid #ddd;
border-bottom: 1px solid #ddd;
width:495px;
float:right
}
.commentlist cite strong {
font-size:1.1em;
}
li.my_comment {
background: #FFF;
border:none;
}
li.my_comment cite strong {
font-size: 1.3em;
color:#313228;
}
#commentform small {
background:#FFF;
font-weight:bold;
padding:0;
}
.commentmetadata {
color:#4d4d4d;
display: block;
margin-top:3px;
text-align:right;
font-size:0.9em;
}
.commentmetadata a, .commentmetadata a:visited {
color:#959382;
}
.commentlist small {
background:#e9e9e9;
}
.avatar {
border:1px solid #bbb;
margin:0px 10px 0px 0px;
float:left;
padding:2px;
width:55px;
height:55px;
}
#comment {
width:590px;
background:#fff;
}
/* Footer*/
#front-popular {
font-size:0.7em;
color:#fff;
width: 940px;
background:#2c2c2c url("http://www.fileden.com/files/2009/5/1/2426283/bottombar.png") bottom no-repeat;
margin: 0 auto;
padding:10px;
}
#recentpost, #mostcommented {
width:280px;
float:left;
padding:10px;
border:1px solid #fff;
}
#mostcommented {
margin-left:17px;
}
#recent_comments {
width:280px;
float:right;
padding:10px;
border:1px solid #fff;
}
#recentpost a, #mostcommented a, #recent_comments a {
color:#fff;
}
#recentpost ul, #mostcommented ul, #recent_comments ul {
margin-top:5px;
}
#recentpost ul li, #mostcommented ul li, #recent_comments ul li {
list-style:none;
border-top:1px dotted #fff;
padding:5px;
display:block;
}
#recentpost ul li:hover, #mostcommented ul li:hover, #recent_comments ul li:hover {
background:#3c78a7;
color:#fff;
}
#recentpost ul li:first-child, #mostcommented ul li:first-child, #recent_comments ul li:first-child {
border-top:0px dotted #fff;
}
#footer {
margin: 0 auto;
width: 960px;
font-size:0.6em;
padding-top:10px;
padding-bottom:10px;
}
/* Float Properties*/
.clearfloat:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfloat {
display: inline-block;
}
/* Hides from IE-mac */
* html .clearfloat {
height:1%;
}
*+html .clearfloat {
height:1%;
}
.clearfloat {
display:block;
}
<style type="text/css" media="screen"> <!-- body { font-family: Arial; font-size: 00px; overflow: auto; padding: 10px; margin: 0px; } ul, li { list-style-type: none; padding: 3px; margin: 7px; } li a { padding-right: 20px;padding-top: 5px; } div.menu { position: absolute; z-index: 3; top: 278px; left: 55%; margin-left:-320px; width: 700px; } .menu li { width: 88px; float: left; } .menu a { border: 0px solid #xxxxxx; background-color: #xxxxxx; background-image: none; text-decoration: none; text-align: center; font-weight: bold; cursor: pointer; margin: 0px; display: block; height:21px; color: #ffffff; } .menu a:hover { background-color: #transparent; background-image: none; color: #cccccc;} #smenu1, #smenu2, #smenu3, #smenu4, #smenu5 { font-size: 15px; display: none; width: 70px; float: left; } #smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a { font-weight: bold; padding-top: 5px; border-top: 0px; cursor: pointer; color: #FFFFFF; } //--> </style> <script type="text/javascript"> <!-- function montre(id) { with (document) { if (getElementById) getElementById(id).style.display = 'block'; else if (all) all[id].style.display = 'block'; else layers[id].display = 'block'; } } function cache(id) { with (document) { if (getElementById) getElementById(id).style.display = 'none'; else if (all) all[id].style.display = 'none'; else layers[id].display = 'none'; } } //--> </script> <div class="menu"> <li><a href="LINK" _fcksavedurl="LINK" _fcksavedurl="LINK">LINK</a> </li> <li><a href="LINK" _fcksavedurl="LINK" _fcksavedurl="LINK">LINK</a> </li> <li><a href="LINK" _fcksavedurl="LINK" _fcksavedurl="LINK">LINK</a> </li> <li><a href="LINK" _fcksavedurl="LINK" _fcksavedurl="LINK">LINK</a> </li> <li><a href="LINK" _fcksavedurl="LINK" _fcksavedurl="LINK">LINK</a> </li> </div> <div id="Designmystic"> <div id="text"><h1></h1> </div> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head>
NIENTE!
lli.nav_element{display: none;} li.nav_element a{display: none;} h1#title{display: none;} h2#title span {display: none;} #text{ color: ffffff; position: absolute; top: 100px; margin-left:-300px; left: 50%; } body { background-image:url(http://img30.imageshack.us/img30/5388/fondos.gif);background-color:#ffffff;} *{ padding: 0; margin: 0; } #Designmystic { margin: 0 auto; width: 800px; height:800px; background-image:url(http://img30.imageshack.us/img30/1066/dddiiiiseooohecchooo.gif);} #content { position: absolute; left: 45%; top: 339px; margin-left:-300px; width: 710px; height: 455px; padding:10px; color: #transparent; font-size:13px; background-color:#transparent; background-image: none; border: 0px solid #FFFFFF; overflow:auto;} #Uebersicht{ position: absolute; left: 50%; top: 204px; margin-left:-440px; font-color:#cccccc;} a{ color:#ffffff; text-decoration: none; font-size:13px;} a:hover { color: #4A9AF6; font-size: 13px; text-decoration: none;} a:link { color: #000000; font-size: 13px; text-decoration: none;} a:active { color: #000000; font-size: 13px; text-decoration: none;} a:visited { color: #000000; font-size: 13px; text-decoration: none;} div.lux { position: absolute; z-index: 3; top: 172px; left: 52%; margin-left:-185px; width: 647px; } .lux a { border: 0px solid #xxxxxx; background-color: #xxxxxx; background-image: none; text-decoration: none; text-align: center; font-weight: bold; cursor: pointer; margin: 0px; display: block; height:21px; color: #ffffff; font-size: 24px; }
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta name="Description" content="Information architecture, Web Design, Web Standards." />
<meta name="Keywords" content="your, keywords" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="Distribution" content="Global" />
<meta name="Author" content="Erwin Aligam - ealigam@gmail.com" />
<meta name="Robots" content="index,follow" />
<link rel="stylesheet" href="images/Envision.css" type="text/css" />
<title>Envision</title>
</head>
<body>
<!-- wrap starts here -->
<div id="wrap">
<!--header -->
<div id="header">
<h1 id="logo-text"><a href="index.html">envision</a></h1>
<p id="slogan">put your site slogan here...</p>
<div id="header-links">
<p>
<a href="index.html">Home</a> |
<a href="index.html">Contact</a> |
<a href="index.html">Site Map</a>
</p>
</div>
</div>
<!-- menu -->
<div id="menu">
<ul>
<li id="current"><a href="index.html">Home</a></li>
<li><a href="index.html">Archives</a></li>
<li><a href="index.html">Downloads</a></li>
<li><a href="index.html">Services</a></li>
<li><a href="index.html">Support</a></li>
<li class="last"><a href="index.html">About</a></li>
</ul>
</div>
<!-- content-wrap starts here -->
<div id="content-wrap">
<div id="sidebar">
<h3>Search Box</h3>
<form action="#" class="searchform">
<p>
<input name="search_query" class="textbox" type="text" />
<input name="search" class="button" value="Search" type="submit" />
</p>
</form>
<h3>Sidebar Menu</h3>
<ul class="sidemenu">
<li><a href="index.html">Home</a></li>
<li><a href="#TemplateInfo">Template Info</a></li>
<li><a href="#SampleTags">Sample Tags</a></li>
<li><a href="http://www.styleshout.com/">More Free Templates</a></li>
<li><a href="http://www.4templates.com/?aff=ealigam">Premium Templates</a></li>
</ul>
<h3>Links</h3>
<ul class="sidemenu">
<li><a href="http://www.pdphoto.org/">PDPhoto.org</a></li>
<li><a href="http://www.squidfingers.com/patterns/">Squidfingers</a></li>
<li><a href="http://www.alistapart.com">Alistapart</a></li>
<li><a href="http://www.cssremix.com">CSS Remix</a></li>
<li><a href="http://www.cssmania.com/">CSS Mania</a></li>
</ul>
<h3>Sponsors</h3>
<ul class="sidemenu">
<li><a href="http://www.4templates.com/?aff=ealigam"><strong>4templates</strong></a> <br /> Low Cost Hi-Quality Templates</li>
<li><a href="http://store.templatemonster.com?aff=ealigam"><strong>TemplateMonster</strong></a> <br /> Delivering the Best Templates on the Net!</li>
<li><a href="http://tinyurl.com/3cgv2m"><strong>Text Link Ads</strong></a> <br /> Monetized your website</li>
<li><a href="http://www.fotolia.com/partner/114283"><strong>Fotolia</strong></a> <br /> Free stock images or from $1</li>
<li><a href="http://www.dreamstime.com/res338619"><strong>Dreamstime</strong></a> <br /> Lowest Price for High Quality Stock Photos</li>
<li><a href="http://www.dreamhost.com/r.cgi?287326"><strong>Dreamhost</strong></a> <br /> Premium webhosting</li>
</ul>
<h3>Wise Words</h3>
<div class="left-box">
<p>"Evaluation of the past is the first step toward
vision for the future." </p>
<p class="align-right">- Chris Widener</p>
</div>
<h3>Support Styleshout</h3>
<div class="left-box">
<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>
</div>
</div>
<!-- content-wrap ends here -->
</div>
<!--footer starts here-->
<div id="footer">
<p>
© 2006 <strong>Your Company</strong> |
Design by: <a href="http://www.styleshout.com/">styleshout</a> |
Valid <a href="http://validator.w3.org/check?uri=referer">XHTML</a> |
<a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a>
<a href="index.html">Home</a> |
<a href="index.html">Sitemap</a> |
<a href="index.html">RSS Feed</a>
</p>
</div>
<!-- wrap ends here -->
</div>
</body>
</html>
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: Envision
TEMPLATE CODE: S-0013
VERSION: 1.1
LAST MODIFIED Nov-14-2007
*******************************************/
/********************************************
HTML ELEMENTS
********************************************/
/* Top Elements */
* { margin: 0; padding: 0; outline: 0 }
body {
background: #CCC;
font: 70%/1.5em Verdana, Tahoma, arial, sans-serif;
color: #555;
text-align: center;
}
/* links */
a, a:visited {
text-decoration: none;
color: #2180BC;
background: inherit;
}
a:hover {
color: #88ac0b;
background: inherit;
text-decoration: underline;
}
/* headers */
h1, h2, h3 {
font-family: 'Trebuchet MS', Tahoma, Sans-serif;
}
h1 {
font-size: 150%;
font-weight: normal;
color: #006699;
}
h2 {
font-size: 140%;
text-transform: uppercase;
color: #88ac0b;
}
h3 {
font-size: 120%;
color: #666666;
}
/* images */
img {
background: #FAFAFA;
border: 1px solid #E5E5E5;
padding: 5px;
}
img.float-right {
margin: 5px 0px 10px 10px;
}
img.float-left {
margin: 5px 10px 10px 0px;
}
h1, h2, h3, p {
padding: 10px;
margin: 0;
}
ul, ol {
margin: 5px 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;
}
acronym {
cursor: help;
border-bottom: 1px dotted #777;
}
blockquote {
margin: 10px;
padding: 0 0 0 28px;
border: 1px solid #f2f2f2;
background: #FAFAFA url(http://img23.xooimage.com/files/5/4/c/quote-b93848.gif) no-repeat 5px 5px;
}
/* start - table */
table {
border-collapse: collapse;
margin: 10px;
}
th strong {
color: #fff;
}
th {
background: #93BC0C;
height: 29px;
padding-left: 12px;
padding-right: 12px;
color: #FFF;
text-align: left;
border-left: 1px solid #B6D59A;
border-bottom: solid 2px #FFF;
}
tr {
height: 30px;
}
td {
padding-left: 11px;
padding-right: 11px;
border-left: 1px solid #FFF;
border-bottom: solid 1px #ffffff;
}
td.first,th.first {
border-left: 0px;
}
tr.row-a {
background: #F8F8F8;
}
tr.row-b {
background: #EFEFEF;
}
/* end - table */
/* form elements */
form {
margin:10px; padding: 0 5px;
border: 1px solid #f2f2f2;
background-color: #FAFAFA;
}
label {
display:block;
font-weight:bold;
margin:5px 0;
}
input {
padding:2px;
border:1px solid #eee;
font: normal 1em Verdana, sans-serif;
color:#777;
}
textarea {
width:400px;
padding:2px;
font: normal 1em Verdana, sans-serif;
border:1px solid #eee;
height:100px;
display:block;
color:#777;
}
input.button {
font: bold 12px Arial, Sans-serif;
height: 24px;
margin: 0;
padding: 2px 3px;
color: #FFF;
background: #8EB50C url(http://img9.xooimage.com/files/b/8/0/cellpic3-9ffccf.jpg) repeat-x 0 0;
border: none;
}
/* search form */
.searchform {
background-color: transparent;
border: none;
margin: 0; padding: 5px 0 15px 0;
width: 190px;
}
.searchform p { margin: 0; padding: 0; }
.searchform input.textbox {
width: 120px;
color: #777;
height: 18px;
padding: 2px;
border: 1px solid #E5E5E5;
vertical-align: top;
}
.searchform input.button {
width: 60px;
height: 24px;
padding: 2px 5px;
vertical-align: top;
}
/********************************************
LAYOUT
********************************************/
#wrap {
width: 820px;
background: #CCC url(http://img6.xooimage.com/files/5/8/6/content-dd33b1.jpg) repeat-y center top;
margin: 0 auto;
text-align: left;
}
#content-wrap {
clear: both;
width: 760px;
padding: 0;
margin: 10px auto;
}
#header {
width: 820px;
position: relative;
height: 103px;
background: #CCC url(http://img8.xooimage.com/files/0/c/f/header-dd33b2.jpg) no-repeat center top;
padding: 0;
color: #FFF;
}
#header h1#logo-text a {
position: absolute;
margin: 0; padding: 0;
font: bolder 44px 'Trebuchet MS', Arial, Sans-serif;
letter-spacing: -2px;
color: #FFF;
text-transform: none;
text-decoration: none;
background: transparent;
/* change the values of top and left to adjust the position of the logo*/
top: 25px; left: 47px;
}
#header p#slogan {
position: absolute;
margin: 0; padding: 0;
font: normal 12px 'Trebuchet MS', Arial, Sans-serif;
text-transform: none;
color: #FFF;
/* change the values of top and left to adjust the position of the slogan*/
top: 70px; left: 55px;
}
/* header links */
#header #header-links {
position: absolute;
top: 20px; right: 30px;
color: #C6DDEE;
font-size: 10px;
}
#header #header-links a {
color: #FFF;
text-decoration: none;
}
#header #header-links a:hover {
color: #D4E59F;
}
/* Menu */
#menu {
clear: both;
margin: 0 auto; padding: 0;
background: url(http://img7.xooimage.com/files/a/8/a/cellpic1-9ffdd0.jpg) repeat-x 0 0;
font: bold 12px/37px Verdana, Arial, Tahoma, Sans-serif;
height: 37px;
width: 780px;
}
#menu ul {
float: right;
list-style: none;
margin:0; padding: 0;
}
#menu ul li {
display: inline;
}
#menu ul li a {
display: block;
float: left;
padding: 0 12px;
color: #FFF;
text-decoration: none;
}
#menu ul li.last a {
padding-right: 20px;
}
#menu ul li a:hover {
color: #D4E59F;
}
#menu ul li#current a {
color: #D4E59F;
}
/* Main Column */
#main {
float: left;
width: 70%;
padding: 0; margin: 5px 0 0 5px;
display: inline;
}
#main h2 {
margin-top: 10px;
font: Bold 140% 'Trebuchet MS', Tahoma, Sans-serif;
color: #88ac0b;
padding: 5px 0 5px 25px;
border-bottom: 1px solid #EFF0F1;
background: #FFF url(http://img21.xooimage.com/files/e/6/8/square-green-b9384a.png) no-repeat 3px 50%;
text-transform: none;
}
#main h2 a {
background: none;
color: #88ac0b;
text-decoration: none;
}
#main ul li {
list-style-image: url(http://img8.xooimage.com/files/8/f/a/bullet-dd33be.gif);
}
.post-footer {
background-color: #FAFAFA;
padding: 5px; margin: 20px 10px 10px 10px;
border: 1px solid #f2f2f2;
font-size: 95%;
}
.post-footer .date {
background: url(http://img5.xooimage.com/files/0/b/5/clock-2c3823.gif) no-repeat left center;
padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .comments {
background: url(http://img7.xooimage.com/files/4/e/5/comment-2c3824.gif) no-repeat left center;
padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .readmore {
background: url(http://img1.xooimage.com/files/6/5/0/page-2c3826.gif) no-repeat left center;
padding-left: 20px; margin: 0 10px 0 5px;
}
/* Sidebar */
#sidebar {
float: right;
width: 26.5%;
padding: 0; margin: 0;
color: #68774A;
}
#sidebar h3 {
margin-top: 10px;
padding: 5px 5px;
font: bold 1.4em 'Trebuchet MS', Tahoma, Sans-serif;
color: #728D26;
}
#sidebar ul.sidemenu {
list-style: none;
text-align: left;
margin: 7px 4px 8px 0; padding: 0;
text-decoration: none;
background: url(http://img8.xooimage.com/files/9/d/8/dots-dd33c4.jpg) repeat-x left top;
}
#sidebar ul.sidemenu li {
list-style: none;
background: url(http://img8.xooimage.com/files/9/d/8/dots-dd33c4.jpg) repeat-x left bottom;
padding: 4px 0 4px 5px;
margin: 0 2px;
color: #68774A;
}
* html body #sidebar ul.sidemenu li {
height: 1%;
}
#sidebar ul.sidemenu li a {
text-decoration: none;
background-image: none;
color: #666666;
}
#sidebar ul.sidemenu li a:hover {
color: #1773BC;
}
#sidebar ul.sidemenu ul { margin: 0 0 0 5px; padding: 0; }
#sidebar ul.sidemenu ul li { background: none; }
/* Footer */
#footer {
color: #C6DDEE;
background: #CCC url(http://img2.xooimage.com/files/e/0/6/footer-dd33c6.jpg) no-repeat center top;
clear: both;
width: 820px;
height: 65px;
text-align: center;
font-size: 92%;
}
#footer a {
color: #FFF;
text-decoration: none;
}
/* alignment classes */
.float-left { float: left; }
.float-right { float: right; }
.align-left { text-align: left; }
.align-right { text-align: right; }
/* display and additional classes */
.clear { clear: both; }
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta name="Description" content="Information architecture, Web Design, Web Standards." />
<meta name="Keywords" content="your, keywords" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="Distribution" content="Global" />
<meta name="Author" content="Erwin Aligam - ealigam@gmail.com" />
<meta name="Robots" content="index,follow" />
<link rel="stylesheet" href="images/Refresh.css" type="text/css" />
<title>refresh</title>
</head>
<body>
<!-- wrap starts here -->
<div id="wrap">
<!--header -->
<div id="header">
<h1 id="logo-text">re<span class="gray">fresh</span></h1>
<h2 id="slogan">put your site slogan here...</h2>
<form class="search" method="post" action="#">
<p>
<input class="textbox" type="text" name="search_query" value="" />
<input class="button" type="submit" name="Submit" value="Search" />
</p>
</form>
</div>
<!-- menu -->
<div id="menu">
<ul>
<li id="current"><a href="index.html">Home</a></li>
<li><a href="index.html">Archives</a></li>
<li><a href="index.html">Downloads</a></li>
<li><a href="index.html">Services</a></li>
<li><a href="index.html">Support</a></li>
<li><a href="index.html">About</a></li>
</ul>
</div>
<!-- content-wrap starts here -->
<div id="content-wrap">
<div id="sidebar">
<h1>Sidebar Menu</h1>
<div class="left-box">
<ul class="sidemenu">
<li><a href="index.html">Home</a></li>
<li><a href="#TemplateInfo">Template Info</a></li>
<li><a href="#SampleTags">Sample Tags</a></li>
<li><a href="http://www.styleshout.com/">More Free Templates</a></li>
<li><a href="http://www.4templates.com/?aff=ealigam">Premium Templates</a></li>
</ul>
</div>
<h1>Site Partners</h1>
<div class="left-box">
<ul class="sidemenu">
<li><a href="http://www.dreamhost.com/r.cgi?287326">Dreamhost</a></li>
<li><a href="http://www.4templates.com/?aff=ealigam">4templates</a></li>
<li><a href="http://store.templatemonster.com/?aff=ealigam">TemplateMonster</a></li>
<li><a href="http://www.fotolia.com/partner/114283">Fotolia.com</a></li>
<li><a href="http://www.text-link-ads.com/?ref=40025">Text Link Ads</a></li>
</ul>
</div>
<h1>Wise Words</h1>
<div class="left-box">
<p>"To be concious that you are ignorant of the
facts is a great step to knowledge" </p>
<p class="align-right">- Benjamin Disraeli</p>
</div>
<h1>Support Styleshout</h1>
<div class="left-box">
<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>
</div>
</div>
<div id="main">
</div>
<!--footer starts here-->
<div id="footer">
<p>
© 2006 <strong>Your Company</strong> |
Design by: <a href="http://www.styleshout.com/">styleshout</a> |
Valid <a href="http://validator.w3.org/check?uri=referer">XHTML</a> |
<a href="http://jigsaw.w3.org/css-validator/check/referer">CSS</a>
<a href="index.html">Home</a> |
<a href="index.html">Sitemap</a> |
<a href="index.html">RSS Feed</a>
</p>
</div>
<!-- wrap ends here -->
</div>
</body>
</html>
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: Refresh
TEMPLATE CODE: S-0002
VERSION: 1.0
*******************************************/
/********************************************
HTML ELEMENTS
********************************************/
/* Top Elements */
* { margin: 0; padding: 0; }
body {
background: #CCCCCC;
font: 70%/1.5em Verdana, Tahoma, arial, sans-serif;
color: #333;
text-align: center;
}
/* links */
a, a:visited {
text-decoration: none;
color: #4F82CB;
background: inherit;
}
a:hover {
color: #4EBF37;
background: inherit;
}
/* headers */
h1, h2, h3 {
font-family: Tahoma, Verdana, 'Trebuchet MS', Sans-serif;
font-weight: Bold;
}
h1 {
font-size: 120%;
}
h2 {
font-size: 110%;
text-transform: uppercase;
color: #88ac0b;
}
h3 {
font-size: 110%;
color: #666666;
}
/* images */
img {
border: 2px solid #CCC;
}
img.float-right {
margin: 5px 0px 10px 10px;
}
img.float-left {
margin: 5px 10px 10px 0px;
}
h1, h2, h3, p {
padding: 10px;
margin: 0;
}
ul, ol {
margin: 5px 20px;
padding: 0 20px;
color: #88ac0b;
}
ul span, ol span {
color: #666666;
}
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;
}
acronym {
cursor: help;
border-bottom: 1px solid #777;
}
blockquote {
margin: 10px;
padding: 0 0 0 28px;
border: 1px solid #f2f2f2;
background: #FAFAFA url(http://img23.xooimage.com/files/5/4/c/quote-b93848.gif) no-repeat 5px 5px;
}
/* form elements */
form {
margin:10px; padding: 0 5px;
border: 1px solid #f2f2f2;
background-color: #FAFAFA;
}
label {
display:block;
font-weight:bold;
margin:5px 0;
}
input {
padding:2px;
border:1px solid #eee;
font: normal 1em Verdana, sans-serif;
color:#777;
}
textarea {
width:400px;
padding:2px;
font: normal 1em Verdana, sans-serif;
border:1px solid #eee;
height:100px;
display:block;
color:#777;
}
input.button {
margin: 0;
font: bolder 12px Arial, Sans-serif;
border: 1px solid #CCC;
padding: 2px 3px;
background: #FFF;
color: #88ac0b;
}
/* search */
form.search {
position: absolute;
top: 35px; right: 25px;
background: transparent;
border: none;
}
form.search input.textbox {
margin: 0; padding: 1px 2px;
width: 120px;
background: #FFF;
color: #333;
}
form.search input.button {
background: #CCC url(http://img27.xooimage.com/files/5/5/8/headerbg-b9384b.gif) repeat-x;
color: #333;
border: none;
width: 70px; height: 21px;
}
/********************************************
LAYOUT
********************************************/
#wrap {
width: 820px;
background: #CCC url(http://img21.xooimage.com/files/0/c/b/content-b9383d.jpg) repeat-y center top;
margin: 0 auto;
text-align: left;
}
#content-wrap {
clear: both;
width: 760px;
padding: 0;
margin: 0 auto;
}
#header {
width: 820px;
position: relative;
height: 106px;
background: #CCC url(http://img27.xooimage.com/files/8/d/3/header-b93844.jpg) no-repeat center top;
padding: 0;
font-size: 14px;
color: #FFF;
}
#header h1#logo-text {
position: absolute;
margin: 0; padding: 0;
font: bolder 3.3em 'Trebuchet MS', Arial, Sans-serif;
letter-spacing: -2px;
color: #FFF;
text-transform: none;
/* change the values of top and left to adjust the position of the logo*/
top: 28px; left: 50px;
}
#header h2#slogan {
position: absolute;
margin: 0; padding: 0;
font: normal .8em 'Trebuchet MS', Arial, Sans-serif;
text-transform: none;
color: #FFF;
/* change the values of top and left to adjust the position of the slogan*/
top: 74px; left: 58px;
}
/* Menu */
#menu {
clear: both;
margin: 0; padding: 0 40px 0 0;
background: url(http://img27.xooimage.com/files/c/4/9/menu-b93846.jpg) repeat-y center top;
font: bold 12px/26px Verdana, Arial, Tahoma, Sans-serif;
height: 26px;
}
#menu ul {
float: right;
list-style: none;
margin:0; padding: 0;
}
#menu ul li {
display: inline;
}
#menu ul li a {
display: block;
float: left;
padding: 0 8px;
color: #FFF;
text-decoration: none;
}
#menu ul li a:hover {
background-color: #ECECEC;
color: #333;
}
#menu ul li#current a {
background-color: #FFF;
color: #333;
}
/* Main Column */
#main {
float: right;
width: 72%;
padding: 0; margin: 0;
}
#main h1 {
margin-top: 10px;
font: Bold 125% Verdana, 'Trebuchet MS', Sans-serif;
color: #88ac0b;
padding: 5px 0 5px 25px;
border-bottom: 1px solid #EFF0F1;
background: #FFF url(http://img21.xooimage.com/files/e/6/8/square-green-b9384a.png) no-repeat 3px 50%;
}
.post-footer {
background-color: #FAFAFA;
padding: 5px; margin: 20px 10px 0 10px;
border: 1px solid #f2f2f2;
font-size: 95%;
}
.post-footer .date {
background: url(http://img5.xooimage.com/files/0/b/5/clock-2c3823.gif) no-repeat left center;
padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .comments {
background: url(http://img7.xooimage.com/files/4/e/5/comment-2c3824.gif) no-repeat left center;
padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .readmore {
background: url(http://img1.xooimage.com/files/6/5/0/page-2c3826.gif) no-repeat left center;
padding-left: 20px; margin: 0 10px 0 5px;
}
/* Sidebar */
#sidebar {
float: left;
width: 26.5%;
padding: 0; margin: 0;
}
#sidebar h1 {
margin-top: 10px;
padding: 5px 0 5px 10px;
font: bold 1.1em Verdana, 'Trebuchet MS', Sans-serif;
color: #555;
background: #EEF0F1 url(http://img27.xooimage.com/files/5/5/8/headerbg-b9384b.gif) repeat-x left bottom;
border: 1px solid #EFF0F1;
}
#sidebar .left-box {
border: 1px solid #EFF0F1;
margin: 0 0 5px 0;
}
#sidebar ul.sidemenu {
list-style: none;
text-align: left;
margin: 3px 0 8px 0; padding: 0;
text-decoration: none;
}
#sidebar ul.sidemenu li {
border-bottom: 1px solid #EFF0F1;
background: url(http://img21.xooimage.com/files/f/4/4/go-b93843.gif) no-repeat 5px 5px;
padding: 2px 0 2px 25px;
margin: 0 2px;
}
#sidebar ul.sidemenu a {
font-weight: bolder;
text-decoration: none;
background-image: none;
}
/* Footer */
#footer {
color: #666666;
background: #CCC url(http://img25.xooimage.com/files/e/0/3/footer-b93841.jpg) no-repeat center top;
clear: both;
width: 820px;
height: 55px;
text-align: center;
font-size: 92%;
}
#footer a { text-decoration: none; }
/* alignment classes */
.float-left { float: left; }
.float-right { float: right; }
.align-left { text-align: left; }
.align-right { text-align: right; }
/* display and additional classes */
.clear { clear: both; }
.gray { color: #CCC; }
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Animals Planet</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="style.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
<div id="container">
<div id="layoutMenu">
<ul>
<li><a href="http://www.codesx.es.tl/">EDITAR</a></li>
<li><a href="http://www.codesx.es.tl/">EDITAR</a></li>
<li><a href="http://www.codesx.es.tl/">EDITAR</a></li>
<li><a href="http://www.codesx.es.tl/">EDITAR</a></li>
<li><a href="http://www.codesx.es.tl/">EDITAR</a></li>
<li><a href="http://www.codesx.es.tl/">EDITAR</a></li>
<li><a href="http://www.codesx.es.tl/">EDITAR</a></li>
<li><a href="http://www.codesx.es.tl/">EDITAR</a></li>
</ul>
</div>
<div id="layoutHeader">
<h1><a href="www.codesx.es.tl">VistaFire</a></h1>
<h2>Diseño Adaptado <a href="http://www.codesx.es.tl">codesx</a></h2>
</div>
<div id="layoutCenterBody">
<div id="layoutNavigation">
<div class="navTitle">
<h3>Categorias</h3>
</div>
<ul>
<li><a href="http://www.codesx.es.tl/">EDITAR</a></li>
<li><a href="http://www.codesx.es.tl/">EDITAR</a></li>
<li><a href="http://www.codesx.es.tl/">EDITAR</a></li>
<li><a href="http://www.codesx.es.tl/">EDITAR</a></li>
<li><a href="http://www.codesx.es.tl/">EDITAR</a></li>
<li><a href="http://www.codesx.es.tl/">EDITAR</a></li>
<li><a href="http://www.codesx.es.tl/">EDITAR</a></li>
<li><a href="http://www.codesx.es.tl/">EDITAR</a></li>
<li><a href="http://www.codesx.es.tl/">EDITAR</a></li>
<li><a href="http://www.codesx.es.tl/">EDITAR</a></li>
<li><a href="http://www.codesx.es.tl/">EDITAR</a></li>
<li><a href="http://www.codesx.es.tl/">EDITAR</a></li>
<li><a href="http://www.codesx.es.tl/">EDITAR</a></li>
</ul>
</div>
<div id="layoutBodyContent">
</div>
</div>
<div class="clearer"></div>
<div id="layoutFooter">
<p>Copyright © 2008. Adaptado<a href="http://www.codesx.es.tl" title="">Codesx</a><br />
<a href="http://www.tuweb.es.tl">EDITAR</a> | <a href="http://www.free-css.com/">EDITAR</a> | <a target="_blank" href="http://validator.w3.org/check/referer"><abbr title="eXtensible HyperText Markup Language">XHTML</abbr></a> | <a target="_blank" href="http://jigsaw.w3.org/css-validator/check/referer"><abbr title="Cascading Style Sheets">CSS</abbr></a></p>
</div>
</div>
</body>
</html>
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 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
background:#CCCCCC;
}
#container {
width:800px;
margin:auto;
background:#FFFFFF;
}
#layoutHeader {
width:800px;
height:216px;
background:url(http://pixelea.com/s/9f7db7cf5b.jpg) no-repeat;
}
#layoutHeader h1 {
color:#FFFFFF;
font-size:36px;
font-weight:bold;
padding:20px 20px 0 20px;
}
#layoutHeader h2 {
color:#FFFFFF;
font-size:14px;
font-weight:bold;
padding:0 20px 0 20px;
}
#layoutHeader h1 a {
color:#FFFFFF;
font-size:36px;
font-weight:bold;
text-decoration:none;
}
#layoutHeader h2 a {
color:#FFFFFF;
font-size:14px;
font-weight:bold;
text-decoration:none;
}
#layoutCenterBody {
margin:10px 10px 0 10px;
}
#layoutNavigation {
border:1px solid #15190A;
width:200px;
float:left;
background:#DCDECC;
}
#layoutNavigation .navTitle {
background:#15190A;
height:30px;
}
#layoutNavigation .navTitle h3 {
color:#FFFFFF;
font-size:12px;
font-weight:bold;
padding:6px 10px;
}
#layoutBodyContent {
margin-left:220px;
}
#layoutBodyContent a {
color:#7A7D5F;
font-size:12px;
font-weight:bold;
}
#layoutBodyContent h1{
color:#15190A;
font-weight:bold;
font-size:24px;
}
#layoutBodyContent h2{
color:#15190A;
font-weight:bold;
font-size:14px;
margin-top:10px;
}
#layoutBodyContent p {
margin-top:10px;
}
.clearer {
clear:both;
height:10px;
}
#layoutFooter {
height:56px;
background:url(http://pixelea.com/s/626621194b.gif) repeat-x;
text-align:center;
}
#layoutFooter p {
padding-top:10px;
color:#BCBA9E;
}
#layoutFooter a {
color:#BCBA9E;
text-decoration:underline;
}
#layoutFooter a:hover {
color:#BCBA9E;
text-decoration:none;
}
/* main menu begins */
#layoutMenu {
height:56px;
background:url(http://pixelea.com/s/626621194b.gif) repeat-x;
}
#layoutMenu ul {
text-align:center;
padding-top:17px;
}
#layoutMenu li {
list-style: none;
display: inline;
}
#layoutMenu li a {
padding: 3px 30px 3px 8px;
text-decoration: none;
background:url(http://pixelea.com/s/a0efefa6d5.gif) no-repeat left 5px;
font-size:12px;
}
#layoutMenu li a:link {
color: #ffffff;
font-weight:bold;
font-size:12px;
}
#layoutMenu li a:visited {
color: #ffffff;
}
#layoutMenu li a:hover {
color: #CA9847;
}
/* mein menu ends */
/* left navigation menu begins */
#layoutNavigation ul {
list-style-type: none;
margin:10px 0;
}
#layoutNavigation a {
display: block;
width: 180px;
background-color: #DCDECC;
border-bottom: 1px dotted #15190A;
margin:7px 10px;
}
#layoutNavigation a:link, #layoutNavigation a:visited {
color: #15190A;
text-decoration: none;
}
#layoutNavigation a:hover {
background-color: #B7BA9E;
color: #fff;
}
/* left navigation menu ends */
#content_container {
padding: 0px!important;
width: 500px!important;
}
#container #container {
border: 0px!important;
width: 500px!important;
}
.nav_element {
display:none!important;
width: 1px!important;
height:: 1px!important;
}
#title {
display:none;
width: 1px;
height:: 1px;
}
<style type="text/css" media="screen">
<!--
body
{
font-family: Times New Roman, Arial;
font-size: 00px;
overflow: auto;
padding: 10px;
margin: 0px;
}
ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}
li a
{
padding-right: 20px;padding-top: 5px;
}
div.menu
{
position: absolute;
z-index: 3;
top: 163px;
left: 52%;
margin-left: 149px;
width: 100px;
}
.menu li
{
width: 95px;
float: left;
}
.menu a
{
border: 0px solid #ffffff;
background-color: #xxxxxx;
background-image: none;
text-decoration: none;
text-align: center;
font-weight: bold;
cursor: pointer;
margin: 0px;
display: block;
height:67px;
color: #808080;
}
.menu a:hover
{
background-color: #transparent;
background-image: none;
}
#smenu1, #smenu2, #smenu3, #smenu4, #smenu5
{
font-size: 15px;
display: none;
width: 70px;
float: left;
}
#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a, #smenu5 a
{
font-weight: bold;
padding-top: 5px;
border-top: 0px;
cursor: pointer;
color: #FFFFFF;
}
//-->
</style>
<script type="text/javascript">
<!--
function montre(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'block';
else if (all)
all[id].style.display = 'block';
else
layers[id].display = 'block';
}
}
function cache(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'none';
else if (all)
all[id].style.display = 'none';
else
layers[id].display = 'none';
}
}
//-->
</script>
<div class="menu">
<li><a href="Url"></a> </li>
<li><a href="Url"></a> </li>
<li><a href="Url"></a> </li>
<li><a href="Url"></a> </li>
<li><a href="Url"></a> </li>
</div>
<div id="Designmystic">
<div id="text"><h1></h1>
</div>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
NIENTE!
lli.nav_element{display: none;}
li.nav_element a{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
#text{
color: ffffff;
position: absolute;
top: 100px;
margin-left:-300px;
left: 50%;
}
body {
background-color:#262626;}
*{ padding: 0; margin: 0; }
#Designmystic {
margin: 0 auto;
width: 610px;
height:600px;
background-image:url(http://www.fileden.com/files/2008/3/24/1833523/designblackicon.png);}
#content {
position: absolute;
left: 50%;
top: 229px;
margin-left:-283px;
width: 380px;
height: 360px;
padding:10px;
color: #transparent;
font-size:13px;
background-color:#transparent;
background-image: none;
border: 0px solid #FFFFFF;
overflow:auto;}
#Uebersicht{
position: absolute;
left: 50%;
top: 204px;
margin-left:-440px;
font-color:#cccccc;}
a{
color:#ffffff;
text-decoration: none;
font-size:13px;}
a:hover {
color: #4A9AF6;
font-size: 13px;
text-decoration: none;}
a:link {
color: #000000;
font-size: 13px;
text-decoration: none;}
a:active {
color: #000000;
font-size: 13px;
text-decoration: none;}
a:visited {
color: #cccccc;
font-size: 13px;
text-decoration: none;}
Inserire un commento su questa pagina: