Iconos en plantilla...
 
Avisos
Vaciar todo

Iconos en plantilla ZenithII

10 Respuestas
4 Usuarios
0 Reactions
802 Visitas
Respuestas: 163
Estimable Member
Topic starter
 

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


 
Respondido : 10/02/2015 8:11 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member 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.


Esta publicación ha sido modificada el hace 5 años por Gerard Martínez
 
Respondido : 10/02/2015 9:13 pm
Respuestas: 163
Estimable Member
Topic starter
 

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


 
Respondido : 10/02/2015 9:39 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member 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.


 
Respondido : 10/02/2015 10:47 pm
Respuestas: 163
Estimable Member
Topic starter
 

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


 
Respondido : 11/02/2015 9:22 am
Jordi Sala
Respuestas: 12058
Illustrious Member 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


 
Respondido : 11/02/2015 9:39 am
Respuestas: 163
Estimable Member
Topic starter
 

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


 
Respondido : 11/02/2015 10:20 am
Jordi Sala
Respuestas: 12058
Illustrious Member 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


 
Respondido : 11/02/2015 10:43 am
Respuestas: 163
Estimable Member
Topic starter
 

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


 
Respondido : 11/02/2015 11:01 am
Pablo Velasco
Respuestas: 20382
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.


 
Respondido : 11/02/2015 12:19 pm