Go Back   vb.org Archive > vBulletin 4 Discussion > vB4 General Discussions

Reply
 
Thread Tools Display Modes
  #21  
Old 12-10-2012, 01:29 AM
Amaury Amaury is offline
 
Join Date: Nov 2011
Location: Ellensburg, WA
Posts: 1,075
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by WorldCraft View Post
You have to remove the entire old <vb:if>code</vb:if> if you want to delete the old pencil icon.
This part, then?

Code:
<vb:if condition="$show['edit_profile']">
                        <a href="moderator.php?{vb:raw session.sessionurl}do=useroptions&amp;u={vb:raw userinfo.userid}" class="textcontrol imagecontrol"><img src="{vb:stylevar imgdir_button}/edit_40b.png" alt="{vb:rawphrase edit_user_profile}" /></a>
                    </vb:if>
Also, is it possible to move the new pencil icon to the right so it's in the same area the old one was?
Reply With Quote
  #22  
Old 12-10-2012, 01:36 AM
WorldCraft WorldCraft is offline
 
Join Date: Jun 2010
Posts: 240
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Find
HTML Code:
<img src="{vb:stylevar imgdir_button}/edit_40b.png" alt="{vb:rawphrase edit_user_profile}" />
Add
HTML Code:
 style="float:right;padding-right:10px"
Tweak the padding how you see fit.
Reply With Quote
  #23  
Old 12-10-2012, 01:43 AM
Amaury Amaury is offline
 
Join Date: Nov 2011
Location: Ellensburg, WA
Posts: 1,075
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by WorldCraft View Post
Find
HTML Code:
<img src="{vb:stylevar imgdir_button}/edit_40b.png" alt="{vb:rawphrase edit_user_profile}" />
Add
HTML Code:
 style="float:right;padding-right:10px"
Tweak the padding how you see fit.
Thanks.

Also, by using your code to fix the centering, the username is overlapping with the status circle. How do I move the status circle, too?

On profiles that aren't mine, the ones with the Hide / Show Customizations button, the pencil icon appears below the button for some reason.



Additionally, when I added the new pencil icon, it off-centered the Customization Options button a little.

Reply With Quote
  #24  
Old 12-10-2012, 01:56 AM
WorldCraft WorldCraft is offline
 
Join Date: Jun 2010
Posts: 240
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Fix Hide Customization button. Find:
HTML Code:
<form action="{vb:link member, {vb:raw userinfo}}" method="get" id="profile_swap_form">
Add
HTML Code:
style="display:inline;"
__________________________________________________ ____________

Move status circle, find:
HTML Code:
<span class="member_status">{vb:raw prepared.onlinestatus}</span>
Add
HTML Code:
style="position:relative;left:5px;"
^Match the 5px to whatever you specified for the username
__________________________________________________ _____________

Since the pencil icon and the button exist in the same div, the browser centers it as one entire section, so it will look as if the button is off-centered. You can try giving a lesser padding amount here:
HTML Code:
<img style="float:right;padding-right:10px" src="{vb:stylevar imgdir_button}/edit_40b.png" alt="{vb:rawphrase edit_user_profile}" />
Reply With Quote
  #25  
Old 12-10-2012, 02:10 AM
Amaury Amaury is offline
 
Join Date: Nov 2011
Location: Ellensburg, WA
Posts: 1,075
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by WorldCraft View Post
Fix Hide Customization button. Find:
HTML Code:
<form action="{vb:link member, {vb:raw userinfo}}" method="get" id="profile_swap_form">
Add
HTML Code:
style="display:inline;"
__________________________________________________ ____________

Move status circle, find:
HTML Code:
<span class="member_status">{vb:raw prepared.onlinestatus}</span>
Add
HTML Code:
style="position:relative;left:5px;"
^Match the 5px to whatever you specified for the username
__________________________________________________ _____________

Since the pencil icon and the button exist in the same div, the browser centers it as one entire section, so it will look as if the button is off-centered. You can try giving a lesser padding amount here:
HTML Code:
<img style="float:right;padding-right:10px" src="{vb:stylevar imgdir_button}/edit_40b.png" alt="{vb:rawphrase edit_user_profile}" />
Well, it couldn't find the last code, but since it's not too off-centered, I'll just leave it as is.

Thanks a lot for your help. I've got one more question to ask in my other thread and then I'm going to create another thread in regards to a query regarding the "Top X Friends" box.
Reply With Quote
  #26  
Old 01-20-2013, 02:36 AM
Amaury Amaury is offline
 
Join Date: Nov 2011
Location: Ellensburg, WA
Posts: 1,075
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

I wanted to make some adjustments.

Because the button is in the sidebar, I recently found out it causes issues with styles where I didn't remove the gradients on the sidebar_background variable, so I want it outside of the sidebar.

Here's what I want:
  • Move the sidebar down to be evenly aligned with the really thin line below the tabs.
  • Have the Customization Options / Hide / Show User Customization button be evenly aligned with the tabs.
    - Essentially like it was when the template was unmodified, but on the left this time so the tabs don't wrap.

Additionally, it'd be better to revert the template and start from scratch to make it easier, so I'll do that once you reply. c:

Reply With Quote
  #27  
Old 01-20-2013, 07:33 AM
WorldCraft WorldCraft is offline
 
Join Date: Jun 2010
Posts: 240
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Hi you can try something like this. Add to additional.css. This assumes the template is default.

HTML Code:
#member_content #sidebar_container
{
position: relative;
top: 26px;
}

#member_content #profile_customization_button
{
position: absolute;
left: 35px;
}

#member_content #profile_swap_form
{
position: absolute;
left: 35px;
}
You'll need to adjust the left: values depending on the width of your sidebar.
Reply With Quote
  #28  
Old 01-20-2013, 03:51 PM
Amaury Amaury is offline
 
Join Date: Nov 2011
Location: Ellensburg, WA
Posts: 1,075
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by WorldCraft View Post
Hi you can try something like this. Add to additional.css. This assumes the template is default.

HTML Code:
#member_content #sidebar_container
{
position: relative;
top: 26px;
}

#member_content #profile_customization_button
{
position: absolute;
left: 35px;
}

#member_content #profile_swap_form
{
position: absolute;
left: 35px;
}
You'll need to adjust the left: values depending on the width of your sidebar.
That's perfect. The only thing I want is for the customization button to be centered, and I'm assuming I can just play with the swap's left value for that? Additionally, for the reference, sidebar width is currently 270px so the names of a moderator and registered user of ours fit on one line, haha!



EDIT: Actually, it's causing the minor conflicts with the customization button border, so I'd like to move the sidebar down more a bit so it's evenly aligned with the top of the next time. It's the line around "All," etc. under the My Activity tab or where the border for the editor starts under the Visitor Messages tab.

Screenshot:

Reply With Quote
  #29  
Old 01-21-2013, 07:17 AM
WorldCraft WorldCraft is offline
 
Join Date: Jun 2010
Posts: 240
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Adjust the top: 26px; to where you would like it to appear. Probably around 30px.
Reply With Quote
  #30  
Old 01-21-2013, 05:53 PM
Amaury Amaury is offline
 
Join Date: Nov 2011
Location: Ellensburg, WA
Posts: 1,075
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by WorldCraft View Post
Adjust the top: 26px; to where you would like it to appear. Probably around 30px.
31px did it.

Thanks.
Reply With Quote
Reply

Thread Tools
Display Modes

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 12:13 AM.


Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2024, vBulletin Solutions Inc.
X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.08258 seconds
  • Memory Usage 2,268KB
  • Queries Executed 13 (?)
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
  • (1)bbcode_code
  • (16)bbcode_html
  • (5)bbcode_quote
  • (1)footer
  • (1)forumjump
  • (1)forumrules
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (1)navbar
  • (3)navbar_link
  • (120)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (2)pagenav_pagelink
  • (10)post_thanks_box
  • (10)post_thanks_button
  • (1)post_thanks_javascript
  • (1)post_thanks_navbar_search
  • (10)post_thanks_postbit_info
  • (10)postbit
  • (10)postbit_onlinestatus
  • (10)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
  • post_thanks_function_fetch_thanks_end
  • post_thanks_function_thanked_already_start
  • post_thanks_function_thanked_already_end
  • fetch_musername
  • postbit_imicons
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • postbit_display_complete
  • post_thanks_function_can_thank_this_post_start
  • pagenav_page
  • pagenav_complete
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • showthread_complete