Jump to content


How to fix FlagMod entry misalignment in user info pane


124 replies to this topic

#1 Broni

    Malware Annihilator

  • 24,345 posts
  • Joined: October 04, 2004
  • 1,748 topics
  • Age: 57
  • Skin: IPBoard wide
  • Local time: 12:24 PM
  • Zodiac:Virgo
  • Gender:Male
  • Location:Daly City, CA
  • OS:Windows Vista
  • Country:
Online
  • Time Online: 40d 22h 16m 35s

Posted 03 December 2009 - 05:31 AM

You'll find that issue in some skins.
To fix it, go:
ACP>Look & Feel>your_skin>CSS tab>ipb_styles.css

Find:
.author_info dt,
	.author_info dd {
		display: inline-block;
		color: #718a96;
		vertical-align: top;
(your color will be different)

Add following line:
margin-left:8px;


Find:
.author_info dt {
		font-weight: bold;	
		text-align: right;
		clear: both;

Add following line:
width:38%;


#2 M3rAJ Re: How to fix FlagMod entry misalignment in user info pane

    Member

  • 82 posts
  • Joined: January 22, 2010
  • 6 topics
  • Skin: IP.Board
  • Local time: 01:24 AM
  • OS:Windows Vista
  • Country:
Offline
  • :

Posted 22 January 2010 - 09:01 PM

HI broni...
I need some help,,

I have done these edits & still i have some problems...

have a look..

Posted Image

How can i move flag little bit up ?

#3 Broni Re: How to fix FlagMod entry misalignment in user info pane

    Malware Annihilator

  • 24,345 posts
  • Joined: October 04, 2004
  • 1,748 topics
  • Age: 57
  • Skin: IPBoard wide
  • Local time: 12:24 PM
  • Zodiac:Virgo
  • Gender:Male
  • Location:Daly City, CA
  • OS:Windows Vista
  • Country:
Online
  • Time Online: 40d 22h 16m 35s

Posted 22 January 2010 - 09:11 PM

Can you give me a link to your site, so I can take a look?

#4 M3rAJ Re: How to fix FlagMod entry misalignment in user info pane

    Member

  • 82 posts
  • Joined: January 22, 2010
  • 6 topics
  • Skin: IP.Board
  • Local time: 01:24 AM
  • OS:Windows Vista
  • Country:
Offline
  • :

Posted 22 January 2010 - 09:11 PM

www.lovingfriendz.com

#5 Broni Re: How to fix FlagMod entry misalignment in user info pane

    Malware Annihilator

  • 24,345 posts
  • Joined: October 04, 2004
  • 1,748 topics
  • Age: 57
  • Skin: IPBoard wide
  • Local time: 12:24 PM
  • Zodiac:Virgo
  • Gender:Male
  • Location:Daly City, CA
  • OS:Windows Vista
  • Country:
Online
  • Time Online: 40d 22h 16m 35s

Posted 22 January 2010 - 09:30 PM

OK. That whole author_info pane is messed up (misaligned).
This is your best option.
Here is appropriate code from IPB default skin:
/* AUTHOR INFO (& RELATED) STYLES */

.author_info {
	text-align: left;	
	font-size: 0.9em;
	border-right: 1px solid #e4ebf3;
	margin: 15px -5px 10px 0px;
	width: 225px;
	float: left;
}

	.author_info.no_rep {
		margin-bottom: 15px;
	}
	
	.author_info li.avatar, .author_info li.group_icon, .author_info li.title {
		text-align: center;
	}
	
	.author_info ul.user_fields li {
		clear: both;
		font-size: 0.9em;
		color: #000080;
		padding-bottom: 2px;
		overflow: hidden;
	}
	
	.author_info ul.user_fields li span {
		display: block;
		float: left;
	}
	
	.author_info ul.user_fields li span.ft {
		width: 38%;
		text-align: right;
		font-weight: bold;
		padding: 0 0 0 8px;
	}
	
	.author_info ul.user_fields li span.fc {
		padding: 0 8px 0 8px;
		max-width: 50%;
	}
	
	.author_info dl {
		font-size: 0.9em;
		margin: 8px 8px 15px 8px;
	}
	
	.author_info dt,
	.author_info dd {
		display: inline-block;
		color: #000080;
		vertical-align: top;
 	margin-left:8px;

	}
	
	.author_info dt {
		font-weight: bold;	
		text-align: right;
		clear: both;
 	width:38%;
	}
	
	.author_info dd {
		text-align: left;
		background: red;
	}
	
	.author_info .title {
		margin-top: 4px;
	}	

Find same section in your skin ipb_styles.css file.
Cut it out and replace it with the code, I posted above.

You may need to adjust font color afterwards.

I found same issue in number of skins.


#6 Broni Re: How to fix FlagMod entry misalignment in user info pane

    Malware Annihilator

  • 24,345 posts
  • Joined: October 04, 2004
  • 1,748 topics
  • Age: 57
  • Skin: IPBoard wide
  • Local time: 12:24 PM
  • Zodiac:Virgo
  • Gender:Male
  • Location:Daly City, CA
  • OS:Windows Vista
  • Country:
Online
  • Time Online: 40d 22h 16m 35s

Posted 22 January 2010 - 09:32 PM

Mentioned section stops at:
.user_controls {


#7 M3rAJ Re: How to fix FlagMod entry misalignment in user info pane

    Member

  • 82 posts
  • Joined: January 22, 2010
  • 6 topics
  • Skin: IP.Board
  • Local time: 01:24 AM
  • OS:Windows Vista
  • Country:
Offline
  • :

Posted 22 January 2010 - 09:51 PM

Thanks Alot Man :D
Problem Solved

#8 Broni Re: How to fix FlagMod entry misalignment in user info pane

    Malware Annihilator

  • 24,345 posts
  • Joined: October 04, 2004
  • 1,748 topics
  • Age: 57
  • Skin: IPBoard wide
  • Local time: 12:24 PM
  • Zodiac:Virgo
  • Gender:Male
  • Location:Daly City, CA
  • OS:Windows Vista
  • Country:
Online
  • Time Online: 40d 22h 16m 35s

Posted 22 January 2010 - 09:54 PM

You're welcome :)
Looks good....

#9 M3rAJ Re: How to fix FlagMod entry misalignment in user info pane

    Member

  • 82 posts
  • Joined: January 22, 2010
  • 6 topics
  • Skin: IP.Board
  • Local time: 01:24 AM
  • OS:Windows Vista
  • Country:
Offline
  • :

Posted 22 January 2010 - 10:01 PM

Yeah...
Actually i have one more problem with my top 20 posters page...
have a look...

#10 Broni Re: How to fix FlagMod entry misalignment in user info pane

    Malware Annihilator

  • 24,345 posts
  • Joined: October 04, 2004
  • 1,748 topics
  • Age: 57
  • Skin: IPBoard wide
  • Local time: 12:24 PM
  • Zodiac:Virgo
  • Gender:Male
  • Location:Daly City, CA
  • OS:Windows Vista
  • Country:
Online
  • Time Online: 40d 22h 16m 35s

Posted 22 January 2010 - 10:19 PM

OK. HTML code is messed up
Go to ACP>...>Templates>Statistics>top_posters

Find:

Quote

<tr class='{parse striping="top_posters"}'>
<td>
<img src='{$info['pp_mini_photo']}' alt="{$info['members_display_name']}{$this->lang->words['users_photo']}" class='photo' width='{$info['pp_mini_width']}' height='{$info['pp_mini_height']}' />
</td>
<td>

Replace whatever you have between <td> and </td> with my code in red.

#11 M3rAJ Re: How to fix FlagMod entry misalignment in user info pane

    Member

  • 82 posts
  • Joined: January 22, 2010
  • 6 topics
  • Skin: IP.Board
  • Local time: 01:24 AM
  • OS:Windows Vista
  • Country:
Offline
  • :

Posted 22 January 2010 - 10:36 PM

done...
but still the same

#12 Broni Re: How to fix FlagMod entry misalignment in user info pane

    Malware Annihilator

  • 24,345 posts
  • Joined: October 04, 2004
  • 1,748 topics
  • Age: 57
  • Skin: IPBoard wide
  • Local time: 12:24 PM
  • Zodiac:Virgo
  • Gender:Male
  • Location:Daly City, CA
  • OS:Windows Vista
  • Country:
Online
  • Time Online: 40d 22h 16m 35s

Posted 22 January 2010 - 10:40 PM

The code looks unchanged to me. Did you save changes?

Post the content of top_posters file.

#13 M3rAJ Re: How to fix FlagMod entry misalignment in user info pane

    Member

  • 82 posts
  • Joined: January 22, 2010
  • 6 topics
  • Skin: IP.Board
  • Local time: 01:24 AM
  • OS:Windows Vista
  • Country:
Offline
  • :

Posted 23 January 2010 - 12:44 AM

Yes i Saved the changes..
Here is the code...

<table class='ipb_table'>
	<caption class='maintitle'>{$this->lang->words['todays_posters']}</caption>
	<tr class='header'>
		<th scope='col' style='width: 3%'>&nbsp;</th>
		<th scope='col'>{$this->lang->words['member']}</th>
		<th scope='col'>{$this->lang->words['member_joined']}</th>
		<th scope='col' class='short'>{$this->lang->words['member_posts']}</th>
		<th scope='col' class='short'>{$this->lang->words['member_today']}</th>
		<th scope='col' class='short'>{$this->lang->words['member_percent']}</th>
		<th scope='col' class='short'>&nbsp;</th>
	</tr>
	<if test="hasTopPosters:|:!is_array($rows) OR !count($rows)">
		<tr>
			<td colspan='7' class='no_messages'>{$this->lang->words['no_info']}</td>
		</tr>
	<else />
		{parse striping="top_posters" classes="row1,row2"}
		<foreach loop="topposters:$rows as $info">
			<tr class='{parse striping="top_posters"}'>
				<td>
<img src='{$info['pp_mini_photo']}' alt="{$info['members_display_name']}{$this->lang->words['users_photo']}" class='photo' width='{$info['pp_mini_width']}' height='{$info['pp_mini_height']}' />
				</td>
				<td>
					<if test="topPosterMid:|:$info['member_id'] > 0">
						<a href='{parse url="showuser={$info['member_id']}" seotitle="{$info['members_seo_name']}" template="showuser" base="public"}' title='{$this->lang->words['view_profile']}'>{$info['members_display_name']}</a> {parse template="user_popup" group="global" params="$info['member_id'], $info['members_seo_name']"}
					<else />
						{$info['members_display_name']}
					</if>
				</td>
				<td class='altrow'>
					{parse date="$info['joined']" format="joined"}
				</td>
				<td class='short'>
					{parse format_number="$info['posts']"}
				</td>
				<td class='altrow short'>
					{parse format_number="$info['tpost']"}
				</td>
				<td class='short'>
					{$info['today_pct']}%
				</td>
				<td class='altrow short'>
					<ul class='user_controls clear'>
						<if test="tpIsFrindable:|:$this->memberData['member_id'] AND $this->memberData['member_id'] != $info['member_id'] && $this->settings['friends_enabled'] AND $this->memberData['g_can_add_friends']">
							<if test="tpIsFriend:|:IPSMember::checkFriendStatus( $info['member_id'] )">
								<li class='mini_friend_toggle is_friend' id='friend_xxx_{$info['member_id']}'><a href='{parse url="app=members&amp;module=profile&amp;section=friends&amp;do=remove&amp;member_id={$info['member_id']}&amp;secure_key={$this->member->form_hash}" base="public"}' title='{$this->lang->words['remove_friend']}'>{parse replacement="remove_friend"}</a></li>
							<else />
								<li class='mini_friend_toggle is_not_friend' id='friend_xxx_{$info['member_id']}'><a href='{parse url="app=members&amp;module=profile&amp;section=friends&amp;do=add&amp;member_id={$info['member_id']}&amp;secure_key={$this->member->form_hash}" base="public"}' title='{$this->lang->words['add_friend']}'>{parse replacement="add_friend"}</a></li>								
							</if>
						</if>
						<if test="tpPm:|:$this->memberData['g_use_pm'] AND $this->memberData['member_id'] != $info['member_id'] AND $this->memberData['members_disable_pm'] == 0 AND IPSLib::moduleIsEnabled( 'messaging', 'members' )">
							<li class='pm_button' id='pm_xxx_{$info['member_id']}'><a href='{parse url="app=members&amp;module=messaging&amp;section=send&amp;do=form&amp;fromMemberID={$info['member_id']}" base="public"}' title='{$this->lang->words['pm_member']}'>{parse replacement="send_msg"}</a></li>
						</if>
						<if test="tpBlog:|:$info['has_blog'] AND IPSLib::appIsInstalled( 'blog' )">
							<li><a href='{parse url="app=blog&amp;module=display&amp;section=blog&amp;mid={$info['member_id']}" base="public"}' title='{$this->lang->words['view_blog']}'>{parse replacement="blog_link"}</a></li>
						</if>
						<if test="tpGallery:|:$info['has_gallery'] AND IPSLib::appIsInstalled( 'gallery' )">
							<li><a href='{parse url="app=gallery&amp;module=user&amp;section=user&amp;user={$info['member_id']}" base="public"}' title='{$this->lang->words['view_gallery']}'>{parse replacement="gallery_link"}</a></li>
						</if>
					</ul>
				</td>
			</tr>
		</foreach>
	</if>
</table>


#14 Broni Re: How to fix FlagMod entry misalignment in user info pane

    Malware Annihilator

  • 24,345 posts
  • Joined: October 04, 2004
  • 1,748 topics
  • Age: 57
  • Skin: IPBoard wide
  • Local time: 12:24 PM
  • Zodiac:Virgo
  • Gender:Male
  • Location:Daly City, CA
  • OS:Windows Vista
  • Country:
Online
  • Time Online: 40d 22h 16m 35s

Posted 23 January 2010 - 01:11 AM

Everything looks fine there.

Post the content of hookTopPosters from Board Index.

#15 M3rAJ Re: How to fix FlagMod entry misalignment in user info pane

    Member

  • 82 posts
  • Joined: January 22, 2010
  • 6 topics
  • Skin: IP.Board
  • Local time: 01:24 AM
  • OS:Windows Vista
  • Country:
Offline
  • :

Posted 23 January 2010 - 01:45 AM

here it is..

<div class='general_box clearfix'>
		<h3><img src='{$this->settings['img_url']}/user_comment.png' alt='{$this->lang->words['icon']}' /> {$this->lang->words['todays_top_posters']}</h3>
			<if test="topposters:|:is_array($posters) AND count($posters)">
				<ol id='top_posters' class='block_list clearfix'>
				<foreach loop="top_posters_hook:$posters as $r">
					<li>
						<a href='{parse url="showuser={$r['member_id']}" template="showuser" seotitle="{$r['members_seo_name']}" base="public"}' title='{$this->lang->words['view_profile']}'><img src='{$r['pp_thumb_photo']}' width='{$r['pp_thumb_width']}' height='{$r['pp_thumb_height']}' alt='{$this->lang->words['photo']}' class='photo' /></a><br />
						<span class='name'><a href='{parse url="showuser={$r['member_id']}" template="showuser" seotitle="{$r['members_seo_name']}" base="public"}' title='{$this->lang->words['view_profile']}'>{$r['members_display_name_short']}</a>{parse template="user_popup" group="global" params="$r['member_id'], $r['members_seo_name']"} ({$r['tpost']})</span>
					</li>
				</foreach>
			</ol>
			</if>
	</div>


#16 Broni Re: How to fix FlagMod entry misalignment in user info pane

    Malware Annihilator

  • 24,345 posts
  • Joined: October 04, 2004
  • 1,748 topics
  • Age: 57
  • Skin: IPBoard wide
  • Local time: 12:24 PM
  • Zodiac:Virgo
  • Gender:Male
  • Location:Daly City, CA
  • OS:Windows Vista
  • Country:
Online
  • Time Online: 40d 22h 16m 35s

Posted 23 January 2010 - 02:27 AM

Nothing there.
I'm going to ask my friend to take another look.

#17 M3rAJ Re: How to fix FlagMod entry misalignment in user info pane

    Member

  • 82 posts
  • Joined: January 22, 2010
  • 6 topics
  • Skin: IP.Board
  • Local time: 01:24 AM
  • OS:Windows Vista
  • Country:
Offline
  • :

Posted 23 January 2010 - 02:36 AM

ok take your time :)

#18 AlbusDumbledore Re: How to fix FlagMod entry misalignment in user info pane

    Member

  • 44 posts
  • Joined: January 06, 2010
  • 2 topics
  • Age: 55
  • Skin: IP.Board
  • Local time: 03:24 PM
  • Gender:Male
  • Location:SC
  • Interests:Harry Potter, Skinning Forums, Graphics
  • OS:Windows 7
  • Country:
Offline
  • Time Online: 9m 11s

Posted 23 January 2010 - 04:13 AM

View PostM3rAJ, on 23 January 2010 - 01:45 AM, said:

here it is..

<div class='general_box clearfix'>
		<h3><img src='{$this->settings['img_url']}/user_comment.png' alt='{$this->lang->words['icon']}' /> {$this->lang->words['todays_top_posters']}</h3>
			<if test="topposters:|:is_array($posters) AND count($posters)">
				<ol id='top_posters' class='block_list clearfix'>
				<foreach loop="top_posters_hook:$posters as $r">
					<li>
						<a href='{parse url="showuser={$r['member_id']}" template="showuser" seotitle="{$r['members_seo_name']}" base="public"}' title='{$this->lang->words['view_profile']}'><img src='{$r['pp_thumb_photo']}' width='{$r['pp_thumb_width']}' height='{$r['pp_thumb_height']}' alt='{$this->lang->words['photo']}' class='photo' /></a><br />
						<span class='name'><a href='{parse url="showuser={$r['member_id']}" template="showuser" seotitle="{$r['members_seo_name']}" base="public"}' title='{$this->lang->words['view_profile']}'>{$r['members_display_name_short']}</a>{parse template="user_popup" group="global" params="$r['member_id'], $r['members_seo_name']"} ({$r['tpost']})</span>
					</li>
				</foreach>
			</ol>
			</if>
	</div>


This appears correct with default code.

#19 Broni Re: How to fix FlagMod entry misalignment in user info pane

    Malware Annihilator

  • 24,345 posts
  • Joined: October 04, 2004
  • 1,748 topics
  • Age: 57
  • Skin: IPBoard wide
  • Local time: 12:24 PM
  • Zodiac:Virgo
  • Gender:Male
  • Location:Daly City, CA
  • OS:Windows Vista
  • Country:
Online
  • Time Online: 40d 22h 16m 35s

Posted 23 January 2010 - 04:19 AM

Yeah, but did you look at his page here: http://lovingfriendz...s&section=stats

Posted Image

If you remove indicated last line, things are back to normal, but I can't find out, where this whole messed up code (in red rectangle) comes from.

#20 AlbusDumbledore Re: How to fix FlagMod entry misalignment in user info pane

    Member

  • 44 posts
  • Joined: January 06, 2010
  • 2 topics
  • Age: 55
  • Skin: IP.Board
  • Local time: 03:24 PM
  • Gender:Male
  • Location:SC
  • Interests:Harry Potter, Skinning Forums, Graphics
  • OS:Windows 7
  • Country:
Offline
  • Time Online: 9m 11s

Posted 23 January 2010 - 04:34 AM

The top 20 posters in the statistic has the wrong code in it. I see one issue is that the custom skin is listed as IP.Board. Was this skin created on the default skin, if it was there is always going to be problems. When every an upgrade is done the default skin edits are going to be over written. The custom skin should have been made in a skin set all it own.





1 user(s) are reading this topic

0 members, 1 guests, 0 anonymous users


This topic has been visited by 2 user(s)