felenn' avatar Resize

felenn · 1 May 2010

#######################################
les dejo esta pequeña modificacion que he hecho... por el momento no la he visto en
vbulletin.org--
pero si alguien la ha visto y ya esta.. ps les pido reporte y borren este mensaje 😉
#######################################

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--

Es muy facil hacer solo se necesita ir a
admincp> stilos y plantillas> stilo que uses> plantillas cs principal>Definición Adicional de CSS> en el primer block pones esto:

Insertar CODE, HTML o PHP:

/* espand avatar comienza aqui */


.fglavat {
    float: left;
    clear: left; 
    padding-bottom: 5px; 
    padding-right: 5px; 
}

.fglavat  a { 
    display:block;
    text-decoration: none;
add cursor:default; 
}

.fglavat  a:hover{ 
     position:relative;
}

.fglavat  span img {
    border: 1px solid #FFFFFF; 
    margin-bottom: 8px; 
}

.fglavat  a span {  
position: absolute;
        display:none;
    color: #116dc2; 
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    left: -1000px;
        border: 1px dashed gray;
    font-weight: bold;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;


}

.fglavat  img { 
border-width: 0;
}

.fglavat  a:hover span { 
    display:block;
    top: 50px; 
    left: 90px; 
    z-index: 100;
    
}

.resize_thumb {
    width: 150px; 
    height : auto;
}

/* espan avatar finaliza aqui */

Guardas luego vas a admincp> stilos y plantillas> stilo que uses>editar plantilla>postbit legacy.
ahi lo que buscas es este codigo:

Insertar CODE, HTML o PHP:

<if condition="$show['avatar']">
        <div class="smallfont">
                    &nbsp;<br /><a href="member.php?$session[sessionurl]u=$post[userid]"><img src="$post[avatarurl]" $post[avwidth] $post[avheight] alt="<phrase 1="$post[username]">$vbphrase[xs_avatar]</phrase>" border="0" /></a>
                </div>
            </if>

y lo reemplazas por este

Insertar CODE, HTML o PHP:

<center>     
<if condition="$show['avatar']">
                              <div class="fglavat">
                    &nbsp;<br /><a href="member.php?$session[sessionurl]u=$post[userid]"><img src="$post[avatarurl]" $post[avwidth] $post[avheight] alt="<phrase 1="$post[username]">$vbphrase[xs_avatar]</phrase>" border="0" /><span> <img src="$post[avatarurl]" style="width:150px; height:200px;"><br />$post[musername]</span></a></a>
        <else />
   </if>
</center>

listo...!!! si haces todo bien te kedara como las imagenes adjuntas...

.:demostracion:.

probado en: Firefox, Internet Explorer, Opera, Safari, Avant, maxthon y Orca browser.

felenn' avatar Resize

felenn

Temas similares