[CSS] Pro desing
Página 1 de 1.
[CSS] Pro desing
Nombre: Pro desing
Tipo: CSS Desing
Autor: Kaveo / lautiito
Garantía: Asegurada
*No borrar los creditos*
Vista previa:
Por encima:
Por debajo:
CSS Code sin style tags:
Tipo: CSS Desing
Autor: Kaveo / lautiito
Garantía: Asegurada
*No borrar los creditos*
Vista previa:
Por encima:
- Código:
<div id="contenedor">
<div class="sarazageneral">
<div class="sarazageneral1"></div>
<div class="sarazageneral2"></div>
<div class="sarazageneral3"></div>
<div class="sarazageneral4"></div>
<div class="sarazageneral5"></div>
<div class="sarazageneral6"></div>
<div class="sarazageneral7"></div>
<div class="sarazageneral8"></div>
<div class="sarazageneral9"></div>
<div class="cuerpoo">
<div class="banner">
<div class="banner2"></div>
</div>
<div class="toronja">
<div class="lalala">
<div class="toronja1">
<div class="toronja1-body">
<div class="toronja1-inner">
<div class="toronja1Content">
Por debajo:
- Código:
</div>
</div>
</div>
</div>
</div>
<div class="menu">
<!-- DESDE ACA PARA UN MENU -->
<div class="toronja2">
<div class="toronja2-body">
<div class="toronja2Header">
<div class="l"></div>
<div class="r"></div>
<div class="ulli">
<div class="t">Titulo Box 1</div>
</div>
</div><div class="toronja2Content">
<div class="toronja2Content-tl"></div>
<div class="toronja2Content-tr"></div>
<div class="toronja2Content-bl"></div>
<div class="toronja2Content-br"></div>
<div class="toronja2Content-tc"></div>
<div class="toronja2Content-bc"></div>
<div class="toronja2Content-cl"></div>
<div class="toronja2Content-cr"></div>
<div class="toronja2Content-cc"></div>
<div class="toronja2Content-body">
<div>
<ul>
<li><a href="#">LINK</a></li>
<li>LINK -</li>
<li><a href="#">LINK</a></li>
<li>LINK -</li>
<li><a href="#">LINK</a></li>
<li>LINK -</li>
<li><a href="#">LINK</a></li>
<li>LINK -</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- HASTA ACA PARA UN MENU -->
</div>
</div>
<div class="footer">
<div class="footer-inner"></div>
<div class="footer-background"></div>
</div>
</div>
</div>
<p class="creditos">Desing by <a href="http://kaveo.es.tl" style="text-decoration: none;">www.lautiito.es.tl</a></p>
</div>
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;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;}
/*By www.lautiito.es.tl */
body
{
margin: 0 auto;
padding: 0;
background-color: #121212;
background-image: url('http://img.webme.com/pic/k/kaveo/bg.png');
background-repeat: repeat;
background-attachment: scroll;
background-position: top left;
}
/*By www.lautiito.es.tl */
#contenedor
{
position: relative;
width: 100%;
left: 0;
top: 0;
}
/*By www.lautiito.es.tl */
form
{
padding:0 !important;
margin:0 !important;
}
/*By www.lautiito.es.tl */
table.position
{
position: relative;
width: 100%;
table-layout: fixed;
}
.sarazageneral
{
position:relative;
z-index:0;
margin:0 auto;
width: 900px;
min-width:3px;
min-height:3px;
}
/*By www.lautiito.es.tl */
.cuerpoo
{
position: relative;
z-index: 1;
padding: 1px;
}
.sarazageneral2, .sarazageneral1, .sarazageneral4, .sarazageneral3, .sarazageneral5, .sarazageneral6,.sarazageneral8, .sarazageneral7
{
position:absolute;
z-index:-1;
}
/*By www.lautiito.es.tl */
.sarazageneral2, .sarazageneral1, .sarazageneral4, .sarazageneral3
{
width: 2px;
height: 2px;
background-image: url('http://img.webme.com/pic/k/kaveo/minimixd.png');
}
.sarazageneral1
{
top:0;
left:0;
clip: rect(auto, 1px, 1px, auto);
}
/*By www.lautiito.es.tl */
.sarazageneral2
{
top: 0;
right: 0;
clip: rect(auto, auto, 1px, 1px);
}
/*By www.lautiito.es.tl */
.sarazageneral3
{
bottom: 0;
left: 0;
clip: rect(1px, 1px, auto, auto);
}
/*By www.lautiito.es.tl */
.sarazageneral4
{
bottom: 0;
right: 0;
clip: rect(1px, auto, auto, 1px);
}
.sarazageneral5, .sarazageneral6
{
left: 1px;
right: 1px;
height: 2px;
background-image: url('http://img.webme.com/pic/k/kaveo/minimixd2.png');
}
/*By www.lautiito.es.tl */
.sarazageneral5
{
top: 0;
clip: rect(auto, auto, 1px, auto);
}
.sarazageneral6
{
bottom: 0;
clip: rect(1px, auto, auto, auto);
}
/*By www.lautiito.es.tl */
.sarazageneral8, .sarazageneral7
{
top: 1px;
bottom: 1px;
width: 2px;
background-image: url('http://img.webme.com/pic/k/kaveo/minimixd3.png');
}
.sarazageneral8
{
right:0;
clip: rect(auto, auto, auto, 1px);
}
/*By www.lautiito.es.tl */
.sarazageneral7
{
left:0;
clip: rect(auto, 1px, auto, auto);
}
.sarazageneral9
{
position:absolute;
z-index:-1;
top: 1px;
left: 1px;
right: 1px;
bottom: 1px;
background-color: #FAFAFA;
}
/*By www.lautiito.es.tl */
/*By www.lautiito.es.tl */
.sarazageneral
{
margin-top: 30px !important;
}
div.banner
{
margin: 0 auto;
position: relative;
z-index:0;
width: 898px;
height: 175px;
}
/*By www.lautiito.es.tl */
/*By www.lautiito.es.tl */
div.banner2
{
position: absolute;
z-index:-1;
top: 0;
left: 0;
width: 898px;
height: 175px;
background-image: url('http://img.webme.com/pic/k/kaveo/banner16.jpg');
background-repeat: no-repeat;
background-position: center center;
}
/*By www.lautiito.es.tl */
.toronja
{
position: relative;
margin-bottom: 0px;
width: 898px;
}
/*By www.lautiito.es.tl */
.toronja2
{
position:relative;
z-index:0;
margin:0 auto;
min-width:1px;
min-height:1px;
}
.toronja2-body
{
position: relative;
z-index: 1;
padding: 0px;
}
/*By www.lautiito.es.tl */
.toronja2
{
margin: 7px;
}
/*By www.lautiito.es.tl */
.toronja2Header
{
position:relative;
z-index:0;
height: 30px;
padding: 0 7px;
margin-bottom: 0px;
}
/*By www.lautiito.es.tl */
.toronja2Header .t
{
height: 30px;
color: #A8A8A8;
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-size: 13px;
font-style: normal;
font-weight: bold;
text-transform: uppercase;
white-space : nowrap;
padding: 0 6px;
line-height: 30px;
}
/*By www.lautiito.es.tl */
.toronja2Header .l, .toronja2Header .r
{
display:block;
position:absolute;
z-index:-1;
height: 30px;
background-image: url('http://img.webme.com/pic/k/kaveo/fondotitlemenu.png');
}
/*By www.lautiito.es.tl */
.toronja2Header .l
{
left:0;
right:0px;
}
.toronja2Header .r
{
width:898px;
right:0;
clip: rect(auto, auto, auto, 898px);
}
/*By www.lautiito.es.tl */
.ulli
{
height: 30px;
background-position:left top;
background-image: url('http://img.webme.com/pic/k/kaveo/titlemenu16.png');
padding:0 0 0 15px;
background-repeat: no-repeat;
min-height: 15px;
margin: 0 0 0 5px;
}
/*By www.lautiito.es.tl */
.toronja2Content
{
position:relative;
z-index:0;
margin:0 auto;
min-width:3px;
min-height:3px;
}
/*By www.lautiito.es.tl */
.toronja2Content-body
{
position: relative;
z-index: 1;
padding: 8px;
}
/*By www.lautiito.es.tl */
.toronja2Content-tr, .toronja2Content-tl, .toronja2Content-br, .toronja2Content-bl, .toronja2Content-tc, .toronja2Content-bc,.toronja2Content-cr, .toronja2Content-cl
{
position:absolute;
z-index:-1;
}
/*By www.lautiito.es.tl */
.toronja2Content-tr, .toronja2Content-tl, .toronja2Content-br, .toronja2Content-bl
{
width: 2px;
height: 2px;
background-image: url('http://img.webme.com/pic/k/kaveo/minimixd.png');
}
/*By www.lautiito.es.tl */
.toronja2Content-tl
{
top:0;
left:0;
clip: rect(auto, 1px, 1px, auto);
}
/*By www.lautiito.es.tl */
.toronja2Content-tr
{
top: 0;
right: 0;
clip: rect(auto, auto, 1px, 1px);
}
/*By www.lautiito.es.tl */
.toronja2Content-bl
{
bottom: 0;
left: 0;
clip: rect(1px, 1px, auto, auto);
}
/*By www.lautiito.es.tl */
.toronja2Content-br
{
bottom: 0;
right: 0;
clip: rect(1px, auto, auto, 1px);
}
.toronja2Content-tc, .toronja2Content-bc
{
left: 1px;
right: 1px;
height: 2px;
background-image: url('http://img.webme.com/pic/k/kaveo/minimixd2.png');
}
/*By www.lautiito.es.tl */
.toronja2Content-tc
{
top: 0;
clip: rect(auto, auto, 1px, auto);
}
.toronja2Content-bc
{
bottom: 0;
clip: rect(1px, auto, auto, auto);
}
/*By www.lautiito.es.tl */
.toronja2Content-cr, .toronja2Content-cl
{
top: 1px;
bottom: 1px;
width: 2px;
background-image: url('http://img.webme.com/pic/k/kaveo/minimixd3.png');
}
/*By www.lautiito.es.tl */
.toronja2Content-cr
{
right:0;
clip: rect(auto, auto, auto, 1px);
}
.toronja2Content-cl
{
left:0;
clip: rect(auto, 1px, auto, auto);
}
/*By www.lautiito.es.tl */
.toronja2Content-cc
{
position:absolute;
z-index:-1;
top: 1px;
left: 1px;
right: 1px;
bottom: 1px;
background-color: #F5F5F5;
}
/*By www.lautiito.es.tl */
.toronja2Content-body
{
color:#3B3B3B;
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-size: 11px;
}
.toronja2Content-body a:hover, .toronja2Content-body a.hover
{
color: #b84141;
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
text-decoration: none;
}
/*By www.lautiito.es.tl */
.toronja2Content-body ul
{
list-style-type: none;
color: #000000;
margin:0;
padding:0;
}
/*By www.lautiito.es.tl */
.toronja2Content-body li
{
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-size: 11px;
}
/*By www.lautiito.es.tl */
.toronja2Content-body ul li
{
padding:0px 0 0px 15px;
background-image: url('http://img.webme.com/pic/k/kaveo/fonditoli.png');
background-repeat:no-repeat;
margin:0.5em 0 0.5em 0;
line-height:1.2em;
}
.toronja1
{
position:relative;
z-index:0;
margin:0 auto;
min-width:1px;
min-height:1px;
}
/*By www.lautiito.es.tl */
.toronja1-body
{
position: relative;
z-index: 1;
padding: 7px;
}
.toronja1
{
margin: 5px;
}
/*By www.lautiito.es.tl */
body
{
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
color: #3D3D3D;
}
/*By www.lautiito.es.tl */
/*By www.lautiito.es.tl */
.toronja1Content p
{
margin: 0.5em 0;
}
/*By www.lautiito.es.tl */
.toronja1Content, .toronja1Content p
{
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
text-align: justify;
color: #3D3D3D;
}
.toronja1Content
{
margin:0;
}
/*By www.lautiito.es.tl */
a
{
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
text-decoration: none;
letter-spacing: 1px;
color: gray;
}
/*By www.lautiito.es.tl */
a:hover, a.hover
{
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
text-decoration: none;
letter-spacing: 1px;
color: #b84141;
}
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited
{
font-weight: normal;
font-style: normal;
text-decoration: none;
}
/*By www.lautiito.es.tl */
h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover
{
font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, Serif;
font-size: 25px;
text-transform: uppercase;
text-align: left;
color: #575757;
}
/*By www.lautiito.es.tl */
h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover
{
font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, Serif;
font-size: 22px;
font-style: normal;
font-weight: normal;
text-transform: uppercase;
text-align: left;
color: #575757;
}
/*By www.lautiito.es.tl */
h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover
{
font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, Serif;
font-size: 20px;
text-transform: uppercase;
text-align: left;
color: #1C1C1C;
}
/*By www.lautiito.es.tl */
h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover
{
font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, Serif;
font-size: 16px;
text-transform: uppercase;
text-align: left;
color: #3D3D3D;
}
/*By www.lautiito.es.tl */
h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover
{
font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, Serif;
font-size: 14px;
text-transform: uppercase;
text-align: left;
color: #3D3D3D;
}
/*By www.lautiito.es.tl */
h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover
{
font-family: "Palatino Linotype", Georgia, "Times New Roman", Times, Serif;
font-size: 13px;
text-transform: uppercase;
text-align: left;
color: #3D3D3D;
}
/*By www.lautiito.es.tl */
ol, ul
{
color: #000000;
margin:1em 0 1em 2em;
padding:0;
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-size: 11px;
text-align: left;
margin-left: 12px;
}
/*By www.lautiito.es.tl */
li ol, li ul
{
margin:0.5em 0 0.5em 2em;
padding:0;
}
/*By www.lautiito.es.tl */
li
{
margin:0.2em 0;
padding:0;
}
/*By www.lautiito.es.tl */
ul
{
list-style-type: none;
}
/*By www.lautiito.es.tl */
ol
{
list-style-position:inside;
}
/*By www.lautiito.es.tl */
.toronja1 li
{
padding:0px 0 0px 9px;
line-height:1.2em;
}
/*By www.lautiito.es.tl */
.toronja1 ol li, .toronja1 ul ol li
{
background: none;
padding-left:0;
}
.toronja1 ul li, .toronja1 ol ul li
{
background-image: url('http://img.webme.com/pic/k/kaveo/licontenido.png');
background-repeat:no-repeat;
padding-left:9px;
}
/*By www.lautiito.es.tl */
blockquote,
blockquote p,
.toronja1Content blockquote p
{
color:#B5B5B5;
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-style: italic;
font-weight: normal;
text-align: left;
}
/*By www.lautiito.es.tl */
.footer
{
position:relative;
z-index:0;
overflow:hidden;
width: 898px;
margin: 5px auto 0px auto;
}
/*By www.lautiito.es.tl */
.footer .footer-inner
{
height:1%;
position: relative;
z-index: 0;
padding: 15px;
text-align: center;
}
/*By www.lautiito.es.tl */
.footer .footer-background
{
position:absolute;
z-index:-1;
background-repeat:no-repeat;
background-image: url('http://img.webme.com/pic/k/kaveo/fondofooter.png');
width: 898px;
height: 150px;
bottom:0;
left:0;
}
/*By www.lautiito.es.tl */
.footer .footer-text p
{
margin: 0;
}
/*By www.lautiito.es.tl */
.footer .footer-text
{
display:inline-block;
color:#A8A8A8;
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
font-size: 10px;
font-style: normal;
font-weight: bold;
}
/*By www.lautiito.es.tl */
.footer .footer-text a:link
{
text-decoration: none;
color: #757575;
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
text-decoration: underline;
}
/*By www.lautiito.es.tl */
.footer .footer-text a:visited
{
text-decoration: none;
color: #757575;
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
text-decoration: underline;
}
/*By www.lautiito.es.tl */
.footer .footer-text a:hover
{
text-decoration: none;
color: #C2C2C2;
font-family: Verdana, Geneva, Arial, Helvetica, Sans-Serif;
text-decoration: none;
}
/*By www.lautiito.es.tl */
.creditos, .creditos a, .creditos a:link, .creditos a:visited, .creditos a:hover
{
font-family:Arial;
font-size:10px;
letter-spacing:normal;
word-spacing:normal;
font-style:normal;
font-weight:normal;
text-decoration:underline;
color:#A6A6A6;
}
/*By www.lautiito.es.tl */
.creditos
{
margin:1em;
text-align:center;
text-decoration:none;
color:#616161;
}
/*By www.lautiito.es.tl */
.toronja .lalala
{
position: relative;
margin: 0;
padding: 0;
border: 0;
float: left;
overflow: hidden;
width: 672px;
}
/*By www.lautiito.es.tl */
.toronja .lalala-wide
{
position: relative;
margin: 0;
padding: 0;
border: 0;
float: left;
overflow: hidden;
width: 896px;
}
/*By www.lautiito.es.tl */
.toronja .menu
{
position: relative;
margin: 0;
padding: 0;
border: 0;
float: left;
overflow: hidden;
width: 224px;
}
/*By www.lautiito.es.tl */
Página 1 de 1.
Permisos de este foro:
No puedes responder a temas en este foro.