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?
Donde esta el "On the Right" para poder reemplazarlo?
Gracias

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
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
