[OK] Opciones del tipo de enlace en un menu joomla 1.7

Cuestiones relacionadas con las plantillas y el diseño en general (CSS, html...). Todas las versiones de Joomla.

Moderators: carcam, hefesto, AlexVega

Locked
fanny0
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 149
Joined: Sat Nov 11, 2006 1:23 pm

[OK] Opciones del tipo de enlace en un menu joomla 1.7

Post by fanny0 » Fri Nov 25, 2011 8:45 pm

Valor para el atributo 'title' del enlace:
Estilo CSS del enlace: ??????? (_header ul.menu2 li a:link) ???? (no me funciona)
Imagen del enlace: images/contacto.jpg
Añadir el título del menú : No

Bueno el menu tiene el siguiente css

Code: Select all


#header ul.menu li
{border:0; margin:0 !important;	   }
#header ul.menu li a:link,
#header ul.menu li a:visited
{

	color:#fff;
	border:0 ;
	border-right:solid 1px  #000;
	margin:0px 0 0 0 ;
	padding:10px 13px 5px 13px ;
	position:relative;
	background: #4B4BA3 url(../images/back-menu.jpg)repeat-x;
	display:inline-block

}

y yo quiero que quede así

Code: Select all

#header ul.menu2 li a:link,
#header ul.menu2 li a:visited
{

	color:#fff;
	border:0 ;
	margin:0px 0 0 0 ;
	padding:0 ;
	position:relative;
	display:inline-block

}

sin los padding y sin la imagen de fondo ya que coloque una imagen de correo/contacto

pero no me resulta y debe estar mal escrito, lo he probado de varias formas y aun así no me funciona...no se que estoy haciendo mal...o como debería escribirlo para que me funcione y pueda poner esa imagen, en joomla 1.7, no existe ningún modulo de imagen menu gratuito todos son de pago, si alguien conoce también algún modulo de imagen menu que me sirva con roll over sería genial también, pero me gustaría aprender esta parte que no la entiendo, el unico modulo de imagen para menu que encontré gratuito es :Ninja Simple Icon Menu y no me sirve en este caso

muchas gracias!
Last edited by hefesto on Sun Nov 27, 2011 6:00 pm, edited 1 time in total.
Reason: Hilo marcado como SOLUCIONADO

User avatar
hefesto
Joomla! Hero
Joomla! Hero
Posts: 2578
Joined: Fri Jan 20, 2006 12:37 am
Location: Seville - Spain
Contact:

Re: Opciones del tipo de enlace en un menu joomla 1.7

Post by hefesto » Sat Nov 26, 2011 5:54 pm

Hola fanny0.

No estás usando bien esos parámetros. Para "Estilo CSS del enlace" lo que tienes que introducir es el nombre de una clase CSS que se añadirá a las que se usen en la etiqueta <a> de ese elemento de menú. Tendrás que definir esa clase en alguno de los archivos CSS de tu plantilla.

Por otro lado, en el mismo módulo de menú puedes definir clases adicionales tanto para la etiqueta <ul> del menú como para el <div> del contenedor del módulo, por si necesitas más opciones.

En cuanto a la imagen, ¿qué es lo que no te funciona? Ten en cuenta que la ruta que aparece ahí es relativa al root de tu instalación, no a la carpeta del template, por lo que tu imagen deberá estar en la carpeta /images, no en /templates/tu_template/images.

Espero que esto te aclare un poco más este tema. Un saludo.
Spanish forum local moderator
Twitter: @isidrobaq
Comunidad Joomla de España: https://joomlaes.org
NO atiendo peticiones privadas de soporte. Por favor, pregunta en los foros.

fanny0
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 149
Joined: Sat Nov 11, 2006 1:23 pm

Re: Opciones del tipo de enlace en un menu joomla 1.7

Post by fanny0 » Sat Nov 26, 2011 6:47 pm

no puede ser div, ya que no es para todo el menu, si no sólo para el de contacto, ya cree el css y lo coloqué en style.css que es el correspondiente...

la imagen y la ruta se ven ...etán bien... si te fijas en el css que cree lo que quiero hacer es quitar el background y los paddin ya que la imagen es otra

este es el css que cree y ya está colocado en el archivo correspondiente...

Code: Select all

#header ul.menu2 li a:link,
#header ul.menu2 li a:visited
{

   color:#fff;
   border:0 ;
   margin:0px 0 0 0 ;
   padding:0 ;
   position:relative;
   display:inline-block

}

fanny0
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 149
Joined: Sat Nov 11, 2006 1:23 pm

Re: Opciones del tipo de enlace en un menu joomla 1.7

Post by fanny0 » Sat Nov 26, 2011 6:51 pm

es esto lo que no funciona

Estilo CSS del enlace: _header ul.menu2 li a:link

este es el nombre del css en el archivo

#header ul.menu2 li a:link,
#header ul.menu2 li a:visited

y si lo coloco otro nombre no funciona.... o no se que tipo de nombre colocarle para que si funcione...

User avatar
hefesto
Joomla! Hero
Joomla! Hero
Posts: 2578
Joined: Fri Jan 20, 2006 12:37 am
Location: Seville - Spain
Contact:

Re: Opciones del tipo de enlace en un menu joomla 1.7

Post by hefesto » Sun Nov 27, 2011 12:07 am

A ver, en "Estilo CSS del enlace" NO debes colocar ningún selector, sólo nombres de clases (puedes colocar varios, separados por espacios). Por tanto, "ul.menu2 li a:link" sobra ahí.

Pongamos que llamas a la clase "menucontacto". En ese caso, deberías poner justamente eso en el parámetro "Estilo CSS del enlace". Cuando lo hagas y guardes el elemento de menú, al volver a cargar tu página verás que en a etiqueta <a> del enlace ahora aparece esa clase, o sea, que el enlace se verá algo así como <a class="menucontacto ...>.

Por tanto, lo que tendrás que añadir a tu style.css para elminar el fondo y el padding será:

Code: Select all

a.menucontacto {
{
   padding:0 ;
   background: #4B4BA3 none;
}
En caso de que styles.css se cargue demasiado pronto, y por tanto sus estilos sean "sobreescritos" por los antiguos, prueba con:

Code: Select all

a.menucontacto {
{
   padding: 0 !important;
   background: #4B4BA3 none  !important;
}
Ya nos dirás qué tal.
Spanish forum local moderator
Twitter: @isidrobaq
Comunidad Joomla de España: https://joomlaes.org
NO atiendo peticiones privadas de soporte. Por favor, pregunta en los foros.

fanny0
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 149
Joined: Sat Nov 11, 2006 1:23 pm

Re: Opciones del tipo de enlace en un menu joomla 1.7

Post by fanny0 » Sun Nov 27, 2011 2:36 pm

ya...resultó...muchas gracias....

y como tiene que ser el correcto

a:hover
a:active

para este nuevo css??

User avatar
hefesto
Joomla! Hero
Joomla! Hero
Posts: 2578
Joined: Fri Jan 20, 2006 12:37 am
Location: Seville - Spain
Contact:

Re: Opciones del tipo de enlace en un menu joomla 1.7

Post by hefesto » Sun Nov 27, 2011 6:00 pm

fanny0 wrote: y como tiene que ser el correcto

a:hover
a:active

para este nuevo css??
Pues simplemente:

Code: Select all

a.menucontacto:hover
a.menucontacto:active
;)
Spanish forum local moderator
Twitter: @isidrobaq
Comunidad Joomla de España: https://joomlaes.org
NO atiendo peticiones privadas de soporte. Por favor, pregunta en los foros.

fanny0
Joomla! Enthusiast
Joomla! Enthusiast
Posts: 149
Joined: Sat Nov 11, 2006 1:23 pm

Re: [OK] Opciones del tipo de enlace en un menu joomla 1.7

Post by fanny0 » Mon Nov 28, 2011 8:25 pm

sabes que quiero colocarle otra imagen...pero no me resulta...

Code: Select all

a.menucontacto:hover
a.menucontacto:active

{
   padding: 0 0 0 0!important;
   background: #4B4BA3  url(../images/contacto_ro.jpg) !important;
}


Locked

Return to “Plantillas (templates) y diseño”