Iconos Responsive

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

Moderator: hefesto

Locked
luciernaga16
Joomla! Apprentice
Joomla! Apprentice
Posts: 44
Joined: Thu Mar 03, 2016 9:50 am

Iconos Responsive

Post by luciernaga16 » Wed Jun 22, 2016 2:07 pm

Hola buenas tardes,

Estoy desarrollando un proyecto en Joomla y necesito que los iconos que utilizo en el mismo sean Responsive.

¿Podéis indicarme desde el foro algunos enlaces desde los que pueda descargar, gratuitamente a ser posible, algunos iconos Responsive y/o instrucciones de cómo convertir iconos fijos a estilo Responsive?

Muchas gracias,

Saludos,

J Andrés

User avatar
AlexVega
Joomla! Hero
Joomla! Hero
Posts: 2711
Joined: Fri Aug 28, 2015 6:13 am
Location: México

Re: Iconos Responsive

Post by AlexVega » Thu Jun 23, 2016 9:25 am

Que tal,

La solución más común es usar fuentes de iconos, estas están basadas en SVG y son escalables junto
con la fuente, la librería más común es fontawesome.io

- ¿Tus iconos son imágenes?

Saludos!

luciernaga16
Joomla! Apprentice
Joomla! Apprentice
Posts: 44
Joined: Thu Mar 03, 2016 9:50 am

Re: Iconos Responsive

Post by luciernaga16 » Fri Jun 24, 2016 5:35 pm

Hola Alex, gracias por la respuesta.

Los iconos en principio son iconos propiamente dichos, es decir, los estoy buscando en páginas de iconos para la web. En principio en formato .png

Creo haber visto que los hay que ya son responsive y cambian el tamaño sin hacerles ninguna modificación.

También creo haber leído que hay algunas técnicas mediante CSS utilizando el mismo icono pero con 2 ó 3 tamaños distintos para adecuarlos a los distintos tamaños de visualización según la pantalla del dispositivo.

Saludos,

J Andrés

User avatar
AlexVega
Joomla! Hero
Joomla! Hero
Posts: 2711
Joined: Fri Aug 28, 2015 6:13 am
Location: México

Re: Iconos Responsive

Post by AlexVega » Sat Jun 25, 2016 3:54 am

Que tal,

Ya que mencionas que son imágenes .png, debes ocupar el mismo código mencionado en este post:
http://forum.joomla.org/viewtopic.php?f ... 4#p3409024

De la misma forma puedes usarlos como imagen de fondo y cambiar la imagen vía CSS Media Queries.

Al menos de momento, lo recomendable es usar iconos basados en SVG y que puedan ser usados como
fuente, ya que al ser texto plano no generan una petición al servidor como las imágenes.

Saludos!

luciernaga16
Joomla! Apprentice
Joomla! Apprentice
Posts: 44
Joined: Thu Mar 03, 2016 9:50 am

Re: Iconos Responsive

Post by luciernaga16 » Mon Jun 27, 2016 1:27 pm

Ok Alex,

Muchas gracias,

Saludos,

J Andrés

User avatar
AlexVega
Joomla! Hero
Joomla! Hero
Posts: 2711
Joined: Fri Aug 28, 2015 6:13 am
Location: México

Re: Iconos Responsive

Post by AlexVega » Mon Jun 27, 2016 8:44 pm

Un gusto ayudarte,
Saludos!


Locked

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