vb.org Archive - How To Center Your Logo (tutorial)

vb.org Archive (https://vborg.vbsupport.ru/index.php)

- vB4 Design and Graphics Discussions (https://vborg.vbsupport.ru/forumdisplay.php?f=253)

- - How To Center Your Logo (tutorial) (https://vborg.vbsupport.ru/showthread.php?t=231690)

How To Center Your Logo (tutorial)

I've seen a few people asking this so I'm going to lay out how I did mine:
---------------------------------------------------------------------------------------
1. Go into vbulletin-chrome.css
and find:

Code:

.logo-image {

        float: {vb:stylevar left};

}

Change it to

Code:

.logo-image {

        text-align: center;

}

----------------------------------------------------------------------------------------
Then,go to the header template and find:

Code:

<div><a name="top" href="{vb:raw vboptions.forumhome}.php{vb:raw session.sessionurl_q}" class="logo-image"><img src="{vb:stylevar titleimage}" alt="{vb:rawphrase x_powered_by_vbulletin, {vb:raw vboptions.bbtitle}}" /></a></div>

Change it to:

Code:

<div style="float: left; width: 825px;">

<div style="width: 300px; margin-left: auto; margin-right: auto;"><a name="top" href="{vb:raw vboptions.forumhome}.php{vb:raw session.sessionurl_q}" class="logo-image"><img src="{vb:stylevar titleimage}" alt="{vb:rawphrase x_powered_by_vbulletin, {vb:raw vboptions.bbtitle}}" /></a></div></div>

Adjust the numbers in red until you get the desired results,you can move it anywhere from right to left.
------------------------------------------------------------------------------------------
There is probably an easier way to do this with a little less code,but it works.I will update as better code is posted.

I was trying to figure out how to do this for a while and wound up taking the div's out of your code in the header template and just wrapping center tags around the rest..

Code:

<center><a name="top" href="{vb:raw vboptions.forumhome}.php{vb:raw session.sessionurl_q}" class="logo-image"><img src="{vb:stylevar titleimage}" alt="{vb:rawphrase x_powered_by_vbulletin, {vb:raw vboptions.bbtitle}}" /></a></center>

Works great and floats when the page size is adjusted.

I would like to center mine, but I'm not sure where the vbulletin-chrome.css file is located. Any help would be greatly appreciated. Thanks.

Quote:

Originally Posted by AUtigers350z (Post 1967651)

I was trying to figure out how to do this for a while and wound up taking the div's out of your code in the header template and just wrapping center tags around the rest..

Code:

<center><a name="top" href="{vb:raw vboptions.forumhome}.php{vb:raw session.sessionurl_q}" class="logo-image"><img src="{vb:stylevar titleimage}" alt="{vb:rawphrase x_powered_by_vbulletin, {vb:raw vboptions.bbtitle}}" /></a></center>

Works great and floats when the page size is adjusted.

Center tags have been depricated a long time ago.

Quote:

Originally Posted by neparker (Post 1987641)

I would like to center mine, but I'm not sure where the vbulletin-chrome.css file is located. Any help would be greatly appreciated. Thanks.

Acp-Style and templates-Edit Templates-CSS Templates.

Word borbole,thanks for jumping in. Really is a drag that <center> died off though.

so how to you make it centered now in vB4?

Really handy, and IMHO a bit less fiddly tip can be found here:
http://www.vbulletin.com/forum/showt...53-Center-logo

X vBulletin 3.8.12 by vBS Debug Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (6)bbcode_code_printable (2)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)post_thanks_navbar_search (1)printthread (7)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.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/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.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 printthread_start bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages:

Phrase Groups Available:

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01674 seconds Memory Usage 1,730KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (6)bbcode_code_printable (2)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)post_thanks_navbar_search (1)printthread (7)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.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/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.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 printthread_start bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: