Cerrar Ventana

Algunas cookies de este sitio son esenciales, y el sitio no funcionará como se espera sin ellas. Estas cookies se establecen en el momento de enviar un formulario, inicie sesión o interactuar con el sitio realizando una acción que va más allá de hacer clic en un simple enlace.


Leer Más

Descarga MyBB 1.8.12
SoporteMyBB tiene un total de 802 temas de soporte. 10 quedan aún por resolver, 151 han quedado obsoletos y 641 han sido resueltos.

Hola invitado, aún no tienes una cuenta? Regístrate gratis desde aqui !!! Como registrado podrás obtener puntos para adquirir los mejores plugins de nuestro sitio.
Calificación:
  • 0 voto(s) - 0 Media
  • 1
  • 2
  • 3
  • 4
  • 5
Creador del tema: Joseahfer[Tutorial] Font-Awesome en ProStats
Iniciado por: Joseahfer

 Joseahfer
Usuario del Foro


Registrados


Estado: Desconectado
Mensajes:767
Temas:42
Registro:05 Jun 2013
Reputación: 313
Gracias dados96Gracias recibidos313NacionalidadSpain
1 Junio 2014, 22:03 -
#1
3
Mejor respuesta del mensaje Font-Awesome en ProStats
En este tutorial aprenderemos a cambiar la imágenes que vienen por defecto en ProStats por iconos de la Font Awesome, lo que reduce la carga de la web, dado que es una fuente en vez de imágenes.
Lo principal de todo, es tener Font Awesome en nuestro foro, si no lo tenemos lo podemos descargar y poner por nuestra cuenta desde el sitio oficial, o añadir esta línea al headerinclude:
No puedes ver estos contenidos como invitado
Así de fácil. Ahora debemos de editar el plugin. ¿Cómo? Para empezar, vamos a abrir el archivo inc/plugins/prostats.php y buscamos:
No puedes ver estos contenidos como invitado
Y lo reemplazamos por:
No puedes ver estos contenidos como invitado
Ahora buscamos:
No puedes ver estos contenidos como invitado
Y lo reemplazamos por:
No puedes ver estos contenidos como invitado
Luego buscamos:
No puedes ver estos contenidos como invitado
Y reemplazamos por:
No puedes ver estos contenidos como invitado
A continuación buscamos:
No puedes ver estos contenidos como invitado
Y reemplazamos por:
No puedes ver estos contenidos como invitado
Por último buscamos:
No puedes ver estos contenidos como invitado
Y reemplazamos por:
No puedes ver estos contenidos como invitado

Como habrán notado, son líneas que estás una debajo de otra, la razón por la que lo he puesto individualmente y no de una vez en un mismo código es para que vean lo que he cambiando y luego sean libres de modificarlo si no les gusta el resultado final.

Una vez editado el archivo, y activado (desactivar y activar si ya se tenía) procedemos a editar las plantillas.
Vamos a Administración > Estilos y plantillas > Plantillas > Plantilla globales y abrimos prostats_mostviews_row. Buscamos:
No puedes ver estos contenidos como invitado
Y reemplazamos por:
No puedes ver estos contenidos como invitado
Ahora nos vamos a la plantilla prostats_mostreplies_row y buscamos:
No puedes ver estos contenidos como invitado
Para reemplazarlo por:
No puedes ver estos contenidos como invitado
Cambiamos de plantilla, nos vamos a prostats_mostreputation_row y buscamos:
No puedes ver estos contenidos como invitado
Y lo reemplazamos por:
No puedes ver estos contenidos como invitado
Abrimos prostats_topposters_row y buscamos:
No puedes ver estos contenidos como invitado
Y lo reemplazamos por:
No puedes ver estos contenidos como invitado
Ahora nos vamos a prostats_topreferrers_row y buscamos:
No puedes ver estos contenidos como invitado
Y lo remplazamos por:
No puedes ver estos contenidos como invitado
No se preocupen, ya casi acabamos, ahora abrimos prostats_newmembers_row y buscamos:
No puedes ver estos contenidos como invitado
Y lo reemplazamos por:
No puedes ver estos contenidos como invitado
Por último, buscamos en la plantilla prostats:
No puedes ver estos contenidos como invitado
Y lo reemplazamos por:
No puedes ver estos contenidos como invitado

Y ya tendrán su nuevo ProStats con Font-Awesome. Dudas o algún error, sean libres de ponerlo. Gracias ^^

No puedes ver estos contenidos como invitado

¡Personaliza aún más el ProStats! Sigue los pasos y consejos de Enrique aquí.
Última modificación: 1 Junio 2014, 23:06 por Joseahfer.
 BitLiberal
Usuario del Foro


Registrados


Estado: Desconectado
Mensajes:442
Temas:51
Registro:17 Mayo 2014
Reputación: 135
Gracias dados93Gracias recibidos134NacionalidadSpain
1 Junio 2014, 23:13 -
#2
0
Gran tutorial, me servira.
Para todo aquel que vaya a hacerlo, hay una forma de no "perder" esa "iluminacion" de iconos al ser un nuevo mensaje, aqui os dejo mi tutorial:
Font-Awesome en ProStats (Bonus Track)

¡Gracias por incluir el mio!
Última modificación: 2 Junio 2014, 00:09 por BitLiberal.
 Brown
Usuario del Foro


Registrados


Estado: Desconectado
Mensajes:360
Temas:18
Registro:10 Mayo 2014
Reputación: 116
Gracias dados158Gracias recibidos116NacionalidadEl Salvador
2 Junio 2014, 00:07 -
#3
0
Está excelente el tutorial y definitivamente está bien trabajado, gracias por compartirlo Joseahfer
y a ti también Enrique por personalizarlo más, el resultado es genial
 storm
Usuario del Foro


Registrados


Estado: Desconectado
Mensajes:165
Temas:19
Registro:07 Mayo 2014
Reputación: 7
Gracias dados22Gracias recibidos7Nacionalidad
8 Junio 2014, 02:53 -
#4
0
La pregunta es: consume tantos recursos?¿
 Joseahfer
Usuario del Foro


Registrados


Estado: Desconectado
Mensajes:767
Temas:42
Registro:05 Jun 2013
Reputación: 313
Gracias dados96Gracias recibidos313NacionalidadSpain
8 Junio 2014, 12:13 -
#5
0
(8 Junio 2014, 02:53 )storm escribió: La pregunta es: consume tantos recursos?¿

Menos.
No es lo mismo tener que cargar 20 imágenes que 20 'letras', porque al fin y al cabo son letras.
 BitLiberal
Usuario del Foro


Registrados


Estado: Desconectado
Mensajes:442
Temas:51
Registro:17 Mayo 2014
Reputación: 135
Gracias dados93Gracias recibidos134NacionalidadSpain
8 Junio 2014, 13:18 -
#6
0
Como bien dice Jose, solo son iconos vectorizados tipograficos (letras), no imagenes, por lo que no consumen nada de recursos.
Ademas de que es solo añadir un texto, no llama a ningun funcion.
Mi modificacion tampoco.
 joomlero
Usuario del Foro


Registrados


Estado: Desconectado
Mensajes:61
Temas:13
Registro:22 Aug 2014
Reputación: 3
Gracias dados43Gracias recibidos3NacionalidadMexico
26 Agosto 2014, 00:58 -
#7
1
Añadí la linea al header include y aplique todo como dice mas no aparecen, mejor baje la font pero a donde la subo para que mybb la coja ?
------------
EDITO:
use otro link en el código:
No puedes ver estos contenidos como invitado

ya que el publicado no me funciono, gracias.
Última modificación: 26 Agosto 2014, 01:38 por joomlero.
 BitLiberal
Usuario del Foro


Registrados


Estado: Desconectado
Mensajes:442
Temas:51
Registro:17 Mayo 2014
Reputación: 135
Gracias dados93Gracias recibidos134NacionalidadSpain
26 Agosto 2014, 13:15 -
#8
0
Cuando deje de funcionar (es facil de ver), solo hay que cambiar el link que te da Font Awesome:

No puedes ver estos contenidos como invitado
 Jean Pierre
High Hopes


Registrados


Estado: Desconectado
Mensajes:290
Temas:24
Registro:12 Jan 2014
Reputación: 116
Gracias dados22Gracias recibidos117NacionalidadPeru
27 Agosto 2014, 01:58 -
#9
0
Buen tutorial, creo que deberían juntar el de BitLiberal con este para tenerlo en un solo tema y no estar revirtiendo cambios.

Sobre el tutorial en general (ambos), hay una parte que falta en colocar los estados de on y off en la parte de los resultados de "Más visitados" y "Más respondidos". Si se hace todo como está aquí al pie de la letra, los íconos de esos 2 parámetros de estadísticas quedan con un solo color que no cambia, aún faltan editar otros $lightbulb['folder'] = "on"; y $lightbulb['folder'] = "off"; que corresponden a lo que me refiero, para que este cambio de estado también aplique a esas estadísticas y no solo a lo de los últimos temas.

En mi foro lo he aplicado y podrán saber a qué me refiero, gracias por la idea Sonrisa
Última modificación: 27 Agosto 2014, 02:04 por Jean Pierre.
 BitLiberal
Usuario del Foro


Registrados


Estado: Desconectado
Mensajes:442
Temas:51
Registro:17 Mayo 2014
Reputación: 135
Gracias dados93Gracias recibidos134NacionalidadSpain
27 Agosto 2014, 13:13 -
#10
0
(27 Agosto 2014, 01:58 )Jean Pierre escribió: Buen tutorial, creo que deberían juntar el de BitLiberal con este para tenerlo en un solo tema y no estar revirtiendo cambios.

Sobre el tutorial en general (ambos), hay una parte que falta en colocar los estados de on y off en la parte de los resultados de "Más visitados" y "Más respondidos". Si se hace todo como está aquí al pie de la letra, los íconos de esos 2 parámetros de estadísticas quedan con un solo color que no cambia, aún faltan editar otros $lightbulb['folder'] = "on"; y $lightbulb['folder'] = "off"; que corresponden a lo que me refiero, para que este cambio de estado también aplique a esas estadísticas y no solo a lo de los últimos temas.

En mi foro lo he aplicado y podrán saber a qué me refiero, gracias por la idea Sonrisa

Dentro de poco espero desarrollar una version adaptativa, con FA integrado como tu dices y en el tutorial de @ Joseahfer, pero configurable por el ACP para que no haga falta edicion de archivos.


Posibles temas similares...
Tema Autor Respuestas Vistas Último mensaje
  [Tutorial] Prostats en MyBB GoMobile Whiteneo 14 2,487 15 Septiembre 2014, 16:45
Último mensaje: storm
  Redondear Bordes a Prostats storm 2 695 6 Septiembre 2014, 17:22
Último mensaje: Whiteneo
  [Tutorial] Font-Awesome en ProStats (Bonus Track) BitLiberal 3 1,059 2 Junio 2014, 00:10
Último mensaje: Brown
Información [TUTORIAL] Añadir Font Awesome a tu Foro Jean Pierre 6 1,986 12 Mayo 2014, 22:46
Último mensaje: storm



Usuarios navegando en este tema: 1 invitado(s)