Página 1 de 1

Cambiar íconos!

Publicado: 17 Mar 2015, 14:03
por Todtuga
Hola Amigos! estoy tratando de re-configurar el mismo Estilo de este foro y adaptarlo a la actividad de mi foro.
No encuentro los íconos del corazon, etc etc para cambiarlos por los que corresponden a los textos que puse en los enlaces..
face. Dónde estan esos íconos?
3.jpg
Donde esta el "On the Right" para poder reemplazarlo?
Gracias :wink:

Re: Cambiar íconos!

Publicado: 17 Mar 2015, 18:34
por Makoto
bueno esos enlaces esta en top_bar.html

y los css de los iconos esta en custom.css

Código: Seleccionar todo

#top-bar .icon1:before			{ content: '\f1b3'; }
#top-bar .icon2 > a:before		{ content: '\f004'; }
#top-bar .icon3 > a:before		{ content: '\f0ac'; }
#top-bar .icon4 > a:before		{ content: '\f0a4'; }

'\f0a4 estos son los iconos, revisa http://fortawesome.github.io/Font-Awesome/icons/

Re: Cambiar íconos!

Publicado: 18 Mar 2015, 00:39
por Todtuga
Makoto escribió:bueno esos enlaces esta en top_bar.html

y los css de los iconos esta en custom.css

Código: Seleccionar todo

#top-bar .icon1:before			{ content: '\f1b3'; }
#top-bar .icon2 > a:before		{ content: '\f004'; }
#top-bar .icon3 > a:before		{ content: '\f0ac'; }
#top-bar .icon4 > a:before		{ content: '\f0a4'; }

'\f0a4 estos son los iconos, revisa http://fortawesome.github.io/Font-Awesome/icons/
Si! los enlaces ya los encontré! pero no se como modificar el contenido del Top-bar
No se qué debo sacar, o quitar para reemplazar por el :
<i class="fa fa-facebook-official"></i>

Re: Cambiar íconos!

Publicado: 18 Mar 2015, 00:53
por Todtuga
Ya los encontré: hay para todos los gustos :D
http://astronautweb.co/snippet/font-awesome/

Re: Cambiar íconos!

Publicado: 18 Mar 2015, 01:06
por Todtuga
Listo! solucionado! Muchas gracias!

Re: Cambiar íconos!

Publicado: 28 Mar 2015, 18:56
por latinserver
Ya encontré: top_bar.html y tampoco custom.css

tampoco comprendo cómo debo agregarlos... la información es muy directa y simple, no sé qué debo cambiar en:

#top-bar .icon1:before { content: '\f1b3'; }
#top-bar .icon2 > a:before { content: '\f004'; }
#top-bar .icon3 > a:before { content: '\f0ac'; }
#top-bar .icon4 > a:before { content: '\f0a4'; }

Los íconos son: \f1b3' etc.. pero el sitio web de iconos muestra cosas como estas: <i class="fa fa-facebook"></i>
y el top_bar, cómo debemos agregarlos..

agradecemos mucho información más guiada para los que no conocemos mucho de esto.

saludos y gracias :) buen trabajo.

Re: Cambiar íconos!  Tema Solucionado

Publicado: 28 Mar 2015, 19:55
por Todtuga
latinserver escribió:Ya encontré: top_bar.html y tampoco custom.css

tampoco comprendo cómo debo agregarlos... la información es muy directa y simple, no sé qué debo cambiar en:

#top-bar .icon1:before { content: '\f1b3'; }
#top-bar .icon2 > a:before { content: '\f004'; }
#top-bar .icon3 > a:before { content: '\f0ac'; }
#top-bar .icon4 > a:before { content: '\f0a4'; }

Los íconos son: \f1b3' etc.. pero el sitio web de iconos muestra cosas como estas: <i class="fa fa-facebook"></i>
y el top_bar, cómo debemos agregarlos..

agradecemos mucho información más guiada para los que no conocemos mucho de esto.

saludos y gracias :) buen trabajo.
Es que está bien explicado; Te lo repito....entras a esta pagina http://astronautweb.co/snippet/font-awesome/ y alli dentro hay un listado de códigos muy parecidos a los que ves aqui: Abris top_bar.html y buscas lo siguiente;
#top-bar .icon1:before { content: '\f1b3'; }
#top-bar .icon2 > a:before { content: '\f004'; }
#top-bar .icon3 > a:before { content: '\f0ac'; }
#top-bar .icon4 > a:before { content: '\f0a4'; }

Si por ejemplo reemplazas '\f1b3' por "\f179" te aparecerá el ícono de la manzana de Apple y luego reemplazas los otros por el código de la pagina que mas este necesitando.
Suerte!

Re: Cambiar íconos!

Publicado: 29 Mar 2015, 03:03
por latinserver
wow.-. genial.. gracias.. lo he resuelto.-... Muchas gracias en serio :)