Template Girasol

Por Carolaine
Otro template Más, pero mejorado los otros los sacare por que están muy feos xD en fin
acá una foto de como es
y Si quieren Verlo en tamaño real
sólo visiten http://ejemplogirasol.nireblog.com
y el Código que deben copiar es :
![]()
body {
margin: 0;
padding: 0;
text-align: center; /* added by Alex King for compatibility with IE 5 */
}
#rap {
margin: 0 auto 0 auto;
padding: 0;
width: 300px;
overflow: auto;
text-align: left; /* added by Alex King for compatibility with IE 5 */
}
#header {
margin: 0;
padding: 15px;
}
#content {
width: 710px;
margin: 0;
text-align: left;
float: right;
padding: 10px 20px;
}
#menu {
margin: 0;
padding: 0;
width: 100px;
float: left;
overflow: hidden;
}
.credit {
clear: both;
width: 750px; /* changed by Alex King to match the width of the body */
margin: 0 auto 10px auto;
padding: 5px 3px;
text-align: center;
}#content {
overflow: hidden;
}
body {
font-family: 'Comic Sans MS', Arial, sans-serif;
font-size: 0.8em;
color: #FFCC00
;
background-color: #FFFFFF;
background-image: url(http://img385.imageshack.us/img385/9091/50621688ic2.png );
background-position: top left;
background-repeat: repeat;
}
a:link {
color: #FF6600 ;
}
a:visited {
color: #FF6600 ;
}
a:hover {
color: #FF6600 ;
}
#rap {
background-color: #000000;
background-image: url(http://picasion.com/pic1/d19d45cb530087faa9acd1dd80689da2.gif );
background-position: top left;
background-repeat: repeat;
}
#header {
background-image: url(http://img399.imageshack.us/img399/8973/40730486ls5.png );
background-position: top left;
background-repeat: no-repeat;
height: 171px;
}
#header a:link, #header a:visited {
background-color: transparent;
text-decoration: none;
color: #FFCC00
;
}
#menu ul {
list-style-type: none;
margin: 0;
padding: 0;
}
#menu ul li {
font-weight: bold;
text-align: center;
margin: 0;
padding: 5px 0 0 0;
}
#menu ul ul {
list-style-type: none;
line-height: 100%;
margin: 0;
padding: 0;
margin-bottom: 5px;
}
#menu ul li {
color: #FF0000;
}
#menu ul ul li {
border: 0;
font-weight: normal;
text-align: left;
color: #FFCC00
;
}
#menu a:link, #menu a:visited {
color: #FF6666;
background-color: transparent;
border-bottom: 1px dotted #FFCC00
;
font-weight: bold;
text-decoration: none;
}
#menu {
color: #FF6600 ;
}
.credit {
color: #FF6600 ;
}
.credit a {
color: #FF6600 ;
font-weight: bold;
}
![]()
No olviden dar créditos bye bye ^^ !

Meneame
del.icio.us
