Importante:

¿Como pedir soporte? (Marzo 18, 2015)

Hello, I Need help please with "Avatar Hover"
Dear MYBB ES, i am born spanish but live in denmark, I am born here but I havnt got to learn spanish yet :( my mom is spanish my dad is danish,, So I...

Dear MYBB ES, i am born spanish but live in denmark, I am born here but I havnt got to learn spanish yet Sad my mom is spanish my dad is danish,, So I hope i am welcome here.. well I have a problem,, I am trying to fix my avatar like MYBB-ES.COM... but I cant seem to solve this, I have tried for hours...

Here is an image:
[Imagen: r0z2ox.png]

Here is my code For Global.css:

.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, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.3);
}

.postbit-box {
    background: url(forum/images/usertitle_effect.png) repeat-x scroll left bottom #FFFFFF;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0pt 0pt 1em #B6B6B6;
    font-family: Tahoma;
    font-size: 11px;
    font-weight: normal;
    margin-bottom: 3px;
    padding: 7px 10px 5px;
    text-align: justify;
    width: 85%;
    color: Agregando submenús a los Toplinks;
    text-shadow: 1px 1px 0 white;
}

.postbit-iconbox {
    font-weight: bold;
    font-size: 15px;
    background: url(forum/images/usertitle_effect.png) repeat-x scroll left bottom #FFFFFF;
    color: #000;
    padding: 2px 2px 2px 2px;
    border: 1px solid #bababa;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.postbit-iconbox:link, .postbit-iconbox:visited {
    color: #000;
    text-decoration: none;
}

.postbit-iconbox:hover {
    color: #007ecf;
    text-decoration: none;
    border: 1px solid Google SEO (Español);
    -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, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.3);
}

.postbit-iconbox:active {
    color: #007ecf;
    text-decoration: none;
    border: 1px solid Google SEO (Español);
}

.box-avatar {
background-image: url(forum/images/post_avatar_cerceve.png);width: 94px;height: 94px;background-position: center center;background-repeat: no-repeat;padding: 10px;
.ForumBaslik {
    background: none ;
}

Postbit_Avatar & Postbit_user_author

<div align="center"><div class="postbit-box">
    <strong>{$lang->postbit_posts}</strong> {$post['postnum']}
    {$post['replink']}{$post['warninglevel']}<br />
    <strong>{$lang->postbit_joined}</strong> {$post['userregdate']}
</div></div>



For Image: Add This in Postbit_avatar to make it SHINE when hover over:
<div class="postbit-avatar"></div> 


If someone could assist me on here, Its my first time asking for help, even I have registered long ago, so i trully hope it can be solved.. THANK U!
0 0
Tema anterior Tema siguiente
http://www.mybb-es.com/Hilo-recuadrar-el-avatar-con-css
0
Hi, well your squad has to be something postbit_avatar well ... look good:

<a href="{$post['profilelink_plain']}"><img src="{$post['avatar']}" class="postbit-avatar" alt="" {$avatar_width_height} /></a>

code by Leandro M.

PD: perdon mi mal ingles es que no soy el mas esperto :_
0
[SOLVED] To EX... and Usario...Thank you so much GUYS, you all rock.. I am pleased to get help on here, on my first post...................... Peace from Danemark
0
Tema cerrado

Colaboradores: miklo , MaTiiass , Leandro M.
This forum uses Lukasz Tkacz MyBB addons.