MyBB-Es.com Personalización y configuración de los foros MyBB Tutoriales / Guías Novedad [Tutorial] Poner bordes al Avatar

Novedad  [Tutorial] Poner bordes al Avatar

ZioGuE

(This post was last modified: 28 Apr, 2011, 6:28 am by Blink.)
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:
<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

Tozja

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

Big Grin

cdperro

(This post was last modified: 20 Feb, 2011, 4:33 pm by notitecno.)
Simple, rapido y bonito. Me lo quedo Wink
De hecho lo aplique tambien a las firmas.
Mis gracias para ti!

fixeado

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

ZioGuE

Siguen estando disponibles...

Juan228_mybb_import8111

no podes dar las imagenes ??


murieron en imageshack

TaloBV

(This post was last modified: 11 Apr, 2011, 12:12 pm by Zetsubou-Sensei.)
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

Jor

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

Tozja

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

El codigo:
Quote:<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

yo lo he usado y me quedó bastante bien, la verdad se agradece n.n
[Image: kLUbBrj.png]
Next Oldest Next Newest
Show Threaded Mode Print Thread