Poner un degradado ...
 
Avisos
Vaciar todo

Poner un degradado como fondo del menú

3 Respuestas
2 Usuarios
0 Reactions
3,864 Visitas
Respuestas: 373
Reputable Member
Topic starter
 

Buenas tardes,
He cambiado el color del fondo del menú, cambiando el valor del background en la siguiente parte del código del fichero styles.css
.navbar-inner
{
background:#d6d6d6;

Pero me gustaría poner un degradado, ¿eso cómo se hace?
Muchas gracias...
Adjunto imagen el menú.

URL del sitio: Contenido solo visible a usuarios registrados


 
Respondido : 05/05/2014 2:32 pm
Pablo Velasco
Respuestas: 20382
Illustrious Member
 

Hola,

Normalmente para colocar un degradado como color de fondo se suele utilizar una imagen de fondo que precisamente sea ese degradado combinada con un color de fondo que coincida con el color inferior del degradado. Sería algo parecido a esto:

body {
background-image:url("gradient2.png");
background-repeat:repeat-x;
backgound-color: #CCC;
}

Otra opción para crear un degradado sería utilizar solo estilos CSS sin ninguna imagen en concreto, aunque esto no será compatible con los navegadores más antiguos. De todas forma sería una buena opción porque funcionará en la mayoría de los navegadores. Revisa los siguientes enlaces donde se habla sobre este tema:

http://www.tutosytips.com/hablemos-de-los-degradados-en-css-los-gradient/

http://www.maestrosdelweb.com/editorial/degradados-colores-css/


 
Respondido : 05/05/2014 4:39 pm
Respuestas: 373
Reputable Member
Topic starter
 

Conseguido!!! Muchas gracias!!!!
Al fiinal lo he hecho con código, sin imagen.
Lo he dejado así:
.navbar-inner
{
background:#d6d6d6;
background-image: linear-gradient(to bottom, #d6d6d6, #ffffff);
background-repeat: repeat-x;

Y el resultado en el archivo adjunto....


 
Respondido : 06/05/2014 11:06 am