Índice
Portal
Buscar
Últimas imágenes
Registrarse
Conectarse
![[Diseño para CSS Design] Dream Empty](https://2img.net/i/empty.gif)
vista previa:![[Diseño para CSS Design] Dream 453fb2608a](https://2img.net/h/pixelea.com/s/453fb2608a.png)
texto por encima de la pagina:
texto por debajo de la pagina:
CSS Code sin Style Tags:
texto por encima de la pagina:
- Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
</head>
<body>
<div id="wrapper">
<div id="header2">
</div>
<div id="menu">
<ul>
<li><a href="Link">Home</a></li>
<li><a href="Link">Link Two</a></li>
<li><a href="Link">Link Three</a></li>
<li><a href="Link">Link Four</a></li>
<li><a href="Link">Link Five</a></li>
</ul>
</div>
texto por debajo de la pagina:
- Código:
<div id="footer">
<div id="footer-valid"> <a href="ALGUN URL Q DESEES">NOC ALGO</a> / <a href="TU URL">NOmbre de tu Pagina</a></div>
</div>
</div>
</body>
</html>
CSS Code sin Style Tags:
- Código:
lli.nav_element{display: none;}
li.nav_element a{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
#nav_container{display: none;}
#pre_header{display: none;}
#header{display: none;}
/* Generic Styling */
body {
background:url(http://pixelea.com/s/7a24687a82.png) repeat-x top center #E8F7F9;
font-family:"Trebuchet MS" Arial, Helvetica, sans-serif;
font-size:62.5%; /* Sets default font size to 10px */
color:#222222;
}
* {
margin:0;
padding:0;
}
img {
border:0;
}
p {
margin-bottom:1.75em;
}
a {
text-decoration:none;
color:#B4C835;
}
a:hover {
text-decoration:none;
color:#6CC7DC;
}
/* Structure */
#wrapper {
margin:0 auto;
width:700px;
background:#ffffff;
font-size:1.20em;
}
#header {
height:140px;
background:url(http://pixelea.com/s/25b109ca21.jpg) no-repeat;
}
#header2 {
height:140px;
background:url(http://pixelea.com/s/25b109ca21.jpg) no-repeat;
}
#menu {
height:35px;
line-height:35px;
background:url(http://pixelea.com/s/1223a13558.png) repeat-x;
padding:0 10px;
}
#sidebar {
float:right;
width:180px;
background:#efefef;
margin-right:10px;
}
#content {
float:left;
width:500px;
min-height:400px;
}
#footer {
clear:both;
height:100px;
background:url(http://pixelea.com/s/52edb7629e.jpg) no-repeat;
}
/* Entries */
.entry {
padding:5px 10px;
text-align:justify;
line-height:1.75em;
}
.entry-title {
font-size:1.90em;
font-weight:normal;
letter-spacing:-1px;
}
.date {
font-size:0.9em;
color:#bbb;
cursor:default;
letter-spacing:1px;
}
.comments {
margin-top:-1em;
}
.comments a {
color:#6CC7DC;
background:url(http://pixelea.com/s/b30772ec5f.png) no-repeat 0px 2px;
padding-left:20px;
padding-right:2px;
}
.comments a:hover {
color:#B4C835;
}
/* Menu */
#menu ul {
list-style-type:none;
}
#menu li {
float:left;
}
#menu li a {
padding:0 15px;
display:block;
color:#ffffff;
margin-right:2px;
}
#menu li a:hover {
background:url(http://pixelea.com/s/86f0c4b993.png) no-repeat center center;
}
/* Sidebar */
#sidebar ul {
list-style-type:none;
margin-top:10px;
}
#sidebar li {
}
#sidebar li a {
display:block;
height:20px;
line-height:20px;
color:#222222;
padding-left:5px;
border-bottom:1px solid #dddddd;
}
#sidebar li a:hover {
background:#edebed;
color:#6CC4D8;
}
#sidebar-bottom {
height:20px;
background:url(http://pixelea.com/s/7d6fd6c06a.gif) no-repeat top center;
}
/* Footer */
#footer-valid {
float:left;
padding-top:55px;
padding-left:20px;
cursor:default;
color:#ffffff;
}
#footer-valid a {
color:#ffffff;
text-decoration:none;
}
#footer-valid a:hover {
color:#ffffff;
text-decoration:underline;
}
/* Heading's */
h1 {
font-size:2.5em;
font-weight:normal;
cursor:default;
position:relative; top:50px; left:30px;
letter-spacing:1px;
color:#aaaaaa;
font-style:italic;
}
/* Feed */
#feed {
height:25px;
width:126px;
background:url(http://pixelea.com/s/82617a5370.gif) no-repeat;
margin:0 auto;
padding-left:26px;
}
a.feed-button {
display:block;
width:100px;
height:25px;
background:url("http://pixelea.com/s/56b62dfcf0.png") 0 0 no-repeat;
text-decoration: none;
}
a:hover.feed-button {
background-position:0 -25px;
}
/* Extra's */
#ad-top {
width:480px;
height:72px;
background:url(ihttp://pixelea.com/s/6018cc256c.png) no-repeat;
padding:5px;
}
