Display Avatars in threadlisting like Xenforo

envira 10 Feb, 2011, 1:57 am

Con tu permiso envira posteo el tutorial en español y deje en spoiler el tutorial en ingles, Ignnacio.
With your permission Envira posting the tutorial in Spanish and spoiler leave the tutorial in English, Ignnacio.

Mostrar el avatar en la lista de temas

Hola chicos este tutorial esta basado en Xenforo y muestra el avatar en la lista de temas.

Le ayudara a muchos usuarios de Mybb, así que les traigo el tutorial.

Así que empezamos con el tutorial:

1. Primero tienes que descargar el plugin asiendo click en el link.
avatar in thread listing
Avatar en Lista.

2. Transferir el archivo al siguiente directorio:

web cp>public_html>your mybb root>inc>plugins

3. Activa el plugin en:

ACP>plugins>aitl

4. Ahora tenemos que hacer algunos cambios en las plantillas:

a. Abre

Cita:acp>Estilos y Plantillas>Plantillas>Tus plantillas>forum display templates>forumdisplay_thread

Buscas:

{$attachment_count}

Y añadir/reemplazar con el siguiente code:

<div>
            <table><tr><td id="tvatar">{$thread_avatar}</td><td>{$prefix} {$gotounread}{$thread['threadprefix']}<a href="{$thread['threadlink']}" class="{$inline_edit_class} {$new_class}" id="tid_{$inline_edit_tid}">{$thread['subject']}</a>{$thread['multipage']}<br><font color="grey">created by:</font> {$thread['profilelink']}</td></tr></table>        
        </div>

b. Abretutheme>global.css>editar en modo avanzado

Agregar este código al final:

#tvatar img {
    -moz-border-radius: 4px 4px 4px 4px;
    background-color: #FCFCFF;
    border: 1px solid #A5CAE4;
    max-height: 36px;
    max-width: 36px;
    padding: 2px;
}

Ya haz terminado.

Este es el ejemplo de como debería quedar:
[Imagen: 2wfol4z.jpg]

DEMOS ONLINE:

Enlace
Enlace 2

Agradecimientos a scoutie por el plugin
Y mahigrafix por arreglar este tutorial.
Y también gracias a FBI.

TUTORIAL EN INGLES:

Spoiler:

Display Avatars in threadlisting like Xenforo

Hi guys this is the tutorial based on xenforo's display avatar in thread listing.

it will help a lot of mybb users,so i bring you the tutorial.

so here we start with the tutorial:

1.First download the plugin by clicking this link
avatar in thread listing
avatar in thread listing.

2.transfer the file to your

web cp>public_html>your mybb root>inc>plugins

3.Activate the plugin via

ACP>plugins>aitl

4.now we have some template edits:

a. open yor

Cita:acp>themes and templates>templates>your theme template>forum display templates>forumdisplay_thread

find

{$attachment_count}

and add/replace after that with this code

<div>
            <table><tr><td id="tvatar">{$thread_avatar}</td><td>{$prefix} {$gotounread}{$thread['threadprefix']}<a href="{$thread['threadlink']}" class="{$inline_edit_class} {$new_class}" id="tid_{$inline_edit_tid}">{$thread['subject']}</a>{$thread['multipage']}<br><font color="grey">created by:</font> {$thread['profilelink']}</td></tr></table>        
        </div>

b.open your theme>global.css>edit in advanced mode

add this code at the bottom

#tvatar img {
    -moz-border-radius: 4px 4px 4px 4px;
    background-color: #FCFCFF;
    border: 1px solid #A5CAE4;
    max-height: 36px;
    max-width: 36px;
    padding: 2px;
}

dats it you are done.......

so let me show you the preview of what we are about to make
[Imagen: 2wfol4z.jpg]

so lets see the demo too:

click me
link

Thnkx to scoutie for this plugin
and mahigrafix for fixing this tutorial.
also regards to FBI.