Recordad que para pedir soporte alguno, debéis facilitar los datos de soporte oportunos por favor, mirad aquí y leer las Normas generales del foro, esto nos servirá de ayuda para dar el mejor soporte..

Gracias.

La Administración de phpBB España.

Cambiar íconos!Tema Solucionado

Dudas sobre estilos phpBB 3.1.x
Cerrado
Avatar de Usuario
Todtuga
Elite
Mensajes: 1015
Registrado: 27 Oct 2008, 01:02
Género:
Edad: 63

Cambiar íconos!

#1

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

Datos de soporte

Spoiler

URL: http://www.citroentuc.com.ar
Versión phpBB: 3.3.10
Plantilla(s) usada(s): Prosilver
Servidor: Linux - Pago
Actualización desde otra versión: si desde la 3.2.0-dev
Conversión desde otro sistema de foros: no
El infinito es escaso a nuestra existencia.[marquee=right][/marquee]
Extensiones o MODs Instalados:Activity Stats 1.2.3-DEV, Advanced BBCode Box 3.1.4., Announcements on index 1.0.1., Annual Stars 1.0.0., Board Announcements 1.0.6., Board Rules 1.0.4., Category Background Image 1.0.1, Fade header 1.1.5. , Google AdSense 1.0.0., Google Analytics 1.0.2., Google Translator 1.0.0., Lightbox 1.0.5., National Flags 2.1.3., Paypal Donation 1.0.3., PM Welcome 1.0.1., Poster IP in Viewtopic 1.0.2., Red title for new topic and new reply 1.0.2., Right Side Random Image 3.1.0., Site logo 1.0.0-b4., Thanks for posts 2.0.2., Upload Extensions 3.1.2., Youtube Videos Gallery 1.0.3.


Avatar de Usuario
Makoto
Elite
Mensajes: 2929
Registrado: 10 Sep 2009, 23:44
Género:
Edad: 35

Re: Cambiar íconos!

#2

Mensaje 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/
URL del foro: FIIS-UNAC
Versión phpBB: phpBB3 ( 3.1.5)
Extensiones Instaladas
SPOILER_SHOW
  • Add User 1.0.2
  • Auto Database Backup 1.1.0
  • Auto Groups 1.0.0
  • Avatars on Memberlist 1.0.3
  • Board Announcements 1.0.2
  • Board Rules 1.0.1
  • cBB Chat 1.1.1
  • Fancy Lazy Topics loader 2.1.5
  • Genders 1.0.0
  • Last Post Avatar
  • Log failed logins
  • Rank Post Styling
  • Share On 1.0.0
  • SiteSplat BBCore 2.1.1
  • Sortables Captcha 2.0.0
  • Topic Author 1.0.1
  • Upload Extensions 3.1.2-beta2
Plantilla(s) usada(s):
  • FLATBOOTS 2.0.1
Servidor: Dattatec[/size]

Avatar de Usuario
Todtuga
Elite
Mensajes: 1015
Registrado: 27 Oct 2008, 01:02
Género:
Edad: 63

Re: Cambiar íconos!

#3

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

Datos de soporte

Spoiler

URL: http://www.citroentuc.com.ar
Versión phpBB: 3.3.10
Plantilla(s) usada(s): Prosilver
Servidor: Linux - Pago
Actualización desde otra versión: si desde la 3.2.0-dev
Conversión desde otro sistema de foros: no
El infinito es escaso a nuestra existencia.[marquee=right][/marquee]
Extensiones o MODs Instalados:Activity Stats 1.2.3-DEV, Advanced BBCode Box 3.1.4., Announcements on index 1.0.1., Annual Stars 1.0.0., Board Announcements 1.0.6., Board Rules 1.0.4., Category Background Image 1.0.1, Fade header 1.1.5. , Google AdSense 1.0.0., Google Analytics 1.0.2., Google Translator 1.0.0., Lightbox 1.0.5., National Flags 2.1.3., Paypal Donation 1.0.3., PM Welcome 1.0.1., Poster IP in Viewtopic 1.0.2., Red title for new topic and new reply 1.0.2., Right Side Random Image 3.1.0., Site logo 1.0.0-b4., Thanks for posts 2.0.2., Upload Extensions 3.1.2., Youtube Videos Gallery 1.0.3.


Avatar de Usuario
Todtuga
Elite
Mensajes: 1015
Registrado: 27 Oct 2008, 01:02
Género:
Edad: 63

Re: Cambiar íconos!

#4

Mensaje por Todtuga »

Ya los encontré: hay para todos los gustos :D
http://astronautweb.co/snippet/font-awesome/

Datos de soporte

Spoiler

URL: http://www.citroentuc.com.ar
Versión phpBB: 3.3.10
Plantilla(s) usada(s): Prosilver
Servidor: Linux - Pago
Actualización desde otra versión: si desde la 3.2.0-dev
Conversión desde otro sistema de foros: no
El infinito es escaso a nuestra existencia.[marquee=right][/marquee]
Extensiones o MODs Instalados:Activity Stats 1.2.3-DEV, Advanced BBCode Box 3.1.4., Announcements on index 1.0.1., Annual Stars 1.0.0., Board Announcements 1.0.6., Board Rules 1.0.4., Category Background Image 1.0.1, Fade header 1.1.5. , Google AdSense 1.0.0., Google Analytics 1.0.2., Google Translator 1.0.0., Lightbox 1.0.5., National Flags 2.1.3., Paypal Donation 1.0.3., PM Welcome 1.0.1., Poster IP in Viewtopic 1.0.2., Red title for new topic and new reply 1.0.2., Right Side Random Image 3.1.0., Site logo 1.0.0-b4., Thanks for posts 2.0.2., Upload Extensions 3.1.2., Youtube Videos Gallery 1.0.3.


Avatar de Usuario
Todtuga
Elite
Mensajes: 1015
Registrado: 27 Oct 2008, 01:02
Género:
Edad: 63

Re: Cambiar íconos!

#5

Mensaje por Todtuga »

Listo! solucionado! Muchas gracias!

Datos de soporte

Spoiler

URL: http://www.citroentuc.com.ar
Versión phpBB: 3.3.10
Plantilla(s) usada(s): Prosilver
Servidor: Linux - Pago
Actualización desde otra versión: si desde la 3.2.0-dev
Conversión desde otro sistema de foros: no
El infinito es escaso a nuestra existencia.[marquee=right][/marquee]
Extensiones o MODs Instalados:Activity Stats 1.2.3-DEV, Advanced BBCode Box 3.1.4., Announcements on index 1.0.1., Annual Stars 1.0.0., Board Announcements 1.0.6., Board Rules 1.0.4., Category Background Image 1.0.1, Fade header 1.1.5. , Google AdSense 1.0.0., Google Analytics 1.0.2., Google Translator 1.0.0., Lightbox 1.0.5., National Flags 2.1.3., Paypal Donation 1.0.3., PM Welcome 1.0.1., Poster IP in Viewtopic 1.0.2., Red title for new topic and new reply 1.0.2., Right Side Random Image 3.1.0., Site logo 1.0.0-b4., Thanks for posts 2.0.2., Upload Extensions 3.1.2., Youtube Videos Gallery 1.0.3.


latinserver
Asiduo/a
Mensajes: 172
Registrado: 11 Mar 2010, 22:21

Re: Cambiar íconos!

#6

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

URL: http://www.wiblackos.com/wios/
Versión phpBB: phpBB3 (3.3.1)
Extensiones o MODs Instalados y habilitados:

NOMBRE DE EXTENSIÓN
Advanced BBCode Box 3.3.0
Auto-lock Topics 1.2.0
Copyright Extended 1.0.1
Dark Mode 1.0.1
Delete My Account 1.0.1
Forum Banners 1.1.0
LF who was here 2 2.0.0
List subforums in columns 2.1.0
mChat 2.1.4
Member Avatar & Status 3.1.2
Password Strength 1.2.3
phpBB Media Embed PlugIn 1.1.2
Poster IP in Viewtopic 1.2.0
Recent Topics 2.2.13
Scheduled Maintenance 1.0.0
Scroll Page 1.1.0
Share On 2.0.1
Thanks for posts 2.0.7
Userreminder for phpbb 1.2.1
VigLink 1.0.5
Welcome back


Estilo(s) usado(s): Elegance 3.3.0
Servidor: de pago
instalación desde cero:
Conversión desde otro sistema de foros: No


Avatar de Usuario
Todtuga
Elite
Mensajes: 1015
Registrado: 27 Oct 2008, 01:02
Género:
Edad: 63

Re: Cambiar íconos!  Tema Solucionado

#7

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

Datos de soporte

Spoiler

URL: http://www.citroentuc.com.ar
Versión phpBB: 3.3.10
Plantilla(s) usada(s): Prosilver
Servidor: Linux - Pago
Actualización desde otra versión: si desde la 3.2.0-dev
Conversión desde otro sistema de foros: no
El infinito es escaso a nuestra existencia.[marquee=right][/marquee]
Extensiones o MODs Instalados:Activity Stats 1.2.3-DEV, Advanced BBCode Box 3.1.4., Announcements on index 1.0.1., Annual Stars 1.0.0., Board Announcements 1.0.6., Board Rules 1.0.4., Category Background Image 1.0.1, Fade header 1.1.5. , Google AdSense 1.0.0., Google Analytics 1.0.2., Google Translator 1.0.0., Lightbox 1.0.5., National Flags 2.1.3., Paypal Donation 1.0.3., PM Welcome 1.0.1., Poster IP in Viewtopic 1.0.2., Red title for new topic and new reply 1.0.2., Right Side Random Image 3.1.0., Site logo 1.0.0-b4., Thanks for posts 2.0.2., Upload Extensions 3.1.2., Youtube Videos Gallery 1.0.3.


latinserver
Asiduo/a
Mensajes: 172
Registrado: 11 Mar 2010, 22:21

Re: Cambiar íconos!

#8

Mensaje por latinserver »

wow.-. genial.. gracias.. lo he resuelto.-... Muchas gracias en serio :)

URL: http://www.wiblackos.com/wios/
Versión phpBB: phpBB3 (3.3.1)
Extensiones o MODs Instalados y habilitados:

NOMBRE DE EXTENSIÓN
Advanced BBCode Box 3.3.0
Auto-lock Topics 1.2.0
Copyright Extended 1.0.1
Dark Mode 1.0.1
Delete My Account 1.0.1
Forum Banners 1.1.0
LF who was here 2 2.0.0
List subforums in columns 2.1.0
mChat 2.1.4
Member Avatar & Status 3.1.2
Password Strength 1.2.3
phpBB Media Embed PlugIn 1.1.2
Poster IP in Viewtopic 1.2.0
Recent Topics 2.2.13
Scheduled Maintenance 1.0.0
Scroll Page 1.1.0
Share On 2.0.1
Thanks for posts 2.0.7
Userreminder for phpbb 1.2.1
VigLink 1.0.5
Welcome back


Estilo(s) usado(s): Elegance 3.3.0
Servidor: de pago
instalación desde cero:
Conversión desde otro sistema de foros: No


Cerrado

Volver a “Soporte Estilos phpBB 3.1.x”