archet1337 |
07-26-2011 10:53 PM |
Need help with member popup menu
1 Attachment(s)
I noticed that the user popup menu in postbit doesn't look right. See attachment.
My memberaction_dropdown template looks like this: (default except for the easy-mod bit at the bottom)
Code:
<div class="popupmenu memberaction<vb:if condition="$page_class"> {vb:raw page_class}</vb:if>">
<a class="username {vb:raw memberinfo.online} popupctrl" href="{vb:link member, {vb:raw memberinfo}}" title="{vb:rawphrase {vb:raw memberinfo['onlinestatusphrase']}, {vb:raw memberinfo.username}}"><strong><vb:if condition="$memberinfo['musername']">{vb:raw memberinfo.musername}<vb:else />{vb:raw memberinfo.username}</vb:if></strong></a>
<ul class="popupbody popuphover memberaction_body">
<li class="left">
<img src="{vb:stylevar imgdir_siteicons}/profile.png" alt="" />
<a href="{vb:link member, {vb:raw memberinfo}}">
{vb:rawphrase view_profile}
</a>
</li>
<li class="right">
<img src="{vb:stylevar imgdir_siteicons}/forum.png" alt="" />
<a href="search.php?{vb:raw session.sessionurl}do=finduser&userid={vb:raw memberinfo.userid}&contenttype=vBForum_Post&showposts=1" rel='nofollow'>
{vb:rawphrase view_forum_posts}
</a>
</li>
<vb:if condition="$show['pmlink']">
<li class="left">
<img src="{vb:stylevar imgdir_siteicons}/message.png" alt="" />
<a href="private.php?{vb:raw session.sessionurl}do=newpm&u={vb:raw memberinfo.userid}" rel='nofollow'>
{vb:rawphrase private_message}
</a>
</li>
</vb:if>
<vb:if condition="$show['viewblog']">
<li class="right">
<img src="{vb:stylevar imgdir_siteicons}/blog.png" alt="" />
<a href="{vb:raw $vboptions.vbblog_url}{vb:if "$vboptions['vbblog_url']", '/', ''}blog.php?{vb:raw session.sessionurl}u={vb:raw memberinfo.userid}" rel='nofollow'>
{vb:rawphrase view_blog_entries}
</a>
</li>
</vb:if>
<vb:if condition="$show['homepage']">
<li class="left">
<img src="{vb:stylevar imgdir_siteicons}/homepage.png" alt="" />
<a href="{vb:raw memberinfo.homepage}" rel="nofollow">
{vb:rawphrase visit_homepage}
</a>
</li>
</vb:if>
<vb:if condition="$show['viewarticles']">
<li class="right">
<img src="{vb:stylevar imgdir_siteicons}/article.png" alt="" />
<a href="list.php/author/{vb:raw memberinfo.userid}-{vb:raw memberinfo.username}" rel='nofollow'>
{vb:rawphrase view_articles}
</a>
</li>
</vb:if>
<vb:if condition="$show['addfriend']">
<li class="left">
<img src="{vb:stylevar imgdir_siteicons}/add.png" alt="" />
<a href="profile.php?{vb:raw session.sessionurl}do=addlist&userlist=buddy&u={vb:raw memberinfo.userid}">
{vb:rawphrase add_as_contact}
</a>
</li>
</vb:if>
<vb:if condition="$show['emaillink']">
<li class="right">
<img src="{vb:stylevar imgdir_siteicons}/email.png" alt="" />
<a href="sendmessage.php?{vb:raw session.sessionurl}do=mailmember&u={vb:raw memberinfo.userid}" rel='nofollow'>
{vb:rawphrase send_email}
</a>
</li>
</vb:if>
<vb:if condition="is_member_of($memberinfo, 1, 2, 3, 4, 8) AND is_member_of($vbulletin->userinfo, 5, 6, 7)">
<vb:if condition="$memberinfo['permissions']['genericoptions'] & $vbulletin->bf_ugp_genericoptions['isnotbannedgroup']">
<li class="left"><a href="modcp/banning.php?do=banuser&userid={vb:raw memberinfo.userid}"><img src="{vb:stylevar imgdir_siteicons}/moderation.png" alt="" /> {vb:rawphrase kolbi_banuser}</a></li>
</vb:if>
<vb:if condition="!($memberinfo['permissions']['genericoptions'] & $vbulletin->bf_ugp_genericoptions['isnotbannedgroup'])">
<li class="left"><a href="modcp/banning.php?do=liftban&userid={vb:raw memberinfo.userid}"><img src="{vb:stylevar imgdir_siteicons}/subscribe.png" alt="" /> {vb:rawphrase kolbi_unbanuser}</a></li>
</vb:if>
<li class="right"><a href="modcp/user.php?do=editsig&userid={vb:raw memberinfo.userid}"><img src="{vb:stylevar imgdir_siteicons}/settings.png" alt="" /> {vb:rawphrase kolbi_editsignature}</a></li>
<li class="left"><a href="modcp/user.php?do=avatar&userid={vb:raw memberinfo.userid}"><img src="{vb:stylevar imgdir_siteicons}/settings.png" alt="" /> {vb:rawphrase kolbi_editavatar}</a></li>
<li class="right"><a href="modcp/user.php?do=profilepic&userid={vb:raw memberinfo.userid}"><img src="{vb:stylevar imgdir_siteicons}/settings.png" alt="" /> {vb:rawphrase kolbi_editprofilpic}</a></li>
<li class="left"><a href="admincp/user.php?do=edit&u={vb:raw memberinfo.userid}"><img src="{vb:stylevar imgdir_siteicons}/settings.png" alt="" /> {vb:rawphrase kolbi_edituser}</a></li>
<li class="right"><a href="modcp/user.php?do=reputation&u={vb:raw memberinfo.userid}"><img src="{vb:stylevar imgdir_siteicons}/settings.png" alt="" /> {vb:rawphrase kolbi_editrenommee}</a></li>
</vb:if>
{vb:raw template_hook.memberaction_dropdown_items}
</ul>
</div>
Popupmenu.css is not modified:
Code:
*SNIP*
/* MEMBER ACTION DROP-DOWN */
.memberaction.popupmenu {
position: relative;
top: 0;
display: inline-block;
}
.postdetails .memberaction.popupmenu {
position: static; /* Opera 10.10 Fix */
}
.memberaction.popupmenu a.popupctrl {
background: none;
padding: 0;
}
.memberaction_body.popupbody {
width: 280px;
background: {vb:stylevar formrow_background.backgroundColor};
-moz-border-radius-top{vb:stylevar left}: 5px;
-moz-border-radius-top{vb:stylevar right}: 5px;
-moz-border-radius-bottom{vb:stylevar left}: 5px;
-moz-border-radius-bottom{vb:stylevar right}: 5px;
-webkit-border-top-{vb:stylevar right}-radius: 5px;
-webkit-border-top-{vb:stylevar left}-radius: 5px;
-webkit-border-bottom-{vb:stylevar right}-radius: 5px;
-webkit-border-bottom-{vb:stylevar left}-radius: 5px;
border-top-{vb:stylevar right}-radius: 5px;
border-top-{vb:stylevar left}-radius: 5px;
border-bottom-{vb:stylevar right}-radius: 5px;
border-bottom-{vb:stylevar left}-radius: 5px;
-moz-box-shadow: 0px 4px 7px {vb:stylevar member_popupmenu_shadow};
-webkit-box-shadow: 0px 4px 7px {vb:stylevar member_popupmenu_shadow};
box-shadow: 0px 4px 7px {vb:stylevar member_popupmenu_shadow};
}
.memberaction_body.popupbody li {
border: none;
width: 140px;
}
.memberaction_body.popupbody li.left {
float: {vb:stylevar left};
clear: {vb:stylevar left};
}
.memberaction_body.popupbody li.right {
float: {vb:stylevar right};
clear: {vb:stylevar right};
}
.memberaction_body.popupbody li img {
float: {vb:stylevar left};
padding: 4px;
position: relative;
top: -2px;
}
.memberaction_body.popupbody li > a {
padding: 4px;
}
.memberaction_body.popupbody hr {
float: left;
height: 96px;
width: 0;
display: inline;
}
Appreciate if anyone could point me in the right direction. :)
|