MyBB-Es.com

28 Apr, 2015, 5:00 pm

Hola

He estado intentando que los avatares se vean circulares, seguí el tutorial http://community.mybb.com/thread-166378.html pero sigo sin conseguirlo.

Intente añadiendo un <div class="author_avatar"> en el postbit y no funciono, también intente con añadirlo en la plantilla de postbit_avatar y tampoco.

Aquí el código que utilice en postbit_avatar

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

Aquí el area donde aparece el código del avatar en el postbit

<strong><span class="largetext">{$post['profilelink']}</span></strong> {$post['onlinestatus']}<br />
        <span class="smalltext"><br />
            {$post['useravatar']}<br />
{$post['usertitle']}<br />
            {$post['userstars']}
            {$post['groupimage']}

            
</div>

No sé que sucede la verdad, espero puedan echarme una mano.

Gracias por su tiempo Smile

28 Apr, 2015, 5:35 pm

Es porque tenes que poner en tu css img

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

.author_avatar {
    border-radius: 100%;
}
.author_avatar img {
    border-radius: 100%;
}

[Image: tumblr_nj9sv13aff1tga1sco4_r1_500.gif]

28 Apr, 2015, 5:41 pm

Claro que lo había puesto, de hecho lo puse en todos los estilos.

Al final lo solucione agregando style="border-radius: 50%;" Tongue

28 Apr, 2015, 7:18 pm

Otra forma que tenes es como dejaron en este tutorial [1.8] Agregar Efecto Circulo al Avatar y si ves en una de mis respuestas ademas de eso podes agregarle un efecto de crecimiento/movimiento al poner el mouse encima que queda bastante bien a mi gusto

MyBB-Es.com

Avatares circulares

AndresXZ09

Finer

AndresXZ09

XEDE