Búsqueda en el Foro:
Buscar


« Ver tema anterior :: Ver siguiente tema »  
Autor Mensaje
Mensaje26-02-2013, 01:22 (UTC)    
Título del mensaje: BOX INFO & Scroll modificado



Este Box lo que nos permite es poder agregar una información en un cuadro de textarea, para que el cuadro se viera mas "agradable", lo que se hizo fue modificar el scroll. A demás de poder agregar cierta información o descripción, se puede agregar una imagen y titulo. También cuenta con un botón/imagen que nos permite agregar una URL y así poder llevarnos hacia otro lugar.Espero que lo disfruten. Esta creado por ARTAttack.


Cita:
<div class="wrap-box" style=">
<div class="inner">
<div class="h1-bg">Titulo<a href="#"><img src="http://img.webme.com/pic/a/artattack-web/agrandar.png" id="extender" alt="Extender imagen"></a></div>
<div class="porta"><img src="http://img.webme.com/pic/a/artattack-web/paisaje.jpg" id="portada" alt="">
<div class="box-right">
<p>Información</p>
</div>
</div>
</div>
</div>


Cita:
/* artattack-web.es.tl */
.wrap-box {
background: #EFEEEE;
width: 550px;
border-radius: 10px;
border: 13px solid #DDD;
height: 220px;
margin: 0 auto;
}
.h1-bg {
background: #DDD;
width: 514px;
padding-bottom: 10px;
margin: 10px auto;
padding-top: 10px;
padding-left: 15px;
font-size: 18px;
border-radius: 5px;
}
.porta {
background: #DDD;
width: 514px;
height: 125px;
padding-bottom: 10px;
margin: 10px auto;
padding-top: 10px;
padding-left: 15px;
font-size: 18px;
border-radius: 5px;
}
#extender {
float: right;
position: relative;
bottom: 1px;
border-radius: 5px;
margin-right: 10px;
background: #CCC;
padding-bottom: 5px;
padding-top: 5px;
padding-right: 5px;
padding-left: 5px;
}
#portada {
height: 100%;
float: left;
}
.box-right {
font-size: 13px;
padding-left: 10px;
float: left;
padding-right: 5px;
background: #F1F1F1;
width: 281px;
height: 126px;
margin-left: 17px;
overflow: auto;
}
.box-right::-webkit-scrollbar {
width: 6px;
height: 6px;
border: none;
background: #D1D1D1;
}
.box-right::-webkit-scrollbar-.box-right-piece {
border: none;
position: absolute;
padding: 0;
box-shadow: none;
background: #000000;
border-radius: 30px;
}
.box-right::-webkit-scrollbar-thumb:vertical {
background-color: #A7A7A7;
border-radius: 30px;
border: none;
}
.box-right::-webkit-scrollbar-thumb:horizontal {
background-color: #A7A7A7;
border-radius: 30px;
border: none;
}


Mensaje26-02-2013, 14:40 (UTC)    
Título del mensaje:

Es precioso es sencillo y elegante y da mucha profesionalidad. He mirado tu web y me he fascinado con todo lo que hay. Sabes mucho de esto no hay duda, gracias por compartirlo.

Saludos y mucha suerte con tu web
______________
Mensaje26-02-2013, 16:19 (UTC)    
Título del mensaje:

Qué lindo aporte, me ha gustado mucho y será de mucha utilidad para todos!!!

Gracias por compartirlo
______________

http://radiovijaer.es.tl/
Mensaje26-02-2013, 17:19 (UTC)    
Título del mensaje:

Muchas gracias por sus comentarios, tengo varios aportes para publicar.

Gracias!
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group