Foros del Web » Creando para Internet » CSS »

Necesitoayuda para modificar CSS de menu wordpress

Estas en el tema de Necesitoayuda para modificar CSS de menu wordpress en el foro de CSS en Foros del Web. Hola chicos necesito la ayuda de alguien con algo de experiencia CSS. Estoy intentando modificar una plantilla a mi gusto y estoy algo liado con ...
  #1 (permalink)  
Antiguo 22/04/2011, 20:09
 
Fecha de Ingreso: abril-2011
Mensajes: 4
Antigüedad: 6 años, 7 meses
Puntos: 0
Pregunta Necesitoayuda para modificar CSS de menu wordpress

Hola chicos necesito la ayuda de alguien con algo de experiencia CSS. Estoy intentando modificar una plantilla a mi gusto y estoy algo liado con el css en la parte del menu:

/* main navigation */
#nav { background: url(../../images/topnav.jpg) repeat-x bottom #322C2C; min-width: 990px; }
#nav-content { margin: 0 auto; width: 978px; }
#nav .sf-menu { float: left; line-height: 1.1; max-width: 770px; }
#nav .sf-menu a { display: block; text-decoration: none; padding: 8px 12px 11px; color: #fff; font-size: 14px; }
#nav .sf-menu ul li { border: 1px solid #474331; margin-top: -1px; }
#nav .sf-menu a:hover, #nav .sf-menu li:hover, #nav .sf-menu li.sfHover, #nav .sf-menu ul li { background: #5B062C; color: #FFF; }
#nav .sf-menu ul a:hover, #nav .sf-menu ul li.sfHover, #nav .sf-menu ul li:hover { color: #373331; background: #FFF; }
#nav .sf-menu ul li.sfHover a.sf-with-ul { color: #373331; }
#nav .sf-menu li li a { padding: 7px 10px; line-height: 1; height: auto; font-size: 12px; }
#nav .sf-menu .sf-with-ul { padding-right: 15px; }
#nav .sf-sub-indicator { background: url(../../images/dropdown.png) no-repeat; width: 5px; height: 5px; text-indent: -9999px; display: inline-block; position: relative; left: 7px; top: 0; vertical-align: middle; }
#nav .sf-menu ul .sf-sub-indicator { display: none; }
#nav .quick-nav li { padding-top: 8px; }

.quick-nav li { padding: 5px 0 0 8px; }
.quick-nav a:link, .quick-nav a:visited { display: block; text-indent: -9000px; width: 16px; height: 16px; float: left; clear: left; opacity: 0.6; }
.quick-nav a:hover { opacity: 1; }

.quick-nav #rss { background: url(../../images/rss.png) no-repeat; }
.quick-nav #twitter { background: url(../../images/twitter.png) no-repeat; }
.quick-nav #facebook { background: url(../../images/facebook.png) no-repeat; }

Les marque en negrita el background del menu y el color del mouseover (al pasar por encima del menu). Lo que deseo es hacer que sea una gradiente vertical (el mouseover) con los colores #840326 y #DD0F62.
Alguien que pueda echarme una mano? Gracias de antelación de veras lo agradeceré mucho.
  #2 (permalink)  
Antiguo 22/04/2011, 22:25
Avatar de ZoroRoronoa  
Fecha de Ingreso: marzo-2011
Ubicación: California, USA
Mensajes: 823
Antigüedad: 6 años, 8 meses
Puntos: 116
Respuesta: Necesitoayuda para modificar CSS de menu wordpress

un gradiente vertical ?
Para esto, lo puedes hacer de dos maneras.

1) Usando CSS3 y la propiedad gradient.
2) Crear un bg degradente para el boton con photoshop.

Suerte
__________________
Programador jQuery & PHP
  #3 (permalink)  
Antiguo 22/04/2011, 23:06
 
Fecha de Ingreso: abril-2011
Mensajes: 4
Antigüedad: 6 años, 7 meses
Puntos: 0
Respuesta: Necesitoayuda para modificar CSS de menu wordpress

El tema es que desconosco de CSS, no se mucho, si pueden modificarlo ustedes mismos lo agradeceria mas, siempre que no les sea una molestia. Preferiria usar CSS y no imagene. Gracias.
  #4 (permalink)  
Antiguo 23/04/2011, 01:47
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 8 años, 10 meses
Puntos: 306
Respuesta: Necesitoayuda para modificar CSS de menu wordpress

La cuestión del CSS3 es que no todos los navegadores lo soportan, pero si estas interesado en el tema busca en google, que no es nada del otro mundo.
Te dejo un enlace para que investigues y hagas pruebas.
http://www.csslab.cl/2010/11/22/gradientes-con-css-3/

Saludos

PD: Es mejor enseñar a pescar que regalar pan dulces, , o algo parecido, seguro entiendes lo que quiero decir.
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--
  #5 (permalink)  
Antiguo 23/04/2011, 20:21
 
Fecha de Ingreso: abril-2011
Mensajes: 4
Antigüedad: 6 años, 7 meses
Puntos: 0
Respuesta: Necesitoayuda para modificar CSS de menu wordpress

Gracias C2am seguro que aprendo a pescar GG. Bien el tema es que llevo algun tiempo aprendiendo solo y se hace dificil, mas aun que no tengo ningun conocimiento de CSS y como no tengo ninguna persona cercana que me ayude a aprender pues acudo a ustedes, comprenderas que el tema que he posteado es complicado y no lograré hacerlo solo.

De igual modo gracias por intentarlo. Saludos.
  #6 (permalink)  
Antiguo 24/04/2011, 00:29
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 8 años, 10 meses
Puntos: 306
Respuesta: Necesitoayuda para modificar CSS de menu wordpress

¿Has probado en tu plantilla de poner lo del gradiente en css3?
Realiza una copia de respaldo de tu css, y luego no tienes más que ir probando.
En mi caso he creado un nuevo css donde guardo todo lo que tenga que ver con css3 y luego lo llamo desde la cabecera.
En realidad lo había hecho así para poder validar la hoja de estilo normal (css2.1).
En cuanto a lo que preguntas, en la página que te pasé está muy bien explicado.

Espero que tengas éxito.
saludos
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--
  #7 (permalink)  
Antiguo 24/04/2011, 13:10
Avatar de ZoroRoronoa  
Fecha de Ingreso: marzo-2011
Ubicación: California, USA
Mensajes: 823
Antigüedad: 6 años, 8 meses
Puntos: 116
Respuesta: Necesitoayuda para modificar CSS de menu wordpress

Pero como te han dicho, no todos los browser soportan CSS3, asi que no en todos los navegadores se veran como deseas, yo en lo particular, te recomendaria una imagen.

Saludos.
__________________
Programador jQuery & PHP

Etiquetas: menu-css-horizontal, menus-css, modificar
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 22:22.