vb4 felenn' avatar Resize

######################
#bueno hoy les traigo para vb4 #
######################

si quieren la version para vb 3.8.x
este es el enlace:
http://www.vbhispano.com/foros/f12/f..._resize-18987/

bueno lo que hace esta modificacion es que al pasar el puntero del mause sobre
un avatar en el postbit,
este se agranda dependiento el tamaño que tu le des en las definicion adicional de css--
...
empezemos

primero nos vamos a admincp/estilos y plantillas/tu estilo/editar_plantillas/Css Plantillas (plantillas de CSS)/postbit.css

al final agregamos:

Código PHP:

    <style type="text/css">
.fglavat{
position: relative;
z-index: 0;
}

.fglavat{
background-color: transparent;
z-index: 50;
}

.fglavat span{ /*CSS para agrandar la imagen */
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.fglavat span img{ /*CSS para agrandar la imagen */
border-width: 0;
padding: 2px;
}

.fglavat:hover span{ /*CSS para agrandar la imagen en hover */
visibility: visible;
top: 0;
left: 60px; /* posición en la imagen ampliada */
}

</style> 


luego guardamos, y nos vamos a:
admincp/estilos y plantillas/tu estilo/editar_plantillas/plantillas_de postbit/postbit legay
ahi lo que buscamos es lo siguiente:

Código PHP:

 <vb:if condition="$show['avatar']">
            <a class="postuseravatar" href="{vb:link member, {vb:raw post}}" title="{vb:rawphrase {vb:raw post['onlinestatusphrase']}, {vb:raw post.username}}">
                <img src="{vb:raw post.avatarurl}" alt="{vb:rawphrase xs_avatar, {vb:raw post.username}}" title="{vb:rawphrase xs_avatar, {vb:raw post.username}}" />
            </a>
            </vb:if> 


y luego lo reemplazamos por :

Código PHP:

<vb:if condition="$show['avatar']">
               <div class="eti_postbit"=a class="postuseravatar"><a class="thumbnail"><center> <img src="{vb:raw post.avatarurl}" alt="{vb:rawphrase xs_avatar, {vb:raw post.username}}" title="{vb:rawphrase xs_avatar, {vb:raw post.username}}" /></center>
                <span><img src="{vb:raw post.avatarurl}" alt="{vb:rawphrase xs_avatar, {vb:raw post.username}}" title="{vb:rawphrase xs_avatar, {vb:raw post.username}}" width="130px" height="200px" border="0" /><br />{vb:rawphrase xs_avatar, {vb:raw post.username}}
            </span></a>
              </div>
               </vb:if> 


guardan y listo =)

por cierto en la parte :

Código PHP:

  .fglavat:hover span{ /*CSS para agrandar la imagen en hover */
  visibility: visible;
  top: 0;
  left: 60px; /* posición en la imagen ampliada */
  } 


ahi posicionan el avatar a su gusto...=)

eso es todo=) espero les sirva...


la captura el avatar esta un poco montado sobre el avatar de fondo pero eso se arregla facil,
en la parte :

Código PHP:

 .fglavat:hover span{ /*CSS para agrandar la imagen en hover */
visibility: visible;
top: 0;
left: 60px; /* posición en la imagen ampliada */
} 


cambiaan el top: 0; por top: 4; o ahi lo van cambiando segun les guste y queda listo =) se me fue por alto es que ya estoy cansada =(

una consulta .. quiero agregar esa misma imagen en la respuesta avanzada ??? como seria me ayudan ? por favor.. por que le pongo el mismo codigo y no muestra la imagen. debe ser poque no carga algun php .. ??