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

Somos un foro de soporte en español que no tiene publicidad y tiene muchas cosas gratuitas aportadas por la comunidad, contribuye con el foro para poder así obtener alguna membresía de manera gratuita.
SoporteMyBB tiene un total de
1124 temas de soporte.
0 quedan aún por resolver, 244 han quedado obsoletos y 880 han sido resueltos.
Aún no tienes una cuenta, regístrate es gratis.

Calificación:
  • 0 voto(s) - 0 Media
  • 1
  • 2
  • 3
  • 4
  • 5
[Tutorial] Font-Awesome en ProStats (Bonus Track)
 BitLiberal
Usuarios
BitLiberal
Estado:
 
0
0
0
0
1 June 2014, 23:02
#1
2
Mejor respuesta del mensaje Font-Awesome en ProStats  (Bonus Track)Uno de los recursos web mas utilizado y que ha revolucionado la forma de crear una web o decorarla, ha sido Font-Awesome, un sistema para incluir iconos vectorizados de un color plano y muy vistosos con apenas unas cuantas letras.

Trasteando un poquito con ProStats para quitar esos (para mi) odiosos iconos gif, logro sin darme cuenta implentar el icono de tema de font-awesome y que cambie de color, que es perfecto si vais a seguir un tutorial de @ Joseahfer (Registrate o inicia tu sesión para ver este contenido) para adaptarlo completamente a Font-Awesome.

[Imagen: ohQrbTk.png]
(Ojo cuidao, he cortado la imagen, tranquilos que la funcionalidad es la misma)

Ojo, este tutorial no pone todos los iconos, solo hace que los iconos se "iluminen" cuando hay un nuevo tema.

Lo primero, sera claro, tener Registrate o inicia tu sesión para ver este contenido.

1º Edicion de prostats.php
Una vez hecho, vamos a la carpeta /inc/plugins de nuestro foro, y abrimos el archivo prostats.php para editarlo.

Buscamos, alla por la linea 1110:
$lightbulb['folder'] = "off";

Y lo reemplazamos por, :
$lightbulb['folder'] = "<font style='font-size:13px;'><i class='fa fa-comment'></i></font>";

Luego buscamos, alla por la linea 1129:
$lightbulb['folder'] = "on";

Y lo reemplazamos por:
$lightbulb['folder'] = "<font style='font-size:13px;color:#FB7C27'><i class='fa fa-comment'></i></font>";

Mas abajo, en la linea 1136 buscamos:
$lightbulb['folder'] = "on";

Y lo reemplazamos por:
$lightbulb['folder'] = "<font style='font-size:13px;color:#FB7C27'><i class='fa fa-comment'></i></font>";

Bonus track del bonus track:
¿Quieres cambiar el color naranja? Muy facil, en los dos ultimos codigos que yo te proporciono, cambia #FB7C27 por el color que a ti mas te guste.

Y ya estara lista la primera parte.

2º Edicion de plantillas
Para le segunda parte, tendremos que entrar en nuestras plantillas globles (ACP/Estilos y Plantillas/Plantillas/Plantillas Globales) y en la plantilla prostats_readstate_icon, tendremos que hacer esto:

Encontraremos este codigo:
<img src="{$mybb->settings['bburl']}/images/prostats/ps_mini{$lightbulb['folder]}.gif" style="vertical-align:middle;" alt="" />&nbsp;

Tenemos que ELIMINARLO todo y en su lugar dejar solo este codigo:
{$lightbulb['folder']}

Y listo.

Como podran ver los mas avispados, lo que hace esta modificación es cambiar la variable por el icono de font-awesome, y modificando la template, haces que la variable ya no sea llamada como el nombre de una imagen, si no como el codigo de Font-Awesome.

ATENCION:
Si has seguido el tutorial de @ Joseahfer (Registrate o inicia tu sesión para ver este contenido), tienes que hacer un par de cosas mas. Basicamente, suprimir las dos primeras partes de su tutorial, en la parte que tienes que modificar las templates "prostats_mostviews_row" y "prostats_mostreplies_row", y suprimir la primera parte de la parte en la que tienes que modifica el archivo prostats.php:

Abrimos el archivo inc/plugins/prostats.php, y buscamos (linea 1193):
<td><i class=\"fa fa-comment\">&nbsp;</i><a href=\"".$threadlink."\" title=\"".$subject_long."\">".$subject."</a></td>

Y lo devolvemos a su estado natural cambiando la linea por esta:
<td>".$readstate_icon."<a href=\"".$threadlink."\" title=\"".$subject_long."\">".$subject."</a></td>

Para las plantillas, solo tendremos que acceder a nuestras plantillas globales (ACP/Estilos y Plantillas/Plantillas/Plantillas Globales), y devolver a su estado natural las plantillas:

En "prostats_mostviews_row", borramos todo y ponemos este codigo:
<tr class="smalltext" style="{$highlight}">
        <td>{$readstate_icon}<a href="{$threadlink}" title="{$subject_long}">{$subject}</a></td>
        <td align="{$ps_align}">{$views}</td>
        </tr>

En "prostats_mostreplies_row" borramos todo y ponemos este codigo:
<tr class="smalltext" style="{$highlight}">
        <td>{$readstate_icon}<a href="{$threadlink}" title="{$subject_long}">{$subject}</a></td>
        <td align="{$ps_align}"><a href="javascript:MyBB.whoPosted({$tid});">{$replies}</a></td>
        </tr>

Y todo listo, ProStats al puro estilo Font-Awesome, y con notificacion.
 
 Joseahfer
Usuario del Foro

Estado: Sin conexión Registrados
42
767
272
Spain
0
0
271
96
1 June 2014, 23:17
#2
0
¡Grandísimo tutorial, Enrique!
Tal vez le de algún otro retoque al plugin, que ya de por sí es un grandísimo plugin. Gracias por compartirlo, porque imagino que fueron algunas cagadas en el proceso. Si quieren una imagen de cómo queda:
[Imagen: 7CV5XLN.png]

También es de agradecer, que te hayas tomado la molestia de mirar mi tutorial y crear nuevos pasos acordes este. Muchísimas gracias. (:
 
 BitLiberal
Usuarios
BitLiberal
Estado:
 
0
0
0
0
1 June 2014, 23:21
#3
0
Jajaja, unas cuantas pues al principio me parecia todo un lio, pero me di cuenta que prostats utilizaba el mismo codigo para llamar a la imagen que un pequeño tutorial que segui para mostrar una imagen (de opcion de perfil personalizada) en el postbit, asi que entendi que lo unico que tenia que hacer es cambiar la forma en la que llama a la variable.
 
 Brown
Usuario del Foro

Estado: Sin conexión Registrados
18
361
107
El Salvador
0
1
106
159
2 June 2014, 00:10
#4
0
Muchas gracias Enrique, con el tutorial de Joseahfer y el tuyo seguramente se hagan maravillas con el ProStats, pega perfecto para temas flat :D
 


Posibles temas similares…
Tema Autor Respuestas Vistas Último mensaje
  [Tutorial] Prostats en MyBB GoMobile Whiteneo 16 4,347 15 February 2018, 02:37
Último mensaje: Whiteneo
  [Tutorial] Font-Awesome en ProStats Joseahfer 19 5,244 22 November 2014, 20:58
Último mensaje: joomlero
  Redondear Bordes a Prostats storm 2 1,106 6 September 2014, 17:22
Último mensaje: Whiteneo
Información [TUTORIAL] Añadir Font Awesome a tu Foro Jean Pierre 6 3,285 12 May 2014, 22:46
Último mensaje: storm



Usuarios navegando en este tema: 1 invitado(s)