- css-design(total editación)

css-design(total editación)

Esto va encima del a pagina

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>

</div>

<div id="Designmystic">

<div id="text"><h1></h1>
</div>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>

<style type="text/css">

</style>

Esto va en css- codes si style tags

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

*{ padding: 0; margin: 0; }

#Mein_Design {
margin: 0 auto;
width: 980px;
height:800px;
background-image: none;}

*{ padding: 0; margin: 0; }

#Designmystic {
margin: 0 auto;
width: 800px;
height:600px;
background-image:url(http://pixelea.com/s/eb4f8cc0f0.png);}

#content {
position: absolute;
left: 50%;
top: 240px;
margin-left:-160px;
width: 380px;
height: 329px;
padding:10px;
color:#ffffff;
font-size:17px;
background-color:#transparent;
background-image: none;
border: 1px solid #transparent;
overflow:auto;}

#Uebersicht{
position: absolute;
left: 50%;
top: 204px;
margin-left:-440px;
font-color:#ffffff;}

a{
color:#ffffff;
text-decoration: none;
font-size:13px;}

a:hover {
color: #ffffff;
font-size: 13px;
text-decoration: none;}

a:link {
color: #ffffff;
font-size: 13px;
text-decoration: none;}

a:active {
color: #ffffff;
font-size: 13px;
text-decoration: none;}

a:visited {
color: #ffffff;
font-size: 13px;
text-decoration: none;}

div.lux
{
position: absolute;
z-index: 3;
top: 58px;
left: 52%;
margin-left: -160px;
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: 60px;
}

#nav_container{
position: absolute;
left: 50%;
top:235px;
margin-left: -380px;
width: 305px;
border:0px solid #transparent;}

ul#nav{
width: 130px;
padding: 0px;
margin: 0px;}

li.nav_element{
list-style-type: none;
position: relative;
padding:5px;
width: 115px;}

li.nav_element a{
display: block;
width: 115px;
padding:4px;
font-weight: bold;
text-decoration: none;
text-align: left;
color:#transparent;
background-color:#transparent;
background-image: none;
border: 0px solid #transparent;}

li.nav_element a:hover{
color: #transparent;
background-color:#transparent;
background-image: none;}

Solo vamos editar estos dos codigos por que son los mas que se puede hacer

Este es el primer codigo es la clave de la plantilla(es el diseño de la plantilla)
#Designmystic {
margin: 0 auto;
width: 800px;
height:600px;
background-image:url();}

Este es el segundo codigo,son los botnes que utilizaran el primer url es como se vera y l segundo es como se vera si le pasan el raton por encima

#nav_container{
position: absolute;
left: 50%;
top:235px;
margin-left: -380px;
width: 305px;
border:0px solid #transparent;}

ul#nav{
width: 130px;
padding: 0px;
margin: 0px;}

li.nav_element{
list-style-type: none;
position: relative;
padding:5px;
width: 115px;}

li.nav_element a{
display: block;
width: 115px;
padding:4px;
font-weight: bold;
text-decoration: none;
text-align: left;
color:#transparent;
background-color:#transparent;
background-image:url();
border: 0px solid #transparent;}

li.nav_element a:hover{
color: #transparent;
background-color:#transparent;
background-image:url();}

color rojo las url
color verde para indicar donde esta la segunda url de los botones
color amarillo el tamaño que se lep uede dar a los diseños

*En las url teneis que escribir dentro de los parentesis no por fuera de ello