Recuadrar el avatar con css
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 p...

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)

Código PHP:
.postbit-avatar {
-
moz-border-radius5px;
-
webkit-border-radius5px;
border-radius5px;
background-color#DDDDDD;
border1px solid #BEBEBE;
padding4px;
}

.
postbit-avatar:hover {
-
webkit-transitionall 250ms ease-in-out;
-
moz-transitionall 250ms ease-in-out;
-
o-transitionall 250ms ease-in-out;
transitionall 250ms ease-in-out;
-
webkit-box-shadow0px 0px 6px 0px rgba(01502501);;
-
moz-box-shadow0px 0px 6px 0px rgba(01502501);;
box-shadow0px 0px 6px 0px rgba(01502501);;


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:
Cita:<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
Última modificación: 8 Dec, 2012, 8:10 pm por setool3.
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 escribió: 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.
{SIGNATURE_IMAGE}
(31 Oct, 2011, 8:34 pm)Sama34 escribió: ¿Un ejemplo? Por que como lo leí mas bien lo redondeas no recuadras.

(31 Oct, 2011, 11:18 am)[L]eazO escribió: 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)
{SIGNATURE_IMAGE}
(31 Oct, 2011, 10:11 pm)Sama34 escribió: 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?
(2 Nov, 2011, 5:33 pm)[L]eazO escribió: 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.
{SIGNATURE_IMAGE}