vb.org Archive

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vB4 Design and Graphics Discussions (https://vborg.vbsupport.ru/forumdisplay.php?f=253)
-   -   Need help with member popup menu (https://vborg.vbsupport.ru/showthread.php?t=267481)

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&amp;userid={vb:raw memberinfo.userid}&amp;contenttype=vBForum_Post&amp;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&amp;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&amp;userlist=buddy&amp;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&amp;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. :)

archet1337 07-31-2011 03:38 PM

Anyone? Or is this a major operation?

Lynne 07-31-2011 04:24 PM

Can we get a link, and a possible test username/password, to see the actual problem live?

archet1337 07-31-2011 09:08 PM

Thank you, Lynne.

See link below for a live example.

http://www.radioctrl.com/f4/new_forum_layout-61/

Username: testuser
PW: testtest

Lynne 08-01-2011 02:32 AM

If you look at the html, you have class left, then right, then five lefts. But, besides that, the funny spacing is because you have the width set to 280px, then both right and left set to 140px, and then you added in some padding and that is messing is all up. Try adding this to the additional.css template:
HTML Code:

.memberaction_body.popupbody li {    width: 138px;}

archet1337 08-01-2011 04:44 PM

That did the trick for sorting them!

I also added the following to additional.css to get the link color fixed:

Code:

.memberaction_body.popupbody li { width: 138px; border: none; color: #000000;}
Problem solved, thanks a bunch! :)


All times are GMT. The time now is 02:14 AM.

Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.

X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.01114 seconds
  • Memory Usage 1,755KB
  • Queries Executed 10 (?)
More Information
Template Usage:
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (3)bbcode_code_printable
  • (1)bbcode_html_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (6)printthreadbit
  • (1)spacer_close
  • (1)spacer_open 

Phrase Groups Available:
  • global
  • postbit
  • showthread
Included Files:
  • ./printthread.php
  • ./global.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/class_hook.php
  • ./includes/modsystem_functions.php
  • ./includes/class_bbcode_alt.php
  • ./includes/class_bbcode.php
  • ./includes/functions_bigthree.php 

Hooks Called:
  • init_startup
  • init_startup_session_setup_start
  • init_startup_session_setup_complete
  • cache_permissions
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • style_fetch
  • cache_templates
  • global_start
  • parse_templates
  • global_setup_complete
  • printthread_start
  • bbcode_fetch_tags
  • bbcode_create
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • printthread_post
  • printthread_complete