Hitskin.com
Hello, I've portrayed an image of the screen to the form that you want, as in Figure?
When you press the User Name in contributions Options shows the signature or modify data or modify personal image
When you press the User Name in contributions Options shows the signature or modify data or modify personal image
The problem has been developed by Li put these codes will not work for
I'm the type of forum Phpbb2
Javascript
- Code:
$(document) .ready(function () {
$('a.profilename') .toggle(function () {
$('.nav_c') .remove();
$('#user_navigation a') .removeClass('active');
var avatar = _userdata.avatar;
var member = $(this) .text();
$(this) .addClass('active') .closest('#user_navigation') .after('<div id="profil_drop"class="nav_c"><a href="/profile?mode=editprofile"class="avat"style="float: left;">' + avatar + '</a><ul id="links"style="z-index: 10000;text-align: left;"><li><a href="/profile?mode=editprofile">Profil</a></li><li><a href="/sta/' + member + '">Subiectele mele</a></li><li><a href="/profile?mode=editprofile&page_profil=avatars">Avatar</a></li><li><a href="/profile?mode=editprofile&page_profil=signature">Semnatura</a></li><li><a href="/profile?mode=editprofile&page_profil=preferences">Preferinte</a></li><li><a href="/profile?mode=editprofile&page_profil=friendsfoes">Prieteni</a></li></li></ul></div></div>')
}, function () {
$(this) .removeClass('active');
$('#profil_drop') .remove();
return false
})
});
CSS
- Code:
#profil_drop{
background: #171717;
border: 0px none !important;
border-radius: 0px 0px 6px 6px;
box-shadow: 0px 5px 7px rgba(0, 0, 0, 0.4);
color: #225985;
font-family: helvetica,arial,sans-serif;
font-size: 12px;
font-style: normal;
font-variant: normal;
font-weight: 400;
overflow: hidden;
position: absolute;
right: 9%;
text-align: left;
top: 205px;
width: 360px;
z-index: 999;
}
.avat img {
background: none repeat scroll 0px 0px #FFF;
border: 1px solid #D5D5D5;
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
height: 50px;
margin: 10px;
padding: 1px;
width: 50px;
}
#profil_drop li {
float: right;
line-height: 25px;
white-space: nowrap;
width: 38%;
}
#profil_drop li a {
color: grey;
text-decoration: none;
}
Last edited by hamesashek on March 24th 2016, 2:40 am; edited 3 times in total
Facebook
Twitter
Pinterest
Youtube
