1 June 2014, 23:02
2
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.
(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:
Y lo reemplazamos por, :
Luego buscamos, alla por la linea 1129:
Y lo reemplazamos por:
Mas abajo, en la linea 1136 buscamos:
Y lo reemplazamos por:
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:
Tenemos que ELIMINARLO todo y en su lugar dejar solo este codigo:
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):
Y lo devolvemos a su estado natural cambiando la linea por esta:
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:
En "prostats_mostreplies_row" borramos todo y ponemos este codigo:
Y todo listo, ProStats al puro estilo Font-Awesome, y con notificacion.
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.
(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:
Código: ( Seleccionar Todo )
$lightbulb['folder'] = "off";
Y lo reemplazamos por, :
Código: ( Seleccionar Todo )
$lightbulb['folder'] = "<font style='font-size:13px;'><i class='fa fa-comment'></i></font>";
Luego buscamos, alla por la linea 1129:
Código: ( Seleccionar Todo )
$lightbulb['folder'] = "on";
Y lo reemplazamos por:
Código: ( Seleccionar Todo )
$lightbulb['folder'] = "<font style='font-size:13px;color:#FB7C27'><i class='fa fa-comment'></i></font>";
Mas abajo, en la linea 1136 buscamos:
Código: ( Seleccionar Todo )
$lightbulb['folder'] = "on";
Y lo reemplazamos por:
Código: ( Seleccionar Todo )
$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:
Código: ( Seleccionar Todo )
<img src="{$mybb->settings['bburl']}/images/prostats/ps_mini{$lightbulb['folder]}.gif" style="vertical-align:middle;" alt="" />
Tenemos que ELIMINARLO todo y en su lugar dejar solo este codigo:
Código: ( Seleccionar Todo )
{$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):
Código: ( Seleccionar Todo )
<td><i class=\"fa fa-comment\"> </i><a href=\"".$threadlink."\" title=\"".$subject_long."\">".$subject."</a></td>
Y lo devolvemos a su estado natural cambiando la linea por esta:
Código: ( Seleccionar Todo )
<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:
Código: ( Seleccionar Todo )
<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:
Código: ( Seleccionar Todo )
<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.