Ayuda - Webmaster Foros
!Bienvenid@¡

Encuentra Aportes de Diseño & Desarrollo Web, para colocar tus aportes crea una nueva cuenta.

¡Que la pases bien y hasta pronto!

[ Diseño Css ] blue obsesion

Ir abajo

[ Diseño Css ] blue obsesion

Mensaje por Orbe el Sáb 24 Mar - 15:01

Hola les presento mi primera plantilla, no es adaptada, es echa desde 0 por mi, espero que les guste.

PD: el diseño lleva marquesina incorporada

codigo por encima de la pagina
Código:
<body>
<div style="text-align: right;" id="cabezal">
<div style="text-align: right;"><br>
</div>
<br>
<div style="text-align: right;"><big
style="font-weight: bold; color: rgb(252, 248, 249);"><big><big>TITULO
DE LA WEB </big></big></big><br>
</div>
</div>
<div id="menu">
<div style="text-align: center;">TITULO DEL MENU<br>
</div>
<div style="text-align: left;">
<a href="#">LINK</a><br>
<a href="#">LINK</a><br>
<a href="#">LINK</a><br>
<a href="#">LINK</a><br>
</div>
</div>


codigo por debajo de la pagina

Código:
<div style="position:absolute;left:240px;top:232px;">

<marquee color="#0106bF"  BGCOLOR="#0101DF" WIDTH="664px" HEIGHT="20px" > hola a todos </marquee>
</font>
</div>
<div style="text-align: center;" id="pie">
<div id="footer">Copyright © 2010 (TU WEB) |
| Diseño creado y elaborado por: <span
style="text-decoration: underline;"><span style="font-weight: bold;">ECOPROYECTO<br>
</span></span></div>
</div>

CODIGO CSS

Código:
#header_container {display: none;}
#nav_container {display: none;}
h2#title {display: none;}
table[height="102"] {margin-left:auto; margin-right:auto;}

body {
background-color: red;
background-image: url(http://hitskin.com/themes/13/99/66/i_background.png);
}
#cabezal {
max-height: 120px;
height: 120px;
background-color: #333399;
width: 900px;
background-image: url(http://img156.imageshack.us/img156/649/headerord.png);
}
#menu {
border-style: solid;
border-color: black;
margin: 1px;
width: 200px;
min-height: 100px;
float: left;
background-color: white;
padding-top: 1px;
padding-left: 20px;
max-width: 200px;

}
#content {
border-style: solid;
border-color: black;
float: left;
min-height: 100px;
background-color: white;
width: 646px;
max-width: 650px;
padding-left: 20px;
}
#pie {
border-style: solid;
border-color: black;
clear: left;
height: 20px;
width: 900px;
background-color: #333399;
color: #fdfdfd;
background-image: url(http://img156.imageshack.us/img156/649/headerord.png);
}

Espero que os guste, es mi primera plantilla ;)

si quieren quitar la marquesina pueden

_________________
chatdelmundo.wapego.net
avatar
Orbe
Mod. Global
Mod. Global

Mensajes : 388

http://chatdelmundo.wapego.net

Volver arriba Ir abajo

Volver arriba

- Temas similares

 
Permisos de este foro:
No puedes responder a temas en este foro.