css10
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!
<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: 0px;
margin: 0px;
}
li a
{
padding-right: 20px;padding-top: 5px;
}
div.menu
{
position: absolute;
z-index: 3;
top: 170px;
left: 52%;
margin-left:-185px;
width: 647px;
}
.menu li
{
width: 70px;
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: #000000;
}
.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="LINK">LINK</a> </li>
<li><a href="LINK">LINK</a> </li>
<li><a href="LINK">LINK</a> </li>
<li><a href="LINK">LINK</a> </li>
<li><a href="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(fondo
);background-color:#ffffff;}
*{ padding: 0; margin: 0; }
#Designmystic {
margin: 0 auto;
width: 401px;
height:746px;
background-image:url(http://www.fileden.com/files/2008/3/24/1833523/iPhoneTw.png
);}
#content {
position: absolute;
left: 50%;
top: 205px;
margin-left:-171px;
width: 321px;
height: 433px;
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 id="wrapper">
<div id="header">
<div id="logo">
<h1><a href="URL">Titulo de la web</a></h1>
<p><a href="URL"">Lema de tu pagina</a></p></div>
<div id="search">
<form method="get" action=""><fieldset>
<input id="search-text" type="text" name="s" value="Search" size="15" />
<input type="submit" id="search-submit" value="Search" />
</fieldset></form></div></div>
<div id="menu"><ul>
<li><a href="URL">Inicio</a></li>
<li><a href="URL">Link's 1</a></li>
<li><a href="URL">Link's 2</a></li>
<li><a href="URL">Link's 3</a></li>
<li><a href="URL">Link's 4</a></li>
<li><a href="URL">Link's 5</a></li></ul>
</div><div id="page">
<div id="sidebar">
<ul><li><h2>Titulo box 1</h2><p>
Aqui puede poner lo que tu quieras!
</p></li><li>
<h2>Link's</h2><ul>
<li><a href="URL">Nombre del link's</a> (3) </li>
<li><a href="URL">Nombre del link's</a> (42) </li>
<li><a href="URL">Nombre del link's</a> (28)</li>
<li><a href="URL">Nombre del link's</a> (55) </li>
<li><a href="URL">Nombre del link's</a> (13)</li>
</ul></li><li>
<h2>Favoritos</h2> <ul>
<li><a href="URL">Nombre del link's</a> (3) </li>
<li><a href="URL">Nombre del link's</a> (42) </li>
<li><a href="URL">Nombre del link's</a> (28) </li>
<li><a href="URL">Nombre del link's</a> (55) </li>
<li><a href="URL">Nombre del link's</a> (13) </li>
</ul></li><li>
<h2>Archivos</h2> <ul>
<li><a href="URL">Link's 1</a>Descripción</li>
<li><a href="URL">Link's 2</a>Descripción</li>
<li><a href="URL">Link's 3</a>Descripción</li>
<li><a href="URL">Link's 4</a>Descripción</li>
</ul></li></ul> </div>
<div style="clear: both;"></div>
</div></div>
<div id="footer"><p>
Copyright (c) 2009 tu sitio.es.tl. Todos los derechos reservados. Diseño por <a href="http://freecsstemplates.org">FreeCSSTemplates</a>. Adaptado por <a href="http://cssplantillas.es.tl" target="url">Css Plantillas</a>
</p></div>
#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;}
#title {display: none;}
#nav_container {display:none;}
table {margin-left:auto;margin-right:auto;}
body {margin: 20px;background: #000000;font-family:"Trebuchet MS";font-size: 13px;color:#787878; }
h1, h2, h3 {margin: 0;font-family:Georgia;font-weight:normal;color:#000000;}
h1 {font-size: 2em;}
h2 {font-size: 1.6em;}
h3 {font-size: 1.6em;}
p, ul, ol {margin-top: 0;line-height:180%;}
ul, ol {}
a {text-decoration: none;border-bottom: 1px dotted #999999;color: #A42424;}
a:hover {background: none; }
#wrapper {width: 910px;margin: 0 auto;padding: 20px;background: #FFFFFF; }
#header {width: 910px;height: 172px;margin: 0 auto;
background: url("https://img.webme.com/pic/c/cssplantillas/shallwgrunge1.jpg") no-repeat left top; }
#logo {float: left;width: 640px;color: #B2B2B2;}
#logo h1, #logo p {}
#logo h1 {float: left;padding: 100px 0 0 20px;letter-spacing: -1px;text-transform:uppercase;font-size: 2.6em; }
#logo p {float: left;margin: 0;padding: 110px 0 0 5px;text-transform: uppercase;font: bold 14px Arial;}
#logo a {border:none;background: none;text-decoration: none;color: #FFFFFF; }
#search {float: right;width: 230px;padding-top: 16px; }
#search form {height: 41px;margin: 0;padding: 90px 0 0 0px;}
#search fieldset {margin: 0;padding: 0;border: none;}
#search-text {width: 200px;border:none;text-transform:lowercase;border:1px #525252 dotted;
font: bold 1.2em Arial, Helvetica, sans-serif;color: #FFFFFF; }
#search-submit {display: none; }
#menu {width: 910px;height: 41px;margin: 0 auto;padding: 0;
background: url("https://img.webme.com/pic/c/cssplantillas/shallwgrunge2.jpg") no-repeat left top;}
#menu ul {margin: 0;padding: 0;list-style: none;line-height: normal;}
#menu li {float: left;}
#menu a {display: block;padding: 13px 10px 10px 20px;text-transform: uppercase;text-decoration: none;font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold;color: #FFFFFF;border: none; }
#menu a:hover, #menu .current_page_item a { color: #FFFFFF; } #menu a:hover { text-decoration: underline; }
#page {width: 910px;margin: 0 auto;
background: url("https://img.webme.com/pic/c/cssplantillas/shallwgrunge3.jpg") no-repeat left top;}
#content {float: left;width: 600px;padding: 40px 0 0 20px; }
#sidebar {float:right;width:220px;padding: 40px 20px 0 0;color: #787878; }
#sidebar ul {margin: 0;padding: 0;list-style: none;}
#sidebar li {}
#sidebar li ul {padding-bottom:30px;}
#sidebar li li {line-height: 35px;border-bottom: 1px dashed #D2D4C9;}
#sidebar h2 {letter-spacing: -.5px;color: #000000;}
#sidebar p {padding-bottom: 20px;text-align:justify;}
#sidebar a {color:#787878;border: none;}
#sidebar a:hover {text-decoration: underline;color: #787878;}
#calendar { }
#calendar_wrap {padding: 20px;}
#calendar table {width: 100%; }
#calendar tbody td {text-align: center;}
#calendar #next {text-align: right;}
#footer {width: 910px;height:50px;margin:0 auto;padding: 40px 0;font-family: Arial;color: #B2B2B2;}
#footer p {margin: 0;line-height: normal;font-size: 9px;text-transform: uppercase;text-align:center;}
#footer a {color: #FFFFFF; }
Inserire un commento su questa pagina: