Imagen en los foros ( No Ficons ) en MyBB 1.8

  • Autor Autor Nyannta
  • Fecha de inicio Fecha de inicio
Nyannta

Nyannta

Beta
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Poner imagen a los foros (Ficons) en MyBB 1.8


Hola amigos les traigo este pequeño tutorial , no lo eh visto aqui en el foro.
eh visto tutoriales muy complejos para hacer esto como por ejemplo poner ( on.png , off.png , oflock.png)
y otras cosas mas asi que ahi les va​


  • nos vamos a esta ruta - Templates & Style >> Templates >> Forum Bit Templates >> forumbit_depth2_forum.

  • Encontraremos el siguiente codigo
PD : Estoy usando de referencia el theme de defecto del Mybb 1.8.x

Insertar CODE, HTML o PHP:
[COLOR=#767676][FONT=Monaco]<tr>[/FONT][/COLOR]
[COLOR=#767676][FONT=Monaco]<td class="{$bgcolor}" align="center" width="1"><span class="forum_status forum_{$lightbulb['folder']} ajax_mark_read" title="{$lightbulb['altonoff']}" id="mark_read_{$forum['fid']}"></span></td>[/FONT][/COLOR]
[COLOR=#767676][FONT=Monaco]<td class="{$bgcolor}">[/FONT][/COLOR]
[COLOR=#767676][FONT=Monaco]<strong><a href="{$forum_url}">{$forum['name']}</a></strong>{$forum_viewers_text}<div class="smalltext">{$forum['description']}{$modlist}{$subforums}</div>[/FONT][/COLOR]
[COLOR=#767676][FONT=Monaco]</td>[/FONT][/COLOR]
[COLOR=#767676][FONT=Monaco]<td class="{$bgcolor}" align="center" style="white-space: nowrap">{$threads}{$unapproved['unapproved_threads']}</td>[/FONT][/COLOR]
[COLOR=#767676][FONT=Monaco]<td class="{$bgcolor}" align="center" style="white-space: nowrap">{$posts}{$unapproved['unapproved_posts']}</td>[/FONT][/COLOR]
[COLOR=#767676][FONT=Monaco]<td class="{$bgcolor}" align="right" style="white-space: nowrap">{$lastpost}</td>[/FONT][/COLOR]
[COLOR=#767676][FONT=Monaco]</tr>[/FONT][/COLOR]

solo buscamos la linea donde este : mark_read_{$forum['fid']}

en este caso es la segunda linea del codigo :

Insertar CODE, HTML o PHP:
[FONT=Monaco]<td class="{$bgcolor}" align="center" width="1"><span class="forum_status forum_{$lightbulb['folder']} ajax_mark_read" title="{$lightbulb['altonoff']}" id="mark_read_{$forum['fid']}"></span></td>[/FONT]


ahora para poner iconos a nuestros foros modificaremos las siguientes lineas :

lo que a nostros nos importa realmente es este codigo :

Insertar CODE, HTML o PHP:
[FONT=Monaco]<td class="{$bgcolor}" align="center" width="1">[/FONT]

Ahora para que tengan referencia alguna pondremos el codigo despues

<td class="{$bgcolor}" align="center" width="1">

Colocaremos este codigo :

Insertar CODE, HTML o PHP:
[FONT=Monaco]<img src="[/FONT][COLOR=#FF3333][FONT=Monaco]http://asdasd.com[/FONT][/COLOR][FONT=Monaco]/{$forum['fid']}.png"></i></div></td>[/FONT]


tendria que quedar el codigo terminado asi :

Insertar CODE, HTML o PHP:
[COLOR=#767676][FONT=Monaco]<td class="{$bgcolor}" align="center" width="1"><img src="[/FONT][/COLOR][FONT=Monaco]http://asdasd.com[/FONT][COLOR=#767676][FONT=Monaco]/{$forum['fid']}.png"></i></div></td>[/FONT][/COLOR]


Codigo terminado del forumbit_depth2_forum :

Insertar CODE, HTML o PHP:
[COLOR=#007700][FONT=Monaco]<[/FONT][/COLOR][COLOR=#0000BB][FONT=Monaco]tr[/FONT][/COLOR][COLOR=#007700][FONT=Monaco]>
<[/FONT][/COLOR][COLOR=#0000BB][FONT=Monaco]td [/FONT][/COLOR][COLOR=#007700][FONT=Monaco]class=[/FONT][/COLOR][COLOR=#DD0000][FONT=Monaco]"[/FONT][/COLOR][COLOR=#007700][FONT=Monaco]{[/FONT][/COLOR][COLOR=#0000BB][FONT=Monaco]$bgcolor[/FONT][/COLOR][COLOR=#007700][FONT=Monaco]}[/FONT][/COLOR][COLOR=#DD0000][FONT=Monaco]" [/FONT][/COLOR][COLOR=#0000BB][FONT=Monaco]align[/FONT][/COLOR][COLOR=#007700][FONT=Monaco]=[/FONT][/COLOR][COLOR=#DD0000][FONT=Monaco]"center" [/FONT][/COLOR][COLOR=#0000BB][FONT=Monaco]width[/FONT][/COLOR][COLOR=#007700][FONT=Monaco]=[/FONT][/COLOR][COLOR=#DD0000][FONT=Monaco]"1"[/FONT][/COLOR][COLOR=#007700][FONT=Monaco]><[/FONT][/COLOR][COLOR=#0000BB][FONT=Monaco]img src[/FONT][/COLOR][COLOR=#007700][FONT=Monaco]=[/FONT][/COLOR][COLOR=#DD0000][FONT=Monaco]"[COLOR=#FF3333]http://asdasd.com[/COLOR]/[/FONT][/COLOR][COLOR=#007700][FONT=Monaco]{[/FONT][/COLOR][COLOR=#0000BB][FONT=Monaco]$forum[/FONT][/COLOR][COLOR=#007700][FONT=Monaco][[/FONT][/COLOR][COLOR=#DD0000][FONT=Monaco]'fid'[/FONT][/COLOR][COLOR=#007700][FONT=Monaco]]}[/FONT][/COLOR][COLOR=#DD0000][FONT=Monaco].png"[/FONT][/COLOR][COLOR=#007700][FONT=Monaco]></[/FONT][/COLOR][COLOR=#0000BB][FONT=Monaco]i[/FONT][/COLOR][COLOR=#007700][FONT=Monaco]></[/FONT][/COLOR][COLOR=#0000BB][FONT=Monaco]div[/FONT][/COLOR][COLOR=#007700][FONT=Monaco]></[/FONT][/COLOR][COLOR=#0000BB][FONT=Monaco]td[/FONT][/COLOR][COLOR=#007700][FONT=Monaco]>
<[/FONT][/COLOR][COLOR=#0000BB][FONT=Monaco]td [/FONT][/COLOR][COLOR=#007700][FONT=Monaco]class=[/FONT][/COLOR][COLOR=#DD0000][FONT=Monaco]"[/FONT][/COLOR][COLOR=#007700][FONT=Monaco]{[/FONT][/COLOR][COLOR=#0000BB][FONT=Monaco]$bgcolor[/FONT][/COLOR][COLOR=#007700][FONT=Monaco]}[/FONT][/COLOR][COLOR=#DD0000][FONT=Monaco]"[/FONT][/COLOR][COLOR=#007700][FONT=Monaco]>
<[/FONT][/COLOR][COLOR=#0000BB][FONT=Monaco]strong[/FONT][/COLOR][COLOR=#007700][FONT=Monaco]><[/FONT][/COLOR][COLOR=#0000BB][FONT=Monaco]a href[/FONT][/COLOR][COLOR=#007700][FONT=Monaco]=[/FONT][/COLOR][COLOR=#DD0000][FONT=Monaco]"[/FONT][/COLOR][COLOR=#007700][FONT=Monaco]{[/FONT][/COLOR][COLOR=#0000BB][FONT=Monaco]$forum_url[/FONT][/COLOR][COLOR=#007700][FONT=Monaco]}[/FONT][/COLOR][COLOR=#DD0000][FONT=Monaco]"[/FONT][/COLOR][COLOR=#007700][FONT=Monaco]><[/FONT][/COLOR][COLOR=#0000BB][FONT=Monaco]h2[/FONT][/COLOR][COLOR=#007700][FONT=Monaco]>{[/FONT][/COLOR][COLOR=#0000BB][FONT=Monaco]$forum[/FONT][/COLOR][COLOR=#007700][FONT=Monaco][[/FONT][/COLOR][COLOR=#DD0000][FONT=Monaco]'name'[/FONT][/COLOR][COLOR=#007700][FONT=Monaco]]}</[/FONT][/COLOR][COLOR=#0000BB][FONT=Monaco]h2[/FONT][/COLOR][COLOR=#007700][FONT=Monaco]></[/FONT][/COLOR][COLOR=#0000BB][FONT=Monaco]a[/FONT][/COLOR][COLOR=#007700][FONT=Monaco]></[/FONT][/COLOR][COLOR=#0000BB][FONT=Monaco]strong[/FONT][/COLOR][COLOR=#007700][FONT=Monaco]>{[/FONT][/COLOR][COLOR=#0000BB][FONT=Monaco]$forum_viewers_text[/FONT][/COLOR][COLOR=#007700][FONT=Monaco]}<[/FONT][/COLOR][COLOR=#0000BB][FONT=Monaco]div [/FONT][/COLOR][COLOR=#007700][FONT=Monaco]class=[/FONT][/COLOR][COLOR=#DD0000][FONT=Monaco]"smalltext"[/FONT][/COLOR][COLOR=#007700][FONT=Monaco]>{[/FONT][/COLOR][COLOR=#0000BB][FONT=Monaco]$forum[/FONT][/COLOR][COLOR=#007700][FONT=Monaco][[/FONT][/COLOR][COLOR=#DD0000][FONT=Monaco]'description'[/FONT][/COLOR][COLOR=#007700][FONT=Monaco]]}{[/FONT][/COLOR][COLOR=#0000BB][FONT=Monaco]$modlist[/FONT][/COLOR][COLOR=#007700][FONT=Monaco]}{[/FONT][/COLOR][COLOR=#0000BB][FONT=Monaco]$subforums[/FONT][/COLOR][COLOR=#007700][FONT=Monaco]}</[/FONT][/COLOR][COLOR=#0000BB][FONT=Monaco]div[/FONT][/COLOR][COLOR=#007700][FONT=Monaco]>
</[/FONT][/COLOR][COLOR=#0000BB][FONT=Monaco]td[/FONT][/COLOR][COLOR=#007700][FONT=Monaco]>
<[/FONT][/COLOR][COLOR=#0000BB][FONT=Monaco]td [/FONT][/COLOR][COLOR=#007700][FONT=Monaco]class=[/FONT][/COLOR][COLOR=#DD0000][FONT=Monaco]"[/FONT][/COLOR][COLOR=#007700][FONT=Monaco]{[/FONT][/COLOR][COLOR=#0000BB][FONT=Monaco]$bgcolor[/FONT][/COLOR][COLOR=#007700][FONT=Monaco]}[/FONT][/COLOR][COLOR=#DD0000][FONT=Monaco]" [/FONT][/COLOR][COLOR=#0000BB][FONT=Monaco]align[/FONT][/COLOR][COLOR=#007700][FONT=Monaco]=[/FONT][/COLOR][COLOR=#DD0000][FONT=Monaco]"center" [/FONT][/COLOR][COLOR=#0000BB][FONT=Monaco]style[/FONT][/COLOR][COLOR=#007700][FONT=Monaco]=[/FONT][/COLOR][COLOR=#DD0000][FONT=Monaco]"white-space: nowrap"[/FONT][/COLOR][COLOR=#007700][FONT=Monaco]>{[/FONT][/COLOR][COLOR=#0000BB][FONT=Monaco]$threads[/FONT][/COLOR][COLOR=#007700][FONT=Monaco]}{[/FONT][/COLOR][COLOR=#0000BB][FONT=Monaco]$unapproved[/FONT][/COLOR][COLOR=#007700][FONT=Monaco][[/FONT][/COLOR][COLOR=#DD0000][FONT=Monaco]'unapproved_threads'[/FONT][/COLOR][COLOR=#007700][FONT=Monaco]]}</[/FONT][/COLOR][COLOR=#0000BB][FONT=Monaco]td[/FONT][/COLOR][COLOR=#007700][FONT=Monaco]>
<[/FONT][/COLOR][COLOR=#0000BB][FONT=Monaco]td [/FONT][/COLOR][COLOR=#007700][FONT=Monaco]class=[/FONT][/COLOR][COLOR=#DD0000][FONT=Monaco]"[/FONT][/COLOR][COLOR=#007700][FONT=Monaco]{[/FONT][/COLOR][COLOR=#0000BB][FONT=Monaco]$bgcolor[/FONT][/COLOR][COLOR=#007700][FONT=Monaco]}[/FONT][/COLOR][COLOR=#DD0000][FONT=Monaco]" [/FONT][/COLOR][COLOR=#0000BB][FONT=Monaco]align[/FONT][/COLOR][COLOR=#007700][FONT=Monaco]=[/FONT][/COLOR][COLOR=#DD0000][FONT=Monaco]"center" [/FONT][/COLOR][COLOR=#0000BB][FONT=Monaco]style[/FONT][/COLOR][COLOR=#007700][FONT=Monaco]=[/FONT][/COLOR][COLOR=#DD0000][FONT=Monaco]"white-space: nowrap"[/FONT][/COLOR][COLOR=#007700][FONT=Monaco]>{[/FONT][/COLOR][COLOR=#0000BB][FONT=Monaco]$posts[/FONT][/COLOR][COLOR=#007700][FONT=Monaco]}{[/FONT][/COLOR][COLOR=#0000BB][FONT=Monaco]$unapproved[/FONT][/COLOR][COLOR=#007700][FONT=Monaco][[/FONT][/COLOR][COLOR=#DD0000][FONT=Monaco]'unapproved_posts'[/FONT][/COLOR][COLOR=#007700][FONT=Monaco]]}</[/FONT][/COLOR][COLOR=#0000BB][FONT=Monaco]td[/FONT][/COLOR][COLOR=#007700][FONT=Monaco]>
<[/FONT][/COLOR][COLOR=#0000BB][FONT=Monaco]td [/FONT][/COLOR][COLOR=#007700][FONT=Monaco]class=[/FONT][/COLOR][COLOR=#DD0000][FONT=Monaco]"[/FONT][/COLOR][COLOR=#007700][FONT=Monaco]{[/FONT][/COLOR][COLOR=#0000BB][FONT=Monaco]$bgcolor[/FONT][/COLOR][COLOR=#007700][FONT=Monaco]}[/FONT][/COLOR][COLOR=#DD0000][FONT=Monaco]" [/FONT][/COLOR][COLOR=#0000BB][FONT=Monaco]align[/FONT][/COLOR][COLOR=#007700][FONT=Monaco]=[/FONT][/COLOR][COLOR=#DD0000][FONT=Monaco]"right" [/FONT][/COLOR][COLOR=#0000BB][FONT=Monaco]style[/FONT][/COLOR][COLOR=#007700][FONT=Monaco]=[/FONT][/COLOR][COLOR=#DD0000][FONT=Monaco]"white-space: nowrap"[/FONT][/COLOR][COLOR=#007700][FONT=Monaco]>{[/FONT][/COLOR][COLOR=#0000BB][FONT=Monaco]$lastpost[/FONT][/COLOR][COLOR=#007700][FONT=Monaco]}</[/FONT][/COLOR][COLOR=#0000BB][FONT=Monaco]td[/FONT][/COLOR][COLOR=#007700][FONT=Monaco]>
</[/FONT][/COLOR][COLOR=#0000BB][FONT=Monaco]tr[/FONT][/COLOR][COLOR=#007700][FONT=Monaco]> [/FONT][/COLOR]


PD : ahora ustedes pueden configurar donde estara almacenado sus imagenes yo en este caso lo puse en cualquier link ,ustedes pueden hacer dentro de su theme o cualquier web aparte de su foro

<img src="http://asdasd.com/{$forum['fid']}.png"></i></div></td>

ahi puedes modificar la ruta de su imagen http://miweb/{$forum['fid']}.png

eso seria todo amigos , por ejemplo si tu foro es ID 1 , tu ruta imagen en .png seria 1.png y su foro es numero 15 seria 15.png su icono

MNRFzHI.png
 
Hola buenas quisiera saber como poner pero que no sea id si no con el nombre del foro, ya que instale el plugin SEO URL.
 
Atrás
Arriba