- Desde
- 8 Sep 2009
- Mensajes
- 64
######################
#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/felenn_avatar_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:
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:
y luego lo reemplazamos por :
guardan y listo =)^^^^
la captura el avatar esta un poco montado sobre el avatar de fondo pero eso se arregla facil,
en la parte :
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 =(
#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/felenn_avatar_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:
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>admincp/estilos y plantillas/tu estilo/editar_plantillas/plantillas_de postbit/postbit legay
ahi lo que buscamos es lo siguiente:
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>
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>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 :
PHP:
.fglavat:hover span{ /*CSS para agrandar la imagen en hover */
visibility: visible;
top: 0;
left: 60px; /* posición en la imagen ampliada */
}
