Go Back   vb.org Archive > vBulletin Modifications > vBulletin 5.x Modifications > vBulletin 5.x Template Modifications
FAQ Community Calendar Today's Posts Search

Reply
 
Thread Tools
Site Logo Image re-size Details »»
Site Logo Image re-size
Version: 1.00, by Spangle Spangle is offline
Developer Last Online: Mar 2015 Show Printable Version Email this Page

Category: Mini Mods - Version: 5.0.1 Rating:
Released: 12-17-2013 Last Update: Never Installs: 7
Template Edits
Re-useable Code Code Changes Translations  
No support by the author.

The default width for the logo image in VB5 is only 320px, which may suit the VB logo itself, but doesn't help those wanting a bigger logo, the easiest and best way to do this is by altering the css, doing it this way means you don't mess up the rest of the header area.

You only need to complete two edits to one file.

Go to :
AdminCP>Styles and Templates>Style Manager

From the drop down menu select :

Edit Templates>CSS Templates> css_global.css

Find :

Code:
#header .site-logo {
	padding: 22px 10px 26px;
	background:transparent;
	min-width:90px;
	max-width:320px;
	position:relative;
	text-align:{vb:stylevar left};
}
Alter the max-width to the desired width in pixels, up to 720px works fine.

Find : (it should be directly underneath, the above)

Code:
#header .site-logo img {
	height:auto;
	width:auto;
	max-width:320px;
}
Once again edit the part in red to the same figure as the first.

One point to remember is that with the height and width set to "auto" the CSS will make you image "fit" the maximum width set.

Therefore if you plan to use a larger logo, it is best to design the logo to your maximum width, if you use a smaller image, it will appear pixelated when enlarged by the CSS.

Show Your Support

  • This modification may not be copied, reproduced or published elsewhere without author's permission.

Comments
  #12  
Old 04-07-2018, 02:19 AM
willie53's Avatar
willie53 willie53 is offline
 
Join Date: Nov 2016
Posts: 17
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

This could be done using a product so would be carried over to all installed styles this is a quick one i created it lets you use the full width of the header upto 1600x200 px it also moves the search box down to the tabbar.
It has been tested on Vb5.2.6 upto Vb5.4.1
Attached Files
File Type: zip product_fullwidthlogo.zip (985 Bytes, 31 views)
Reply With Quote
  #13  
Old 01-23-2021, 03:38 PM
afala afala is offline
 
Join Date: Mar 2009
Posts: 7
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by willie53 View Post
This could be done using a product so would be carried over to all installed styles this is a quick one i created it lets you use the full width of the header upto 1600x200 px it also moves the search box down to the tabbar.
It has been tested on Vb5.2.6 upto Vb5.4.1
Thanks :yukarı:
Reply With Quote
  #14  
Old 07-28-2021, 10:01 AM
albanah albanah is offline
 
Join Date: Jan 2010
Posts: 28
Благодарил(а): 0 раз(а)
Поблагодарили: 0 раз(а) в 0 сообщениях
Default

Quote:
Originally Posted by Spangle View Post
Theres a fix on VB.com in the tutorials it moves the search bar to the Nav bar

but here it is any way :

Code:
/*Search in Navbar*/
#header { position: relative; }
#header .header-cell { width: 100%; }
#header .toolbar {
    position: absolute;
    {vb:stylevar right}: 0;
    bottom: -29px;
    padding: 0;
    display: block;
    width: auto;
}
If you want to reduce the size of the visible text entry box use this :

Code:
/* reduce search box width from 168px to 120px or any size if you want */
.search-container .search-box .search-term { width: 120px; }
Hope this helps, thanks go to Wayne
How can I replace the search box by icon in navbar and when selected it displays search box below navbar?
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 07:56 PM.


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.03836 seconds
  • Memory Usage 2,263KB
  • Queries Executed 19 (?)
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
  • (4)bbcode_code
  • (2)bbcode_quote
  • (1)footer
  • (1)forumjump
  • (1)forumrules
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (1)modsystem_post
  • (1)navbar
  • (4)navbar_link
  • (120)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (1)pagenav_pagelink
  • (4)post_thanks_box
  • (4)post_thanks_button
  • (1)post_thanks_javascript
  • (1)post_thanks_navbar_search
  • (4)post_thanks_postbit_info
  • (3)postbit
  • (1)postbit_attachment
  • (4)postbit_onlinestatus
  • (4)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_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
  • postbit_attachment
  • pagenav_page
  • pagenav_complete
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • showthread_complete