Poner un degradado como fondo del menú  

 
Francisco
 Francisco
Reputable Member

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

Citar
Respondido : 05/05/2014 3:32 pm
Pablo Velasco
 Pablo Velasco
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/

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 05/05/2014 5:39 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Francisco
 Francisco
Reputable Member

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....

ResponderCitar
Respondido : 06/05/2014 12:06 pm

Por favor Iniciar Sesión o Registro