Bien este es un estilo Css del Box N.1 del diseño "Css Design".
Ok, priemro lo primero...¿Cual es ese Box?
Este:
¿Como se ve?
Asi:
¿Como puedo modificarlo?
Sencillo... Ahora lo explico.
Lo priemro que debes hacer es copiar el codigo:
Cita: <!--Miniaikon.es.tl-->
<style>
#sidebar_container table{background:none;}
#sidebar_container{background:#BDBDBD;
color:#000;
font-family: 'Raleway', sans-serif;
text-align:center;
border-radius:5px;
padding:5px;
-webkit-box-shadow:0px 0px 3px 0px rgba(0,0,0,0.75);
-moz-box-shadow:0px 0px 3px 0px rgba(0,0,0,0.75);
box-shadow:0px 0px 3px 0px rgba(0,0,0,0.75);
background: rgba(147,206,222,1);
background: -moz-linear-gradient(top, rgba(147,206,222,1) 0%, rgba(117,189,209,1) 41%, rgba(73,165,191,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(147,206,222,1)), color-stop(41%, rgba(117,189,209,1)), color-stop(100%, rgba(73,165,191,1))); background: -webkit-linear-gradient(top, rgba(147,206,222,1) 0%, rgba(117,189,209,1) 41%, rgba(73,165,191,1) 100%); background: -o-linear-gradient(top, rgba(147,206,222,1) 0%, rgba(117,189,209,1) 41%, rgba(73,165,191,1) 100%); background: -ms-linear-gradient(top, rgba(147,206,222,1) 0%, rgba(117,189,209,1) 41%, rgba(73,165,191,1) 100%); background: linear-gradient(to bottom, rgba(147,206,222,1) 0%, rgba(117,189,209,1) 41%, rgba(73,165,191,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#93cede', endColorstr='#49a5bf', GradientType=0 );}
</style>
Lo que sale en negrito es lo que puedes modificar poniendo un gradiente o un color unico.
Si le quieres cambiar el gradiente, solo debes borrar lo resaltado en negrito y pegar el codigo de la gradiente que ustedes crearon.
Puedes crear tu gradiente en la siguiente url:http://www.cssmatic.com/es/gradient-generator
Si quieres poner un color unico entonces borra lo resaltado en negrito y simplemente pones el "background:#Color;" y listo
PD: Este estilo lo cree como una alternativa a mi verdadero objetivo... que es un misterio xD |
