css8
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!
<!--
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: 195px;
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: #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="url">menu</a> </li>
<li><a href="url">menu</a> </li>
<li><a href="url">menu</a> </li>
<li><a href="url">menu</a> </li>
<li><a href="url">menu</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://pixelea.com/s/764933146b.jpg);background-color:#fff;}
*{ padding: 0; margin: 0; }
#Designmystic {
margin: 0 auto;
width: 769px;
height:645px;
background-image:url(http://img10.xooimage.com/files/a/e/a/css-1-dragon-ball-ace904.jpg);}
#content {
position: absolute;
left: 50%;
top: 228px;
margin-left:-369px;
width: 717px;
height: 387px;
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: 130px;
left: 52%;
margin-left: -340px;
width: 100px;
}
.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: #FFF;
font-size: 24px;
}
<link href="http://ladiskoteka.webcindario.com/dreamy-10/style.css" rel="stylesheet" type="text/css" media="screen">
<div id="wrapper">
<div id="header">
<h1>Dreamy</h1>
</div>
<div id="menu">
<ul>
<li><a href="Link">Menu Uno</a></li>
<li><a href="Link ">Menu Dos</a></li>
<li><a href="Link ">Menu Tres</a></li>
<li><a href="Link ">Menu Cuatro</a></li>
<li><a href="Link ">Menu Cinco</a></li>
</ul>
</div>
<div id="sidebar">
<div id="feed">
<a class="feed-button" href="Link"> </a>
</div>
<ul>
<li><a href="Link">Menu uno</a></li>
<li><a href="Link">menu dos</a></li>
<li><a href="Link">menu tres</a></li>
<li><a href="Link">menu cuatro</a></li>
<li><a href="Link">menu 5</a></li>
</ul>
<div id="sidebar-bottom">
</div>
</div>
<div id="content-top"></div>
<div id="footer">
<div id="footer-valid">
<a href="http://validator.w3.org/check/referer">xhtml</a> / <a href="http://www.ladiskoteka.com/">design adaptado por Ladiskoteka</a>/ <a>Gracias a Don</a>
</div>
NIENTE!
<!-- wrap starts here -->
<div id="wrap">
<!--header -->
<div id="header">
<h1 id="logo-text"><a href="index.html"></a></h1>
<p id="slogan"></p>
<div id="header-links">
<p>
<a href="Modificar Url"></a>
</p>
</div>
</div>
<!-- menu -->
<div id="menu">
<ul id="nav">
<li class="top"><a href="URL" class="top_link"><span>Link</span></a></li>
<li class="top"><a id="services" class="top_link"><span class="down">Link <font color="#aad5fd">+</font></span><!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]--><ul class="sub">
<li><b>INTERMEDIARIO</b></li>
<li><a href="URL">SUB LINK</a></li>
<li><a href="URL">SUB LINK</a></li>
</ul><!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
<li class="top"><a href="URL" id="privacy" class="top_link"><span>LINK</span></a></li>
<li class="top"><a id="services" class="top_link"><span class="down">Link <font color="#aad5fd">+</font></span><!--[if gte IE 7]><!--></a><!--<![endif]-->
<!--[if lte IE 6]><table><tr><td><![endif]--><ul class="sub">
<li><b>INTERMEDIARIO</b></li>
<li><a href="URL">SUB LINK</a></li>
<li><a href="URL">SUB LINK</a></li>
</ul><!--[if lte IE 6]></td></tr></table></a><![endif]-->
</li>
</div>
<!-- content-wrap starts here -->
<div id="content-wrap">
<div id="sidebar">
<div class="left-box">
<p class="align-right"></p>
</div>
</div>
<!-- content-wrap ends here -->
</div>
<!--footer starts here-->
<div id="footer">
</div>
<!-- wrap ends here -->
</div>
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;}
/* Top Elements */
* { margin: 0; padding: 0; outline: 0 }
body {
background-image:url(http://www.fileden.com/files/2008/5/22/1925126/Fondowedmasterayuda.gif);background-color:#ffffff;
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: #cccccc;
}
h2 {
font-size: 140%;
text-transform: uppercase;
color: #cccccc;
}
h3 {
font-size: 120%;
color: #cccccc;
}
h1, h2, h3, p {
padding: 10px;
margin: 0;
}
ul, ol {
margin: 5px 20px;
padding: 0 20px;
}
/********************************************
Design
********************************************/
#wrap {
width: 838px;
background: url(http://i35.tinypic.com/zlq93m.png) repeat-y center top;
margin: 0 auto;
text-align: left;
}
#content-wrap {
clear: both;
width: 760px;
padding: 0;
margin: 10px auto;
}
#header {
width: 838px;
position: relative;
height: 190px;
background: #fff url(http://www.fileden.com/files/2008/5/22/1925126/wma5643.JPG) no-repeat center top;
padding: 0;
}
#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: #ffffff;
font-size: 10px;
}
#header #header-links a {
color: #FFF;
text-decoration: none;
}
#header #header-links a:hover {
color: #cccccc;
}
/* Menu */
#menu {
clear: both;
margin: 0 auto; padding: 0;
background: url(http://i37.tinypic.com/xpnh1z.png) repeat-x 0 0;
font: bold 12px/37px Verdana, Arial, Tahoma, Sans-serif;
height: 28px;
width: 838px;
}
#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: #cccccc;
}
#menu ul li#current a {
color: #bc0303;
}
/* 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 none no-repeat 3px 50%;
text-transform: none;
}
#main h2 a {
background: none;
color: #88ac0b;
text-decoration: none;
}
#main ul li {
list-style-image: none;
}
.post-footer {
background-color: #FAFAFA;
padding: 5px; margin: 20px 10px 10px 10px;
border: 1px solid #f2f2f2;
font-size: 95%;
}
.post-footer .date {
background: none no-repeat left center;
padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .comments {
background: none no-repeat left center;
padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .readmore {
background: none no-repeat left center;
padding-left: 20px; margin: 0 10px 0 5px;
}
/* Sidebar */
#sidebar {
float: right;
width: 26.5%;
padding: 0; margin: 0;
color: #000;
}
#sidebar h3 {
margin-top: 10px;
padding: 20px 20px;
font: bold 1.4em 'Trebuchet MS', Tahoma, Sans-serif;
color: #bc0303;
}
#sidebar ul.sidemenu {
list-style: none;
text-align: left;
margin: 7px 4px 8px 0; padding: 0;
text-decoration: none;
background: none repeat-x left top;
}
#sidebar ul.sidemenu li {
list-style: none;
background: none repeat-x left bottom;
padding: 4px 0 4px 5px;
margin: 0 20px;
color: #bc0303;
}
* 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: url(http://www.fileden.com/files/2008/5/22/1925126/cabelza6wedmasterayuda.PNG) no-repeat center top;
clear: both;
width: 838px;
height: 76px;
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; }
.preload1
.preload2
#nav {padding:0; margin:0; list-style:none; height:38px; background:#fff url(six_0.gif) repeat-x; position:relative; z-index:200; font-family:arial, verdana, sans-serif;}
#nav li.top {display:block; float:left;}
#nav li a.top_link {display:block; float:left; height:35px; line-height:33px; color:#FFF; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 12px; cursor:pointer;background: url(six_0.gif);}
#nav li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(six_0.gif) right top no-repeat;}
#nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(six_0a.gif) no-repeat right top;}
#nav li:hover a.top_link,
#nav a.top_link:hover
{color:#CCC; background: url(six_1.gif) no-repeat;}
#nav li:hover a.top_link span,
#nav a.top_link:hover span
{background:url(six_1.gif) no-repeat right top;}
#nav li:hover a.top_link span.down,
#nav a.top_link:hover span.down
{background:url(six_1a.gif) no-repeat right top; padding-bottom:3px;}
#nav table {border-collapse:collapse; padding:0; margin:0; position:absolute; left:0; top:0;}
#nav li:hover {position:relative; z-index:200;}
#nav a:hover {position:relative; white-space:normal; z-index:200;}
#nav :hover ul.sub
{left:1px; top:38px; background: #FFF; padding:3px; border:1px solid #cccccc; white-space:nowrap; width:130px; height:auto; z-index:300;}
#nav :hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:90px; font-weight:normal;}
#nav :hover ul.sub li a
{display:block; font-size:11px; height:18px; width:100px; line-height:18px; text-indent:5px; color:#000; text-decoration:none;border:1px solid #FFF;}
#nav li ul.sub li a.fly
{background:#FFF url(arrow.gif) 80px 6px no-repeat;}
#nav :hover ul.sub li a:hover
{background:#FFF; color:#CCC; border-color:#fff;}
#nav :hover ul.sub li a.fly:hover
{background:#FFF url(arrow_over.gif) 80px 6px no-repeat; color:#CCC;}
#nav li b {display:block; font-size:11px; height:18px; width:88px; line-height:18px; margin-bottom:3px; text-indent:6px; color:#65a7e5; border-bottom:1px solid #000000; cursor:default;}
#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul
{left:89px; top:-4px; background: #50b5d0; padding:3px; border:1px solid #cccccc; white-space:nowrap; width:90px; z-index:400; height:auto;}
#nav ul,
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
#nav li:hover li:hover > ul
{left:90px; top:-4px; background: #50b5d0; padding:3px; border:1px solid #0b4d97; white-space:nowrap; width:90px; z-index:400; height:auto;}
#nav li:hover > ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
#nav li:hover li:hover > a.fly
{background:#3f96a9 url(arrow_over.gif) 80px 6px no-repeat; color:#fff; border-color:#fff;}
#nav li:hover li:hover > li a.fly
{background:#50b5d0 url(arrow.gif) 80px 6px no-repeat; color:#000; border-color:#50b5d0;}
<link href="http://g.starcool25.googlepages.com/style.css" rel="stylesheet" type="text/css" media="screen">
<div id="wrap">
<div id="header">
<div id="logo">
<h1>Mythology</h1>
<div>Slogan aqui corto</div>
</div>
<ul id="nav">
<li class="first"><a href="Link del menu1">Home</a></li>
<li><a href="Link del menu1">Fotos</a></li>
<li><a href="Link del menu1">Produccion</a></li>
<li><a href="Link del menu1">Contacto</a></li>
</ul>
</div>
<!-- /header -->
<div id="content">
<div class="side fl">
<div class="sideinner">
<img src="http://g.starcool25.googlepages.com/img2.jpg" alt="">
<h3><a href="#">Albumfotos</a></h3>
</div>
</div>
<div class="main fr">
<div id="text">
<h2>Ladiskoteka</h2>
<p> <img src="http://g.starcool25.googlepages.com/img.jpg" alt="">texto aquiiiii...bla bla...</p>
</div>
<div class="clearfix"></div>
<div id="col">
<div class="first fl">
<ul>
<li><a href="Link aqui">publicidad</a></li>
<li><a href="Link aqui">publicidad </a></li>
<li><a href="Link aqui">publicidad </a></li>
<li><a href="Link aqui">publicidad</a></li>
<li><a href="Link aqui">publicidad</a></li>
<li><a href="Link aqui">publicidad</a></li>
</ul>
</div>
<div class="fl">
<ul>
<li><a href="Link aqui">publicidad </a></li>
<li><a href="Link aqui">publicidad</a></li>
<li><a href="Link aqui">publicidad</a></li>
<li><a href="Link aqui">publicidad</a></li>
<li><a href="Link aqui">publicidad </a></li>
<li><a href="Link aqui">publicidad</a></li>
</ul>
</div>
</div>
</div>
<!-- /content -->
</div>
<div class="clearfix"></div>
<div id="footer">
<div id="ftinner">
<div class="ftlink fl"> <a href="Link aqui">Home</a> | <a href="Link aqui">texto</a> | <a href="Link aqui">texto </a> | <a href="Link aqui">texto</a> | <a href="Link aqui">textp</a>
<p id="copyright">© 2009. todos los derechos reservados <br>
Designed adaptado por <a href="http://www.ladiskoteka.com/">Ladiskoteka</a></p>
</div>
<div class="valid fr"><img src="http://g.starcool25.googlepages.com/xhtml.gif" alt="xhtml valid"> <img src="http://g.starcool25.googlepages.com/css.gif" alt="css valid"></div>
</div>
</div>
<!-- /footer -->
</div>
NIENTE!
<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: 210px;
left: 52%;
margin-left:-300px;
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: #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">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>
<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>ghgh</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:#000000;}
*{ padding: 0; margin: 0; }
#Designmystic {
margin: 0 auto;
width: 800px;
height:900px;
background-image:url(http://img41.xooimage.com/files/8/e/4/a807015922-copia-copia-a7112e.png);}
#content {
position: absolute;
left: 50%;
top: 250px;
margin-left:-356px;
width: 717px;
height: 618px;
padding:10px;
color: #a7a4a4;
font-size:12px;
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:#a7a4a4;
text-decoration: none;
font-size:13px;}
a:hover {
color: #a7a4a4;
font-size: 13px;
text-decoration: none;}
a:link {
color: #a7a4a4;
font-size: 13px;
text-decoration: none;}
a:active {
color: #a7a4a4;
font-size: 13px;
text-decoration: none;}
a:visited {
color: #a7a4a4;
font-size: 13px;
text-decoration: none;}
<style type="text/css" media="screen">
<!--
body
{
font-family: Arial Narrow;
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: 246px;
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: 10px;
height:31px;
color: #000000;
}
.menu a:hover
{
background-color: #transparent;
background-image: none;}
#smenu1, #smenu2, #smenu3, #smenu4, #smenu5
{
font-size: 20px;
display: block;
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="http:// ">TEXTO</a> </li>
<li><a href="http:// ">TEXTO</a> </li>
<li><a href="http:// ">TEXTO</a> </li>
<li><a href="http:// ">TEXTO</a> </li>
<li><a href="http:// ">TEXTO</a> </li>
<li><a href="http:// ">TEXTO</a> </li>
</div>
<div id="Designmystic">
<div id="text"><h1></h1>
</div>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
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://i41.tinypic.com/8vx4as.jpg');}
*{ padding: 0; margin: 0; }
#Designmystic {
margin: 0 auto;
width: 960px;
height:1000px;
background-image:url(http://i44.tinypic.com/o8uf49.jpg);}
#content {
position: absolute;
left: 35%;
top: 290px;
margin-left:-250px;
width: 748px;
height: 509px;
padding:10px;
color: #FFFFFF;
font-size:13px; c
background-color:#transparent;
background-image: none;
border: 0px solid #FFFFFF;
overflow:auto;}
#Uebersicht{
position: absolute;
left: 50%;
top: 204px;
margin-left:-400px;
font-color:#cccccc;}
a{
color:#000000;
text-decoration: none;
font-size:13px;}
a:hover {
color: #0000FF;
font-size: 13px;
text-decoration: none;}
a:link {
color: #8B0000;
font-size: 13px;
text-decoration: none;}
a:active {
color: #228B22;
font-size: 13px;
text-decoration: none;}
a:visited {
color: #4B0082;
font-size: 13px;
text-decoration: none;} //-->
</style>
Inserire un commento su questa pagina: