Deprecated: explode(): Passing null to parameter #2 ($string) of type string is deprecated in /var/www/mybb-es.com/html/inc/functions.php on line 7422
Recuadrar el avatar con css - MyBB-Es.com
Contrata servicios web en ougcNetwork.
Como ya hay tutoriales para recuadrar el avatar con imágenes hago este tutorial para recuadrarlo con css, y un efecto al pasar el puntero del mouse por arriba del mismo.
Primero agregan esto a su globlal.css (AdminCP/Estilos y Plantillas/Estilos/tutema)

.postbit-avatar {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background-color: #DDDDDD;
border: 1px solid #BEBEBE;
padding: 4px;
}

.postbit-avatar:hover {
-webkit-transition: all 250ms ease-in-out;
-moz-transition: all 250ms ease-in-out;
-o-transition: all 250ms ease-in-out;
transition: all 250ms ease-in-out;
-webkit-box-shadow: 0px 0px 6px 0px rgba(0, 150, 250, 1);;
-moz-box-shadow: 0px 0px 6px 0px rgba(0, 150, 250, 1);;
box-shadow: 0px 0px 6px 0px rgba(0, 150, 250, 1);;
}

Después abren su postbit_avatar (AdminCP/Estilos y Plantillas/Plantillas/tu tema/Caja del mensaje)
Tienen que agregarle class="postbit-avatar" antes del alt=""
Les tiene que quedar asi:
Quote:<a href="{$post['profilelink_plain']}"><img src="{$post['avatar']}" class="postbit-avatar" alt="" {$avatar_width_height} /></a>

Pueden ver una demo en mi Foro de prueva
Es una buena opción Big Grin
Ahhh queda muy lindo! lo voy a utilizar... Muchas Gracias! Smile

PD: no tengo más puntos de Reputación para hoy mañana te los doy :cookie:
31 Oct, 2011, 11:38 am RKen wrote:
Ahhh queda muy lindo! lo voy a utilizar... Muchas Gracias! Smile

PD: no tengo más puntos de Reputación para hoy mañana te los doy :cookie:

No hay problema Wink
¿Un ejemplo? Por que como lo leí mas bien lo redondeas no recuadras.
Envía un DM o MP si te interesa patrocinar alguna actualización o complemento a alguno de mis plugins.

[Image: signature.png]


Discord omar.gonzalez (Omar G.#6117); Telegram at @omarugc;
31 Oct, 2011, 8:34 pm Sama34 wrote:
¿Un ejemplo? Por que como lo leí mas bien lo redondeas no recuadras.

31 Oct, 2011, 11:18 am [L]eazO wrote:
Pueden ver una demo en mi Foro de prueba


Creo que en realidad quizo decir "Encuadrar" Wink, como el avatar con frames, algo parecido. Igual si viste el ejemplo queda muy lindo el efecto que hace.

Saludos.
Cierto, muy bueno, le da efecto ipb, solo le faltaria que salte la informacion del perfil del usuario (algo como el title threads de Edson)
Envía un DM o MP si te interesa patrocinar alguna actualización o complemento a alguno de mis plugins.

[Image: signature.png]


Discord omar.gonzalez (Omar G.#6117); Telegram at @omarugc;
31 Oct, 2011, 10:11 pm Sama34 wrote:
Cierto, muy bueno, le da efecto ipb, solo le faltaria que salte la informacion del perfil del usuario (algo como el title threads de Edson)

Eso mismo quiero ponerle Samma, title="Avatar de usuario"
Pero cual seria el code para que muestre el usuario?
Muy bonito me agrado, rep+ por pasarnos el tuto.
2 Nov, 2011, 5:33 pm [L]eazO wrote:
Eso mismo quiero ponerle Samma, title="Avatar de usuario"
Pero cual seria el code para que muestre el usuario?

Yo me referia a otra cosa, pero lo que tu dices es "{$post['username']}". Creo.
Envía un DM o MP si te interesa patrocinar alguna actualización o complemento a alguno de mis plugins.

[Image: signature.png]


Discord omar.gonzalez (Omar G.#6117); Telegram at @omarugc;