[Tutorial] Poner bordes al Avatar

ZioGuE 20 Feb, 2011, 11:12 am

Este es un tuto muy simple con el que se obtiene un resultado como el siguiente:

[attachment=1884]

Lo único que se hace es entrar a el panel de admin y alli van a:
Plantillas de su theme > postbit_avatar

Y sustituyen todo por esto:

Código:
<CENTER><table cellSpacing="0" cellPadding="0" border="0" style="width:auto">

<td style="padding: 0px"><img src=" http://img140.imageshack.us/img140/1426/ava012.png "></td>

<td style="padding: 0px" background=" http://img100.imageshack.us/img100/4274/ava02.png "></td>

<td style="padding: 0px"><img src=" http://img100.imageshack.us/img100/3032/ava03.png "></td>

</tr>

<tr>

<td valign="top" style="padding: 0px" background=" http://img100.imageshack.us/img100/8355/ava04.png ">

<td style="padding: 0px; background-color: " bgColor="">

<a href="{$post['profilelink_plain']}"><img src="{$post['avatar']}" alt="200" {$avatar_width_height} /></a>

</td>

<td style="padding: 0px" background=" http://img140.imageshack.us/img140/1559/ava06.png "></td>

</tr>

<tr>

<td style="padding: 0px"><img src=" http://img100.imageshack.us/img100/3305/ava07.png "></td>

<td style="padding: 0px" background=" http://img27.imageshack.us/img27/7939/ava08.png "></td>

<td style="padding: 0px"><img src=" http://img100.imageshack.us/img100/7288/ava09.png "></td>

</table></CENTER>

Consiste en una simple tabla, loque le da ventaja a este es que se expande segun el avatar, en cambio cuando se pone una imagen detrás del avatar no sucede esto.

Descargar Las Imágenes (subidas por Tozja): http://www.mediafire.com/?upc74o7jm3jjn0u

Última modificación: 28 Apr, 2011, 6:28 am por Blink.

Tozja 20 Feb, 2011, 11:40 am

No manches we, lo puse en mi foro y queda de poca mare, chido bro, gracias!

Big Grin

cdperro 20 Feb, 2011, 4:25 pm

Simple, rapido y bonito. Me lo quedo Wink

De hecho lo aplique tambien a las firmas.
Mis gracias para ti!

Última modificación: 20 Feb, 2011, 4:33 pm por notitecno.

fixeado 28 Feb, 2011, 3:04 pm

pero la imagen ya no esta en imagehacks sube mejor las imagenes para ponerlo con nuestro propio hostinG:S

ZioGuE 1 Mar, 2011, 3:31 pm

Siguen estando disponibles...

Juan228_mybb_import8111 30 Mar, 2011, 6:56 am

no podes dar las imagenes ??

murieron en imageshack

TaloBV 11 Apr, 2011, 12:06 pm

Estilos y plantillas - Plantillas - My Templates - Caja del mensaje - Plantillas - postbit_avatar
Deverias colocar bien la direccion :S
Algunos novatos como yo no sabrian encontrarla U.U

PD: Las imagenes ya caducaron xD

Última modificación: 11 Apr, 2011, 12:12 pm por Zetsubou-Sensei.

Jor 27 Apr, 2011, 1:21 pm

puedes subir las imagenes a un host ya que no puedo verlas me las bloquea ese host de imagenes gracias

Tozja 27 Apr, 2011, 2:47 pm

Aqui estan las imagenes, las suben a la raiz de su foro para que queden "http://suforo/ava/ava01.png".

El codigo:

Cita:<CENTER><table cellSpacing="0" cellPadding="0" border="0" style="width:auto">
<td style="padding: 0px"><img src=" http://suforo/ava/ava012.png "></td>
<td style="padding: 0px" background=" http://suforo/ava/ava02.png "></td>
<td style="padding: 0px"><img src=" http://suforo/ava/ava03.png "></td>
</tr>
<tr>
<td valign="top" style="padding: 0px" background=" http://suforo/ava/ava04.png ">
<td style="padding: 0px; background-color: " bgColor="">
<a href="{$post['profilelink_plain']}"><img src="{$post['avatar']}" alt="200" {$avatar_width_height} /></a>
</td>
<td style="padding: 0px" background=" http://suforo/ava/ava06.png "></td>
</tr>
<tr>
<td style="padding: 0px"><img src=" http://suforo/ava/ava07.png "></td>
<td style="padding: 0px" background=" http://suforo/ava/ava08.png "></td>
<td style="padding: 0px"><img src=" http://suforo/ava/ava09.png "></td>
</table></CENTER>

Editan lo rojo por la url correcta de su foro y las imagenes.

- DESCARGAR IMAGENES

Jaizu 18 May, 2011, 8:03 am

#10

yo lo he usado y me quedó bastante bien, la verdad se agradece n.n

[Imagen: http://i.imgur.com/kLUbBrj.png]

Novedad [Tutorial] Poner bordes al Avatar