¿Quieres reaccionar a este mensaje? Regístrate en el foro con unos pocos clics o inicia sesión para continuar.


[CSS] Pro desing

 :: Webmaster de Foroactivo,PWG,Blogger,Wordpress,entre otros... :: Diseños para webs

Ir abajo

[CSS] Pro desing Empty [CSS] Pro desing

Mensaje por Deryan Sáb Oct 13, 2012 1:07 pm

Nombre: Pro desing

Tipo: CSS Desing

Autor: Kaveo / lautiito

Garantía: Asegurada

*No borrar los creditos*

Vista previa:

[CSS] Pro desing Css16


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 */
Deryan
Deryan
Administrador
Administrador

Mensajes Mensajes : 134
MCoins MCoins : 2230725
Gracias Gracias : 8
Advertencia Advertencia : 100%


https://mundocodigos.foroactivo.mx

Volver arriba Ir abajo

Volver arriba

- Temas similares

 :: Webmaster de Foroactivo,PWG,Blogger,Wordpress,entre otros... :: Diseños para webs

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