¿Buscando como cambiar los iconos de un foro MyBB a unos personalizados? Yo también lo hice en su momento, por ello me gustaría compartir contigo la forma en la que lo hice.
En este tutorial te mostraré como yo hago para poner iconos personalizados en los foros de un foro MyBB de una forma en la que entenderás cada uno de los pasos.
Vídeo tutorial
Por una acción social te dejo ver mi vídeo donde hago los pasos uno a uno para cambiar los iconos del foro MyBB explicando al detalle 🙂
[sociallocker][/sociallocker]Pasos a seguir
Lo primero que tienes que hacer es ir al panel de administración, estilos y plantillas, plantillas y haces click en la plantilla que usas. Ya en la plantilla deseada tendrás que acceder a “Caja del foro” y editar “forumbit_depth2_forum” o en algunas plantillas “forumbit_depth2_cat”.
Con el código ya frente a ti lo siguiente que tienes que hacer es copiarlo todo y guardarlo en un blog de notas para no quedar vendido en caso de hacer algo mal. Una vez la copia de seguridad hecha puedes pasar a borrar el trozo de código que se ocupa del icono del foro en estos momentos, el cual puede ser un <img..> o <i..> que se encuentra dentro de un <div>. Para hacerlo algo más gráfico lo que tienes que borrar se encuentra sería lo siguiente (donde “Código en cuestión” es el código de tu plantilla a borrar):
<td class="{$bgcolor}" align="center" valign="top" width="1"><div class="forum_status forum_{$lightbulb['folder']} ajax_mark_read" title="{$lightbulb['altonoff']}" id="mark_read_{$forum['fid']}">
Código en cuestión <!-- ESTO ES LO QUE HAY QUE BORRAR -->
</div></td>
En lugar de este código pondremos uno que yo mismo uso y es el más común a la hora de cambiar iconos de un foro MyBB:
<a href="forum-{$forum_url}.html"><img src="iconos-foro/{$forum['fid']}.png" title="Ver foro"/></a>
La etiqueta <a..> enlazará la imagen al foro, cosa que normalmente no trae por defecto, después el <img…/> se ocupará de mostrar el icono que definas en el foro.
Ahora para definir un icono a cada foro solo tendrás que crear la carpeta “iconos-foro” en la raíz de tu foro y dar de nombre a la imagenes la id del foro en formato .png.
PD: recuerda cambiar los tamaños de la imagen, lo normal es 50×50.
¿Cómo se sabe la ID de un foro?
Puedes verlo en la url de un foro, tendrá el formato forum-NUMERO.html donde este número es la ID.
Ejemplo de imagen para foro de ID 34
Por ejemplo, para un foro con ID 34 la imagen que tendrías que poner en la carpeta iconos-foro sería “34.png”. Una vez subas la imagen ya podrás ver el icono cambiado en tu foro!
¿Dónde consigo iconos para mi foro?
Te digo como buscarlas y editarlas, pero me tendrás que regalar una acción social 😉
[sociallocker id=225]A mi me gusta buscar por Google imágenes con el formato “tema png”, para un foro de dudas un ejemplo sería “dudas png”. Con esta búsqueda se mostrarán imágenes perfectas que luego, redimensionando al tamaño óptimo para el foro, quedarán perfectas.
Si necesitas un editor de imágenes te recomiendo estás dos opciones:
Photoshop online gratis: http://photoshopen.blogspot.com/
Gimp: editor como Photoshop pero gratis: http://www.gimp.org/downloads/
[/sociallocker]Con esto ya seguro consigues cambiar los iconos de un foro MyBB a uno personalizados mucho más elegantes. No dudes en dejarme las dudas en los comentarios.
Espero que te haya servido. Saludos!
Deja una respuesta