Iconos en plantilla ZenithII  

 
Jordi
 Jordi
Estimable Member

Hola,
en la demo de la plantilla ZenithII que hay en la web de la empresa que lo diseña, los iconos tienen una pequeña funcion rollover, que cuando pasas por encima, les aparece un circulo alrededor.
Alguna idea de cómo hacerlo?
Adjunto pantalla de los iconos.
Saludos
Jordi

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 10/02/2015 8:11 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Simplemente crea la misma estructura html que tiene esta sección de la web

Puedes usar firebug (complemento de firefox) para ubicar el código

Saludos.

This post was modified hace 2 semanas por Gerard Martínez

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

ResponderCitar
Respondido : 10/02/2015 9:13 pm

Cursos Gratuitos WordPress

Jordi
 Jordi
Estimable Member

Hola Jhon, gracias
Pero no acabo de comprender...
aqui te pego los códigos originales y los míso.
No veo ninguna diferencia...

Alguno de nuestros valores

I am so happy, my dear friend, so absorbed in the exquisite sense of mere tranquil existence, that I neglect my talents & exellence

Somos especiales

I am so happy, my dear friend, so absorbed in the exquisite sense of mere tranquil existence, that I neglect my talents & exellence

----------------------------------------------------------------------------EL MIO:

Legal

Lawyers specializing in different legal contexts, will advise you and will resolve your  legal issues in Spain. Buying a property? We're your first option.....

Labour

We specialize in Labour Consultancy. Our specialists will seek the best solution for your company's labor issues

ResponderCitar
Respondido : 10/02/2015 9:39 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Es posible que sea debido a la ruta que se genera en tu sitio

Contenido solo visible a usuarios registrados

Prueba colocar el módulo en el inicio de tu web y verifica si te funciona

Saludos.

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

ResponderCitar
Respondido : 10/02/2015 10:47 pm

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

Jordi
 Jordi
Estimable Member

Hola jhon,
ya lo estaba. De hecho, en http://farreras.net/zenith/index.php/cat/ està puesto y los iconos no tienen este efecto.
No serà que es algo de CSS ?
Gracias

ResponderCitar
Respondido : 11/02/2015 9:22 am
Jordi Sala
 Jordi Sala
Miembro Admin

Hola Jordi,

En el módulo original el código es:

Alguno de nuestros valores

I am so happy, my dear friend, so absorbed in the exquisite sense of mere tranquil existence, that I neglect my talents & exellence

Somos especiales

I am so happy, my dear friend, so absorbed in the exquisite sense of mere tranquil existence, that I neglect my talents & exellence

Nuestra diferencia

I am so happy, my dear friend, so absorbed in the exquisite sense of mere tranquil existence, that I neglect my talents & exellence

Destacamos sobre el resto

I am so happy, my dear friend, so absorbed in the exquisite sense of mere tranquil existence, that I neglect my talents & exellence

Saludos

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

ResponderCitar
Respondido : 11/02/2015 9:39 am

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Jordi
 Jordi
Estimable Member

Gracias Jordi,
pero no veo en el código que has pegado, ninguna referencia a los iconos que se mueven con rollover... ni tan solo se menciona los iconos...

Orignal

Alguno de nuestros valores

el mio:

Legal

Lawyers specializing in different legal contexts, will advise you and will resolve your  legal issues in Spain. Buying a property? We're your first option.....

O me estoy perdiendo algo?
Lo que quiero es que al pasar por encima de los iconos (legal, laboral etc) salga el circulito igual que en la plantilla que teneis como demo.
Gracias
Jordi

ResponderCitar
Respondido : 11/02/2015 10:20 am
Jordi Sala
 Jordi Sala
Miembro Admin

Hola Jordi,

Disculpa, el código es:

Alguno de nuestros valores

I am so happy, my dear friend, so absorbed in the exquisite sense of mere tranquil existence, that I neglect my talents & exellence

Somos especiales

I am so happy, my dear friend, so absorbed in the exquisite sense of mere tranquil existence, that I neglect my talents & exellence

Nuestra diferencia

I am so happy, my dear friend, so absorbed in the exquisite sense of mere tranquil existence, that I neglect my talents & exellence

Destacamos sobre el resto

I am so happy, my dear friend, so absorbed in the exquisite sense of mere tranquil existence, that I neglect my talents & exellence

Antes copie el código utilizando la vista html del editor tinymce de Joomla, y por algún motivo eliminaba el código:

y similares.

Saludos

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

ResponderCitar
Respondido : 11/02/2015 10:43 am

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Jordi
 Jordi
Estimable Member

Gracias Jordi
Tu me pones:

Yo pongo:

Al poner la etiqueta de énfasis anula el efecto del circulito...
Pero ahora me sale al lado del texto....

Gracias
JOrdi

ResponderCitar
Respondido : 11/02/2015 11:01 am
Pablo Velasco
 Pablo Velasco
Illustrious Member

Hola,

Actualmente no veo los iconos en tu web.

Para que funcione el efecto de rollover que comentas es necesario que el módulo donde se estén cargando tenga una clase CSS en concreto.

En la demo del pack Zenith II el módulo que carga estos iconos tiene el siguiente valor en el campo Clase CSS del módulo de la pestaña Advanced:

bigmargin-top key-features nomargin-bottom nopadding-bottom align-center

En concreto, para que funcione el efecto de rollover deberás tener al menos la clase CSS key-features en ese campo.

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

ResponderCitar
Respondido : 11/02/2015 12:19 pm

Cursos Gratuitos WordPress