Go Back   vb.org Archive > vBulletin 4 Discussion > vB4 Design and Graphics Discussions
FAQ Community Calendar Today's Posts Search

Reply
 
Thread Tools Display Modes
  #1  
Old 07-26-2011, 10:53 PM
archet1337's Avatar
archet1337 archet1337 is offline
 
Join Date: Sep 2009
Location: Norway
Posts: 251
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default Need help with member popup menu

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.
Attached Images
File Type: png postbit_user_dropdown.png (17.4 KB, 0 views)
Reply With Quote
  #2  
Old 07-31-2011, 03:38 PM
archet1337's Avatar
archet1337 archet1337 is offline
 
Join Date: Sep 2009
Location: Norway
Posts: 251
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Anyone? Or is this a major operation?
Reply With Quote
  #3  
Old 07-31-2011, 04:24 PM
Lynne's Avatar
Lynne Lynne is offline
 
Join Date: Sep 2004
Location: California/Idaho
Posts: 41,180
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Can we get a link, and a possible test username/password, to see the actual problem live?
Reply With Quote
  #4  
Old 07-31-2011, 09:08 PM
archet1337's Avatar
archet1337 archet1337 is offline
 
Join Date: Sep 2009
Location: Norway
Posts: 251
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Thank you, Lynne.

See link below for a live example.

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

Username: testuser
PW: testtest
Reply With Quote
  #5  
Old 08-01-2011, 02:32 AM
Lynne's Avatar
Lynne Lynne is offline
 
Join Date: Sep 2004
Location: California/Idaho
Posts: 41,180
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

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;}
Reply With Quote
Благодарность от:
archet1337
  #6  
Old 08-01-2011, 04:44 PM
archet1337's Avatar
archet1337 archet1337 is offline
 
Join Date: Sep 2009
Location: Norway
Posts: 251
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

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!
Reply With Quote
Reply


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 01:13 PM.


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.03751 seconds
  • Memory Usage 2,246KB
  • Queries Executed 14 (?)
More Information
Template Usage:
  • (1)SHOWTHREAD
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (1)ad_showthread_beforeqr
  • (1)ad_showthread_firstpost
  • (1)ad_showthread_firstpost_sig
  • (1)ad_showthread_firstpost_start
  • (3)bbcode_code
  • (1)bbcode_html
  • (1)footer
  • (1)forumjump
  • (1)forumrules
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (1)navbar
  • (3)navbar_link
  • (120)option
  • (6)post_thanks_box
  • (1)post_thanks_box_bit
  • (6)post_thanks_button
  • (1)post_thanks_javascript
  • (1)post_thanks_navbar_search
  • (1)post_thanks_postbit
  • (6)post_thanks_postbit_info
  • (6)postbit
  • (1)postbit_attachment
  • (6)postbit_onlinestatus
  • (6)postbit_wrapper
  • (1)spacer_close
  • (1)spacer_open
  • (1)tagbit_wrapper 

Phrase Groups Available:
  • global
  • inlinemod
  • postbit
  • posting
  • reputationlevel
  • showthread
Included Files:
  • ./showthread.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/functions_bigthree.php
  • ./includes/class_postbit.php
  • ./includes/class_bbcode.php
  • ./includes/functions_reputation.php
  • ./includes/functions_post_thanks.php 

Hooks Called:
  • init_startup
  • init_startup_session_setup_start
  • init_startup_session_setup_complete
  • cache_permissions
  • fetch_postinfo_query
  • fetch_postinfo
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • style_fetch
  • cache_templates
  • global_start
  • parse_templates
  • global_setup_complete
  • showthread_start
  • showthread_getinfo
  • forumjump
  • showthread_post_start
  • showthread_query_postids
  • showthread_query
  • bbcode_fetch_tags
  • bbcode_create
  • showthread_postbit_create
  • postbit_factory
  • postbit_display_start
  • post_thanks_function_post_thanks_off_start
  • post_thanks_function_post_thanks_off_end
  • post_thanks_function_fetch_thanks_start
  • fetch_musername
  • post_thanks_function_fetch_thanks_end
  • post_thanks_function_thanked_already_start
  • post_thanks_function_thanked_already_end
  • postbit_imicons
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • postbit_attachment
  • postbit_display_complete
  • post_thanks_function_can_thank_this_post_start
  • post_thanks_function_fetch_thanks_bit_start
  • post_thanks_function_show_thanks_date_start
  • post_thanks_function_show_thanks_date_end
  • post_thanks_function_fetch_thanks_bit_end
  • post_thanks_function_fetch_post_thanks_template_start
  • post_thanks_function_fetch_post_thanks_template_end
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • showthread_complete