[Tutorial] Columna del ultimo post al estilo vBulletin

Omar G. 17 Oct, 2009, 2:23 pm

Hola, este es mi primer tuto, se me ocurrio despues de que me uni a un foro con vB y que instale el plugin que les dire mas adelante.

Lo primero que deben hacer es descargar este plugin:
Post icons on index in the last post

Segundo: Ya que lo instalan entran en
ACP > Plantillas y Estilos > Plantillas > Tu tema > Caja del Foro - Plantillas > forumbit_depth2_forum_lastpost > Editar

Borran todo el codigo y colocan esto:

Código:
<span class="smalltext">

{$forum['lastpost_icon']} <a href="{$lastpost_link}" title="{$full_lastpost_subject}"><strong>{$lastpost_subject}</strong></a>

<br />{$lang->by} {$lastpost_profilelink}

</div>

<div align="right" style="white-space:nowrap">

{$lastpost_date} {$lastpost_time}

<a href="{$lastpost_link}" title="{$full_lastpost_subject}"><img class="inlineimg" src="{$theme['imgdir']}/lastpost.png" alt="Ir al último mensaje" border="0" /></a>

</div>

</div>

Opcion 2(escoje la que mejor te guste)

Código:
<div align="left" style="white-space:nowrap">

<span class="smalltext">

{$forum['lastpost_icon']} <a href="{$lastpost_link}"

title="{$full_lastpost_subject}"><strong>{$lastpost_subject}</strong></a>

<br />{$lang->by} {$lastpost_profilelink}

</div>

<div align="right" style="white-space:nowrap">

{$lastpost_date} {$lastpost_time}

<a href="{$lastpost_link}"

title="{$full_lastpost_subject}"><img class="inlineimg"

src="{$theme['imgdir']}/lastpost.png" alt="Ir al último mensaje"

border="0" /></a>

</div>

</div>

Casi lo olvido
Tercero
Suben esta imagen a su carpeta de imagenes del tema, ejemplo:
/images/vision/ {aqui}
o si tambien editan el tema defaul suban la imagen a la carpeta de imagenes del foro
/images/ {aqui}
[Imagen: 25q6vzo.png]

Renombrala de 25q6vzo.png a lastpost.png
Listo

Ahora les quedara asi como en las imagenes.

Espero que les sirva y que no sea repetido el tutorial xD

{SIGNATURE_IMAGE}

Cluster 17 Oct, 2009, 3:02 pm

como se tiene que llamar la imagen

Omar G. 17 Oct, 2009, 3:04 pm

No me di cuenta Blush

renombrala a lastpost.png

{SIGNATURE_IMAGE}

Cluster 17 Oct, 2009, 3:20 pm

xd

Ademas Queda El Cuadro Muy Grande

xd

Código:
<div class="smalltext" align="left">

    <div>

        <span style="white-space:nowrap">

        {$forum['lastpost_icon']}

        <a href="{$lastpost_link}" title="{$full_lastpost_subject}"><strong>{$lastpost_subject}</strong></a></span>

    </div>

    <div style="white-space:nowrap">

        Por {$lastpost_profilelink}

    </div>

    <div align="right" style="white-space:nowrap">

        {$lastpost_date} {$lastpost_time}

        <a href="{$lastpost_link}" title="{$full_lastpost_subject}"><img class="inlineimg" src="{$theme['imgdir']}/lastpost.gif" alt="Ir al último mensaje" border="0" /></a>

    </div>

</div>

Asi Les Deveria Quedar Mejor

Omar G. 17 Oct, 2009, 4:28 pm

(17 Oct, 2009, 3:20 pm)Walkman 5.0 escribió: xd

Ademas Queda El Cuadro Muy Grande

xd

Código PHP:
<?php 

<div class="smalltext" align="left">

    <div>

        <span style="white-space:nowrap">

        {$forum['lastpost_icon']}

        <a href="{$lastpost_link}" title="{$full_lastpost_subject}"><strong>{$lastpost_subject}</strong></a></span>

    </div>

    <div style="white-space:nowrap">

        Por {$lastpost_profilelink}

    </div>

    <div align="right" style="white-space:nowrap">

        {$lastpost_date} {$lastpost_time}

        <a href="{$lastpost_link}" title="{$full_lastpost_subject}"><img class="inlineimg" src="{$theme['imgdir']}/lastpost.gif" alt="Ir al último mensaje" border="0" /></a>

    </div>

</div>

Asi Les Deveria Quedar Mejor
No se si te referias a lo que yo pienso pero ya lo modifique a ver que tal, me gusto mas como quedo con tu codigo, asiq ue cambie el mio Dodgy

A ver que te parece.

{SIGNATURE_IMAGE}

elmassi 22 Nov, 2009, 9:58 pm

osea me tome la dedicacion de ponerlo, pero no concuerdo con ninguno de los codigos!!!!!!!!!!!!!!!!!!!!!!

SI QUEERS QUE QUEDE COMO EN LA IMAGEN DE MUESTRA DEBE DE ESTAR ASI!

Código:
<div align="left" style="white-space:nowrap">

<span class="smalltext">

{$forum['lastpost_icon']} <a href="{$lastpost_link}"

title="{$full_lastpost_subject}"><strong>{$lastpost_subject}</strong></a>

<br />{$lang->by} {$lastpost_profilelink}

</div>

<div align="right" style="white-space:nowrap">

{$lastpost_date} {$lastpost_time}

<a href="{$lastpost_link}"

title="{$full_lastpost_subject}"><img class="inlineimg"

src="{$theme['imgdir']}/lastpost.png" alt="Ir al último mensaje"

border="0" /></a>

</div>

</div>

si no queda el texto centrado junto al autor y queda feo

saludos