Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New Coder
    Join Date
    Feb 2012
    Posts
    56
    Thanks
    5
    Thanked 0 Times in 0 Posts

    CSS help Safari 6 issue

    Hello,
    Hoping someone can help me, going nuts at this point. I believe it's a CSS issue - or, can be corrected with CSS. Please see attachments - If you notice in the first screenshot the sidebar overlaps the profile picture, in the second screen shot it's got the correct spacing.

    Here is the weird part, it only overlaps like this in the newest safari browser 6 and higher. Firefox and IE and older Safari browser (5.1.7) are fine.

    Code:
    <style type="text/css" id="memberinfo_css">
    <!--
    #content_container {
    	width:100%;
    	float:$stylevar[left];
    	margin-$stylevar[right]:-260px;
    }
    #content {
    	margin-$stylevar[right]:260px;
    }
    #sidebar_container {
    	width:255px;
    	float:$stylevar[right];
    }
    
    .list_no_decoration {
    	list-style-type:none;
    	margin:0px;
    	padding:0px;
    }
    
    div.fixed_width_avatar {
    	text-align:center;
    	width:60px;
    }
    
    /**
    * Memberinfo Small
    */
    li.memberinfo_small {
    	margin-top:6px;
    }
    li.memberinfo_small div.fixed_width_avatar {
    	margin-$stylevar[right]:6px;
    }
    li.memberinfo_small div.info_bar, #friends li.memberinfo_small div.info_bar {
    	border-width:1px 0px 0px 0px;
    	margin-bottom:6px;
    }
    li.memberinfo_small div.info_bar ul {
    	padding:6px;
    }
    li.memberinfo_small ul.friend_im_list li {
    	display:inline;
    	margin-$stylevar[right]:3px;
    }
    li.memberinfo_small ul.friend_im_list img {
    	vertical-align:middle;
    }
    
    /**
    * Memberinfo Tiny
    */
    li.memberinfo_tiny {
    	height:95px;
    	width:60px;
    	overflow:hidden;
    	float:$stylevar[left];
    	text-align:center;
    	margin:3px;
    }
    
    /**
    * Tabs and Blocks
    */
    .content_block {
    	margin-bottom:6px;
    	padding:$stylevar[cellspacing]px;
    }
    .content_block .block_row {
    	padding:$stylevar[cellpadding]px;
    	margin:$stylevar[cellspacing]px 0px 0px 0px;
    }
    .content_block .block_title {
    	padding:2px;
    	margin:0px 0px 0px 0px;
    }
    /*.content_block h4.thead, .content_block .block_title {
    	padding:4px;
    	margin:$stylevar[cellspacing]px 0px 0px 0px;
    }*/
    .content_block .block_footer {
    	text-align:$stylevar[right];
    	padding:4px;
    	margin:$stylevar[cellspacing]px 0px 0px 0px;
    }
    a.collapse_gadget {
    	float:$stylevar[right];
    }
    
    /**
    * Popup Menus Built With List Markup
    */
    ul.vbmenu_popup li {
    	padding:4px;
    	margin:0px 1px 1px 1px;
    	white-space:nowrap;
    }
    ul.vbmenu_popup li.first {
    	margin:1px;
    }
    ul.vbmenu_popup li.notext {
    	font-size:1px;
    }
    
    /**
    * Override Menu CSS for 'Send Message' Menu
    */
    #minicontact_menu li.vbmenu_option, #minicontact_menu li.vbmenu_hilite {
    	padding:0px;
    	padding-$stylevar[right]:4px;
    }
    #minicontact_menu li.vbmenu_option img, #minicontact_menu li.vbmenu_hilite img {
    	padding:4px;
    }
    
    /**
    * Profile Field List Title / Value Pairs
    */
    dl.profilefield_list dd {
    	margin-bottom:3px;
    	margin-$stylevar[left]:16px;
    }
    
    /**
    * Sidebar profile field blocks
    */
    #sidebar_container dl.profilefield_list {
    	font-size:11px;
    }
    
    /**
    * Top Panel
    */
    #main_userinfo {
    	margin-bottom:20px;
    }
    #main_userinfo #profilepic_cell {
    	 border-bottom-width:0px;
    	 padding:4px;
    }
    #main_userinfo .profilepic_adjacent {
    	padding-$stylevar[left]:6px;
    }
    #main_userinfo h1 {
    	font-size:18pt;
    	font-weight:normal;
    	margin:0px;
    }
    #main_userinfo h2 {
    	font-size:10pt;
    	font-weight:normal;
    	margin:0px;
    }
    #reputation_rank {
    	float:$stylevar[right];
    }
    #reputation {
    	margin-bottom:6px;
    	text-align:$stylevar[right];
    }
    #rank {
    	margin-bottom:6px;
    	text-align:$stylevar[right];
    }
    #send_message_cell {
    	padding-bottom:6px;
    	text-align:$stylevar[right];
    }
    #link_bar ul {
    	padding:4px;
    }
    #link_bar li.thead {
    	float:$stylevar[left];
    	margin-$stylevar[right]:10px;
    	white-space:nowrap;
    	font-weight:normal;
    	background:transparent;
    }
    #link_bar a {
    	text-decoration:none;
    }
    #link_bar a:hover {
    	text-decoration:underline;
    }
    #activity_info {
    	border-top-width:0px;
    }
    #activity_info div.alt2 {
    	padding:4px;
    }
    #link_bar #usercss_switch_link {
    	float:$stylevar[right];
    	margin-$stylevar[left]:3px;
    	margin-$stylevar[right]:0px;
    }
    
    /**
    * Visitor Messaging Tab
    */
    
    #qc_error_div {
    	text-align:$stylevar[left];
    	margin-bottom:6px;
    }
    #qc_error_header {
    	font-weight:bold;
    }
    #qc_error_okay {
    	text-align:$stylevar[right];
    }
    
    #message_form {
    	display:block;
    	margin:0px;
    }
    #message_form textarea {
    	width:98%;
    	height:50px;
    }
    #message_form div.messagetext {
    	text-align:$stylevar[left];
    }
    #message_form div.allowed_bbcode {
    	float:$stylevar[left];
    }
    #message_form div.submit_button {
    	text-align:$stylevar[right];
    }
    
    #visitor_messaging #inlinemodsel {
    	float:$stylevar[right];
    }
    
    #visitor_messaging #view_my_conversation_link {
    	float:$stylevar[right];
    	text-decoration:none;
    }
    
    #visitor_message_inlinemod_form {
    	margin:0px;
    	display:block;
    }
    
    #message_list {
    	border:none;
    }
    #message_list li {
    	margin-bottom:6px;
    }
    #message_list div.fixed_width_avatar {
    	margin-$stylevar[right]:10px;
    	float:$stylevar[left];
    }
    #message_list div.visitor_message_avatar_margin {
    	margin-$stylevar[left]:66px;
    }
    #message_list div.info_bar {
    	border-width:1px 0px 0px 0px;
    	margin-bottom:6px;
    }
    #message_list div.info_bar div.alt2 {
    	padding:6px;
    }
    #message_list div.info_bar a.username {
    	/*font-weight:bold;*/
    }
    #message_list .visitor_message_date {
    	float:$stylevar[right];
    }
    #message_list .group_message_date {
    	float:$stylevar[right];
    }
    #message_list .inlinemod_checkbox {
    	float:$stylevar[right];
    }
    #message_list div.visitor_message_body {
    	overflow:auto;
    }
    #message_list ul.controls {
    	margin-top:6px;
    	text-align:$stylevar[right];
    }
    #message_list ul.controls li {
    	display:inline;
    	margin-$stylevar[left]:6px;
    }
    #message_list ul.controls a:link, #message_list ul.controls a:visited {
    	text-decoration:none;
    }
    #message_list .deletedmessage{
    	float: $stylevar[left]
    }
    
    /**
    * About Me Tab
    */
    #aboutme li.profilefield_category {
    	font-weight:bold;
    	margin-top:6px;
    }
    #aboutme dl.profilefield_list {
    	font-weight:normal;
    	margin:6px 16px 0px 0px;
    }
    #aboutme dl.profilefield_list dd {
    	margin-bottom:6px;
    	margin-$stylevar[left]:70px;
    }
    #aboutme #signature {
    	width:100%;
    	overflow:auto;
    }
    #aboutme #simple_aboutme_link {
    	text-align: $stylevar[right];
    	display: block;
    }
    
    /**
    * About Me Tab (Alternative)
    */
    #aboutme2 dl.profilefield_list dd {
    	margin-bottom:6px;
    	margin-$stylevar[left]:0px;
    }
    
    /**
    * Statistics Tab
    */
    #stats fieldset.statistics_group {
    	margin-top:6px;
    }
    #stats fieldset.statistics_group ul {
    	padding:6px;
    }
    #stats fieldset.statistics_group ul li {
    	margin-bottom:3px;
    }
    
    /**
    * Statistics Tab (Alternative)
    */
    #statistics2 ul.statistics_group li {
    	margin-bottom:3px;
    }
    
    /**
    * Friends Tab
    */
    #friends a.edit_friends_link {
    	float:$stylevar[right];
    }
    #friends_mini a.edit_friends_link {
    	float:<if condition="$prepared['friendcount']">$stylevar[left]<else />$stylevar[right]</if>;
    	<if condition="$prepared['friendcount']">margin-$stylevar[right]<else />margin-$stylevar[left]</if>:10px;
    }
    
    /**
    * Infractions Tab
    */
    div#infractions.content_block {
    	padding:0px;
    }
    
    /**
    * Contact Info Tab
    */
    #contactinfo fieldset {
    	margin-bottom:6px;
    }
    #contactinfo div.fieldset_padding {
    	padding:6px;
    }
    #contactinfo #messaging_list li {
    	margin-bottom:3px;
    	margin-$stylevar[right]:16px;
    	float:$stylevar[left];
    	white-space:nowrap;
    }
    #contactinfo #instant_messaging_list li {
    	margin-top:6px;
    	margin-$stylevar[right]:6px;
    	position:relative;
    }
    #contactinfo #instant_messaging_list .im_img_link {
    	vertical-align: middle;
    }
    #contactinfo #instant_messaging_list .im_txt_link {
    	position:absolute;
    	$stylevar[left]:75px;
    }
    #contactinfo #additional_contact_details dd {
    	margin-$stylevar[left]:0px;
    	margin-bottom:6px;
    }
    
    /**
    * Albums Block
    */
    #albums_mini_list li {
    	text-align:center;
    	margin-bottom:6px;
    }
    
    /**
    * Mini Friends Block
    */
    
    #friends_mini_list a.username {
    	display:block;
    	margin-top:3px;
    }
    #friends_mini div.friends_counter {
    	padding-bottom:6px;
    }
    
    /**
    * Groups Block
    */
    span.group_count {
    	float:$stylevar[right];
    }
    ul.group_list {
    	margin:6px 0px 0px 6px;
    }
    ul.group_list li {
    	display:inline;
    	margin-$stylevar[right]:3px;
    }
    #public_usergroup_list a:link, #public_usergroup_list a:visited {
    	text-decoration:none;
    }
    
    /**
    * Traffic Block
    */
    ol.last_visitors_list {
    	margin:0px;
    	margin-top:6px;
    }
    ol.last_visitors_list li {
    	display:inline;
    	margin-$stylevar[right]:3px;
    }
    
    $template_hook[memberinfo_css]
    -->
    </style>
    -Tom
    Attached Thumbnails Attached Thumbnails CSS help Safari 6 issue-screen-shot-2012-10-28-2.47.01-pm.jpg   CSS help Safari 6 issue-screen-shot-2012-10-28-2.49.07-pm.jpg  

  • #2
    New Coder
    Join Date
    Feb 2012
    Posts
    56
    Thanks
    5
    Thanked 0 Times in 0 Posts
    Oh,
    here is the Template html code -
    Code:
    Here is the html template code if it helps at all -
    
    
    Code:
    $stylevar[htmldoctype]
    <html xmlns="http://www.w3.org/1999/xhtml" dir="$stylevar[textdirection]" lang="$stylevar[languagecode]">
    <head>
    $headinclude
    $usercss
    $memberinfo_css
    <style type="text/css" id="vbulletin_tabctrl_css">
    @import url("clientscript/vbulletin_tabctrl.css?v=$vboptions[simpleversion]");
    <if condition="$show['rtl']">@import url("clientscript/vbulletin_tabctrl_rtl.css?v=$vboptions[simpleversion]");</if>
    </style>
    
    <script type="text/javascript" src="clientscript/vbulletin_tabctrl.js?v=$vboptions[simpleversion]"></script>
    
    <title>$vbphrase[view_profile]: $userinfo[username]</title>
    
    <if condition="$userinfo['userid'] == $bbuserinfo['userid']">
    <script type="text/javascript" src="clientscript/vbulletin_profilefield_edit.js?v=$vboptions[simpleversion]"></script>
    </if>
    <script type="text/javascript">
    <!--
    vbphrase['server_failed_respond_try_again'] = "$vbphrase[server_failed_respond_try_again]";
    vbphrase['edit_value'] = "$vbphrase[edit_value_js]";
    
    <if condition="$show['post_visitor_message']">
    function goto_post_pm()
    {
    	vB_TabCtrls['profile_tabs'].switch_tab('visitor_messaging');
    	fetch_object('visitor_messaging').scrollIntoView();
    
    	var textarea = fetch_object('visitor_message_form_textarea');
    	if (textarea)
    	{
    		textarea.focus();
    		textarea.select();
    	}
    }
    </if>
    -->
    </script>
    
    </head>
    <body>
    
    $header
    $navbar
    
    <br />
    
    
    <!-- begin user css -->
    <div id="usercss" class="floatcontainer">
    
    <div id="content_container">
    	<div id="content">
    
    		<div id="main_userinfo" class="floatcontainer">
    
    <!-- ##### USER NAME ##### -->
    <table cellpadding="0" cellspacing="0" border="0" width="100%">
    <tr><td>
    <a href="member.php?$session[sessionurl]u=$userinfo[userid]"><span style="font-size:14px; padding-left:0px;"><strong>$prepared[musername]</strong></span></a>$prepared[onlinestatus]<br />
    
    
    <!--BEGIN VBSTATUS-->
    <if condition="$vbulletin->options['vbstatus_active']">
    
    <div style="font-size:10px; text-decoration:none;">
    $userinfo[username] {$vbulletin->options['vbstatus_statusprefix']} 
    <div style="display:inline;" id="vbstatus_statusbox_postbit_id_$userinfo[userid]" style="display:inline;" id="status_postbit_id_$userinfo[userid]">
    
    <div style="display:inline;" id="status_postbit_id_$userinfo[userid]">
    <if condition="$userinfo['vbstatus_status']==''">
    {$vbulletin->options['vbstatus_defaultstatus']}
    </if>
    $userinfo[vbstatus_status]
    </div>
    <if condition="$userinfo['userid']==$vbulletin->userinfo['userid']">
    			
    <a href="javascript:vbstatus_change_status('status_postbit_id_$userinfo[userid]','$userinfo[userid]','vbstatus_input_postbit_id_$userinfo[userid]','vbstatus_editbox_postbit_id_$userinfo[userid]','vbstatus_statusbox_postbit_id_$userinfo[userid]')">Edit</a>
    
    </if>
    
    
    </div>
    <div style="display:none;" id="vbstatus_editbox_postbit_id_$userinfo[userid]">
    <input style="width:100px;" id="vbstatus_input_postbit_id_$userinfo[userid]" />
    <a href="javascript:vbstatus_update_status('status_postbit_id_$userinfo[userid]','$userinfo[userid]','vbstatus_input_postbit_id_$userinfo[userid]','vbstatus_editbox_postbit_id_$userinfo[userid]','vbstatus_statusbox_postbit_id_$userinfo[userid]')">Save</a>
    </div>
    
    </div>
    </if>
    <!--END VBSTATUS-->
    
    
    <if condition="$prepared['usertitle']"><span class="shade smallfont">$prepared[usertitle]</span></if>
    </td></tr>
    </table>
    <!-- ##### /USER NAME ##### -->
    <br />
    
    <table cellpadding="0" cellspacing="0" border="0" width="100%" align="center"><tr><td height="1" class="tfoot"></td></tr></table>
    
    			<table cellpadding="0" cellspacing="0" border="0" width="100%">
    			<tr>
    
    <!-- ##### PROFILE PIC ##### -->
    <if condition="$prepared['profilepicurl']">
    <td id="profilepic_cell" class="tborder alt2" align="center"><img src="$prepared[profilepicurl]" $prepared[profilepicsize] alt="<phrase 1="$prepared[username]">$vbphrase[xs_picture]</phrase>" /></td>
    </if>
    <if condition="$prepared['myprofile']"><tr><td class="explanation" nowrap="nowrap" align="center"><a class="smallfont" href="profile.php?$session[sessionurl]do=editprofilepic">$vbphrase[edit_profile_picture]</a></td></tr></if>
    
    <!-- ##### /PROFILE PIC ##### -->
    
    			</tr>
    			</table>
    
    			<!-- link bar -->
    			<div class="tborder content_block" id="link_bar">
    				<ul class="thead block_row block_title list_no_decoration floatcontainer">
    					<if condition="$prepared['myprofile']">
    						<if condition="$show['can_customize_profile']">
    							<li class="thead" id="usercss_switch_link"><a href="profile.php?$session[sessionurl]do=customize">$vbphrase[customize_profile]</a></li>
    						</if>
    					<else />
    						<if condition="$show['usercss_switch']">
    							<li class="thead" id="usercss_switch_link"><a href="profile.php?$session[sessionurl]do=switchusercss&amp;hash=$bbuserinfo[logouthash]&amp;u=$prepared[userid]">$usercss_switch_phrase</a></li>
    						</if>
    					</if>
    
    					<if condition="$show['contactlinks']">
    						<li class="thead" id="minicontact"><a href="#contactinfo">$vbphrase[send_message]</a> <script type="text/javascript">vBmenu.register("minicontact");</script></li>
    					</if>
    
    					<if condition="$show['userlists']">
    						<li class="thead" id="userlists"><a href="profile.php?$session[sessionurl]do=buddylist&amp;nojs=1">$vbphrase[user_lists]</a> <script type="text/javascript">vBmenu.register("userlists");</script></li>
    					</if>
    
    					<if condition="$show['usernotes']">
    						<li class="thead"><a href="usernote.php?$session[sessionurl]u=$prepared[userid]">$vbphrase[user_notes] ($prepared[usernotecount])</a></li>
    					</if>
    
    					<if condition="can_moderate()">
    						<li class="thead"><a href="moderator.php?$session[sessionurl]do=useroptions&amp;u=$userinfo[userid]">$vbphrase[edit_user_profile]</a></li>
    					</if>
    				</ul>
    
    				<!-- current activity -->
    				<if condition="$prepared['lastactivitydate'] OR $prepared['action']">
    					<div class="alt2 smallfont block_row" id="activity_info">
    						<if condition="$prepared['lastactivitydate']">
    							<div id="last_online">
    								<span class="shade">$vbphrase[last_activity]:</span> $prepared[lastactivitydate]<if condition="!$show['detailedtime']"> <span class="time">$prepared[lastactivitytime]</span></if>
    							</div>
    						</if>
    						<if condition="$prepared['action']">
    							<span class="shade">$vbphrase[current_activity]:</span> $prepared[action] $prepared[where]
    						</if>
    					</div>
    				</if>
    				<!-- / current activity -->
    
    			</div>
    			<!-- / link bar -->
    
    			<!-- user list menu -->
    			<ul id="userlists_menu" class="vbmenu_popup list_no_decoration" style="display: none">
    				<li class="thead first"><phrase 1="$prepared[username]">$vbphrase[user_lists]</phrase></li>
    				<if condition="$prepared['canbefriend']">
    					<li class="vbmenu_option">
    						<a href="profile.php?$session[sessionurl]do=addlist&amp;userlist=friend&amp;u=$prepared[userid]"><if condition="$prepared['requestedfriend']">$vbphrase[confirm_friendship_request]<else />$vbphrase[add_to_friends_list]</if></a>
    					</li>
    				</if>
    				<if condition="$prepared['isfriend']">
    					<li class="vbmenu_option">
    						<a href="profile.php?$session[sessionurl]do=removelist&amp;userlist=friend&amp;u=$prepared[userid]">$vbphrase[remove_from_friends_list]</a>
    					</li>
    				</if>
    				<if condition="$show['addbuddylist']">
    					<li class="vbmenu_option">
    						<a href="profile.php?$session[sessionurl]do=addlist&amp;userlist=buddy&amp;u=$prepared[userid]">$vbphrase[add_to_contacts]</a>
    					</li>
    				</if>
    				<if condition="$show['removebuddylist']">
    					<li class="vbmenu_option">
    						<a href="profile.php?$session[sessionurl]do=removelist&amp;userlist=buddy&amp;u=$prepared[userid]">$vbphrase[remove_from_contacts]</a>
    					</li>
    				</if>
    				<if condition="$show['addignorelist']">
    					<li class="vbmenu_option">
    						<a href="profile.php?$session[sessionurl]do=addlist&amp;userlist=ignore&amp;u=$prepared[userid]">$vbphrase[add_to_ignore_list]</a>
    					</li>
    				</if>
    				<if condition="$show['removeignorelist']">
    					<li class="vbmenu_option">
    						<a href="profile.php?$session[sessionurl]do=removelist&amp;userlist=ignore&amp;u=$prepared[userid]">$vbphrase[remove_from_ignore_list]</a>
    					</li>
    				</if>
    			</ul>
    
    			<!-- contact popup menu -->
    			<ul id="minicontact_menu" class="vbmenu_popup list_no_decoration" style="display:none">
    				<if condition="$show['post_visitor_message'] OR $show['pm'] OR $show['email']">
    					<li class="thead first"><phrase 1="$prepared[username]">$vbphrase[send_message_to_x]</phrase></li>
    				</if>
    				<if condition="$show['post_visitor_message']"><li class="vbmenu_option"><img src="$stylevar[imgdir_button]/sendtofriend.gif" alt="" class="alt2 inlineimg" /> <a href="visitormessage.php?$session[sessionurl]do=message&amp;u=$prepared[userid]" onclick="return goto_post_pm();"><phrase 1="$prepared[username]">$vbphrase[post_a_visitor_message_for_x]</phrase></a></li></if>
    				<if condition="$show['pm']">
    					<li class="vbmenu_option"><img src="$stylevar[imgdir_button]/sendtofriend.gif" alt="" class="alt2 inlineimg" /> <a href="private.php?$session[sessionurl]do=newpm&amp;u=$prepared[userid]" rel="nofollow"><phrase 1="$prepared[username]">$vbphrase[send_private_message_to_x]</phrase></a></li>
    				</if>
    				<if condition="$show['email']"><li class="vbmenu_option"><img src="$stylevar[imgdir_button]/sendtofriend.gif" alt="" class="alt2 inlineimg" /> <a href="sendmessage.php?$session[sessionurl]do=mailmember&amp;u=$prepared[userid]" rel="nofollow"><phrase 1="$prepared[username]">$vbphrase[send_message_via_email_to_x]</phrase></a></li></if>
    				<if condition="$prepared['hasimdetails']">
    					<li class="thead<if condition="!$show['post_visitor_message'] AND !$show['pm'] AND !$show['email']"> first</if>">$vbphrase[instant_messaging]</li>
    					<if condition="$prepared['icq']">
    						<li class="vbmenu_option"><img class="alt2 inlineimg" alt="" src="$stylevar[imgdir_misc]/im_icq.gif" />  <a href="#" dir="ltr" onclick="imwindow('icq', '$prepared[userid]', 500, 450); return false;"><phrase 1="$prepared[username]">$vbphrase[send_icq_message_to_x]</phrase></a></li>
    					</if>
    					<if condition="$prepared['aim']">
    						<li class="vbmenu_option"><img class="alt2 inlineimg" alt="" src="$stylevar[imgdir_misc]/im_aim.gif" /> <a href="#" dir="ltr" onclick="imwindow('aim', '$prepared[userid]', 400, 200); return false;"><phrase 1="$prepared[username]">$vbphrase[send_aim_message_to_x]</phrase></a></li>
    					</if>
    					<if condition="$prepared['msn']">
    						<li class="vbmenu_option"><img class="alt2 inlineimg" alt="" src="$stylevar[imgdir_misc]/im_msn.gif" /> <a href="#" dir="ltr" onclick="imwindow('msn', '$prepared[userid]', 400, 200); return false;"><phrase 1="$prepared[username]">$vbphrase[send_msn_message_to_x]</phrase></a></li>
    					</if>
    					<if condition="$prepared['yahoo']">
    						<li class="vbmenu_option"><img src="$stylevar[imgdir_misc]/im_yahoo.gif" alt="" class="alt2 inlineimg" /> <a href="#" dir="ltr" onclick="imwindow('yahoo', '$prepared[userid]', 400, 200); return false;"><phrase 1="$prepared[username]">$vbphrase[send_yahoo_message_to_x]</phrase></a></li>
    					</if>
    					<if condition="$prepared['skype']">
    						<li class="vbmenu_option"><img src="$stylevar[imgdir_misc]/im_skype.gif" alt="" class="alt2 inlineimg" /> <a href="#" dir="ltr" onclick="imwindow('skype', '$prepared[userid]', 400, 285); return false;"><phrase 1="$prepared[username]">$vbphrase[send_skype_message_to_x]</phrase></a></li>
    					</if>
    				</if>
    			</ul>
    			<!-- / contact popup menu -->
    	</div>
    
    		$blocks[aboutme]
      $blocks[gifts]
    	<div id="profile_tabs">
    
    		$template_hook[profile_left_first]
    		$blocks[visitor_messaging]
    		$blocks[stats]
    		$blocks[friends]
    		$blocks[infractions]
    		$blocks[contactinfo]
    		$template_hook[profile_left_last]
    	</div>
    
    	<script type="text/javascript">
    	<!--
    	vBulletin.register_control("vB_TabCtrl", "profile_tabs", "$selected_tab", "&raquo;", "profile.php?u=2&do=loadtab&tabid={1:tabid}");
    	//-->
    	</script>
    
    </div>
    </div>
    
    <div id="sidebar_container">
    	<!-- sidebar -->
    	$template_hook[profile_right_first]
    	$blocks[stats_mini]
    	$template_hook[profile_right_mini]
    	$blocks[friends_mini]
            $blocks[youtube]
    	$blocks[albums]
    	$template_hook[profile_right_album]
    	$blocks[groups]
    	$blocks[visitors]
    	$template_hook[profile_right_last]
    	<!-- / sidebar -->
    </div>
    
    <!-- end usercss -->
    </div>
    
    $footer
    
    </body>
    </html>

  • #3
    New Coder
    Join Date
    Feb 2012
    Posts
    56
    Thanks
    5
    Thanked 0 Times in 0 Posts
    Thanks for the help..... I figured it out on my own. but I appreciate all the help.

    Had to add the red code below to make it work.

    Code:
    <style type="text/css" id="memberinfo_css">
    <!--
    #content_container {
    	width:100%;
    	float:$stylevar[left];
    	margin-$stylevar[right]:-260px;
    }
    #content {
            float:$stylevar[left];
    	margin-$stylevar[right]:260px;
    }
    #sidebar_container {
    	width:255px;
    	float:$stylevar[right];
    }
    
    .list_no_decoration {
    	list-style-type:none;
    	margin:0px;
    	padding:0px;
    }
    
    div.fixed_width_avatar {
    	text-align:center;
    	width:60px;
    }
    
    /**
    * Memberinfo Small
    */
    li.memberinfo_small {
    	margin-top:6px;
    }
    li.memberinfo_small div.fixed_width_avatar {
    	margin-$stylevar[right]:6px;
    }
    li.memberinfo_small div.info_bar, #friends li.memberinfo_small div.info_bar {
    	border-width:1px 0px 0px 0px;
    	margin-bottom:6px;
    }
    li.memberinfo_small div.info_bar ul {
    	padding:6px;
    }
    li.memberinfo_small ul.friend_im_list li {
    	display:inline;
    	margin-$stylevar[right]:3px;
    }
    li.memberinfo_small ul.friend_im_list img {
    	vertical-align:middle;
    }
    
    /**
    * Memberinfo Tiny
    */
    li.memberinfo_tiny {
    	height:95px;
    	width:60px;
    	overflow:hidden;
    	float:$stylevar[left];
    	text-align:center;
    	margin:3px;
    }
    
    /**
    * Tabs and Blocks
    */
    .content_block {
    	margin-bottom:6px;
    	padding:$stylevar[cellspacing]px;
    }
    .content_block .block_row {
    	padding:$stylevar[cellpadding]px;
    	margin:$stylevar[cellspacing]px 0px 0px 0px;
    }
    .content_block .block_title {
    	padding:2px;
    	margin:0px 0px 0px 0px;
    }
    /*.content_block h4.thead, .content_block .block_title {
    	padding:4px;
    	margin:$stylevar[cellspacing]px 0px 0px 0px;
    }*/
    .content_block .block_footer {
    	text-align:$stylevar[right];
    	padding:4px;
    	margin:$stylevar[cellspacing]px 0px 0px 0px;
    }
    a.collapse_gadget {
    	float:$stylevar[right];
    }
    
    /**
    * Popup Menus Built With List Markup
    */
    ul.vbmenu_popup li {
    	padding:4px;
    	margin:0px 1px 1px 1px;
    	white-space:nowrap;
    }
    ul.vbmenu_popup li.first {
    	margin:1px;
    }
    ul.vbmenu_popup li.notext {
    	font-size:1px;
    }
    
    /**
    * Override Menu CSS for 'Send Message' Menu
    */
    #minicontact_menu li.vbmenu_option, #minicontact_menu li.vbmenu_hilite {
    	padding:0px;
    	padding-$stylevar[right]:4px;
    }
    #minicontact_menu li.vbmenu_option img, #minicontact_menu li.vbmenu_hilite img {
    	padding:4px;
    }
    
    /**
    * Profile Field List Title / Value Pairs
    */
    dl.profilefield_list dd {
    	margin-bottom:3px;
    	margin-$stylevar[left]:16px;
    }
    
    /**
    * Sidebar profile field blocks
    */
    #sidebar_container dl.profilefield_list {
    	font-size:11px;
    }
    
    /**
    * Top Panel
    */
    #main_userinfo {
    	margin-bottom:20px;
    }
    #main_userinfo #profilepic_cell {
    	 border-bottom-width:0px;
    	 padding:4px;
    }
    #main_userinfo .profilepic_adjacent {
    	padding-$stylevar[left]:6px;
    }
    #main_userinfo h1 {
    	font-size:18pt;
    	font-weight:normal;
    	margin:0px;
    }
    #main_userinfo h2 {
    	font-size:10pt;
    	font-weight:normal;
    	margin:0px;
    }
    #reputation_rank {
    	float:$stylevar[right];
    }
    #reputation {
    	margin-bottom:6px;
    	text-align:$stylevar[right];
    }
    #rank {
    	margin-bottom:6px;
    	text-align:$stylevar[right];
    }
    #send_message_cell {
    	padding-bottom:6px;
    	text-align:$stylevar[right];
    }
    #link_bar ul {
    	padding:4px;
    }
    #link_bar li.thead {
    	float:$stylevar[left];
    	margin-$stylevar[right]:10px;
    	white-space:nowrap;
    	font-weight:normal;
    	background:transparent;
    }
    #link_bar a {
    	text-decoration:none;
    }
    #link_bar a:hover {
    	text-decoration:underline;
    }
    #activity_info {
    	border-top-width:0px;
    }
    #activity_info div.alt2 {
    	padding:4px;
    }
    #link_bar #usercss_switch_link {
    	float:$stylevar[right];
    	margin-$stylevar[left]:3px;
    	margin-$stylevar[right]:0px;
    }
    
    /**
    * Visitor Messaging Tab
    */
    
    #qc_error_div {
    	text-align:$stylevar[left];
    	margin-bottom:6px;
    }
    #qc_error_header {
    	font-weight:bold;
    }
    #qc_error_okay {
    	text-align:$stylevar[right];
    }
    
    #message_form {
    	display:block;
    	margin:0px;
    }
    #message_form textarea {
    	width:98%;
    	height:50px;
    }
    #message_form div.messagetext {
    	text-align:$stylevar[left];
    }
    #message_form div.allowed_bbcode {
    	float:$stylevar[left];
    }
    #message_form div.submit_button {
    	text-align:$stylevar[right];
    }
    
    #visitor_messaging #inlinemodsel {
    	float:$stylevar[right];
    }
    
    #visitor_messaging #view_my_conversation_link {
    	float:$stylevar[right];
    	text-decoration:none;
    }
    
    #visitor_message_inlinemod_form {
    	margin:0px;
    	display:block;
    }
    
    #message_list {
    	border:none;
    }
    #message_list li {
    	margin-bottom:6px;
    }
    #message_list div.fixed_width_avatar {
    	margin-$stylevar[right]:10px;
    	float:$stylevar[left];
    }
    #message_list div.visitor_message_avatar_margin {
    	margin-$stylevar[left]:66px;
    }
    #message_list div.info_bar {
    	border-width:1px 0px 0px 0px;
    	margin-bottom:6px;
    }
    #message_list div.info_bar div.alt2 {
    	padding:6px;
    }
    #message_list div.info_bar a.username {
    	/*font-weight:bold;*/
    }
    #message_list .visitor_message_date {
    	float:$stylevar[right];
    }
    #message_list .group_message_date {
    	float:$stylevar[right];
    }
    #message_list .inlinemod_checkbox {
    	float:$stylevar[right];
    }
    #message_list div.visitor_message_body {
    	overflow:auto;
    }
    #message_list ul.controls {
    	margin-top:6px;
    	text-align:$stylevar[right];
    }
    #message_list ul.controls li {
    	display:inline;
    	margin-$stylevar[left]:6px;
    }
    #message_list ul.controls a:link, #message_list ul.controls a:visited {
    	text-decoration:none;
    }
    #message_list .deletedmessage{
    	float: $stylevar[left]
    }
    
    /**
    * About Me Tab
    */
    #aboutme li.profilefield_category {
    	font-weight:bold;
    	margin-top:6px;
    }
    #aboutme dl.profilefield_list {
    	font-weight:normal;
    	margin:6px 16px 0px 0px;
    }
    #aboutme dl.profilefield_list dd {
    	margin-bottom:6px;
    	margin-$stylevar[left]:70px;
    }
    #aboutme #signature {
    	width:100%;
    	overflow:auto;
    }
    #aboutme #simple_aboutme_link {
    	text-align: $stylevar[right];
    	display: block;
    }
    
    /**
    * About Me Tab (Alternative)
    */
    #aboutme2 dl.profilefield_list dd {
    	margin-bottom:6px;
    	margin-$stylevar[left]:0px;
    }
    
    /**
    * Statistics Tab
    */
    #stats fieldset.statistics_group {
    	margin-top:6px;
    }
    #stats fieldset.statistics_group ul {
    	padding:6px;
    }
    #stats fieldset.statistics_group ul li {
    	margin-bottom:3px;
    }
    
    /**
    * Statistics Tab (Alternative)
    */
    #statistics2 ul.statistics_group li {
    	margin-bottom:3px;
    }
    
    /**
    * Friends Tab
    */
    #friends a.edit_friends_link {
    	float:$stylevar[right];
    }
    #friends_mini a.edit_friends_link {
    	float:<if condition="$prepared['friendcount']">$stylevar[left]<else />$stylevar[right]</if>;
    	<if condition="$prepared['friendcount']">margin-$stylevar[right]<else />margin-$stylevar[left]</if>:10px;
    }
    
    /**
    * Infractions Tab
    */
    div#infractions.content_block {
    	padding:0px;
    }
    
    /**
    * Contact Info Tab
    */
    #contactinfo fieldset {
    	margin-bottom:6px;
    }
    #contactinfo div.fieldset_padding {
    	padding:6px;
    }
    #contactinfo #messaging_list li {
    	margin-bottom:3px;
    	margin-$stylevar[right]:16px;
    	float:$stylevar[left];
    	white-space:nowrap;
    }
    #contactinfo #instant_messaging_list li {
    	margin-top:6px;
    	margin-$stylevar[right]:6px;
    	position:relative;
    }
    #contactinfo #instant_messaging_list .im_img_link {
    	vertical-align: middle;
    }
    #contactinfo #instant_messaging_list .im_txt_link {
    	position:absolute;
    	$stylevar[left]:75px;
    }
    #contactinfo #additional_contact_details dd {
    	margin-$stylevar[left]:0px;
    	margin-bottom:6px;
    }
    
    /**
    * Albums Block
    */
    #albums_mini_list li {
    	text-align:center;
    	margin-bottom:6px;
    }
    
    /**
    * Mini Friends Block
    */
    
    #friends_mini_list a.username {
    	display:block;
    	margin-top:3px;
    }
    #friends_mini div.friends_counter {
    	padding-bottom:6px;
    }
    
    /**
    * Groups Block
    */
    span.group_count {
    	float:$stylevar[right];
    }
    ul.group_list {
    	margin:6px 0px 0px 6px;
    }
    ul.group_list li {
    	display:inline;
    	margin-$stylevar[right]:3px;
    }
    #public_usergroup_list a:link, #public_usergroup_list a:visited {
    	text-decoration:none;
    }
    
    /**
    * Traffic Block
    */
    ol.last_visitors_list {
    	margin:0px;
    	margin-top:6px;
    }
    ol.last_visitors_list li {
    	display:inline;
    	margin-$stylevar[right]:3px;
    }
    
    $template_hook[memberinfo_css]
    -->
    </style>


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •