vb.org Archive - Board Optimization - Put Your Logo on CSS [vBulletin]

Page 1 of 3

Show 40 post(s) from this thread on one page

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

- vBulletin 4.x Template Modifications (https://vborg.vbsupport.ru/forumdisplay.php?f=246)

- - Board Optimization - Put Your Logo on CSS [vBulletin] (https://vborg.vbsupport.ru/showthread.php?t=261013)

LOGECT

03-26-2011 10:00 PM

Put Your Logo on CSS [vBulletin]

1 Attachment(s)

Info:
Put your vBulletin logo on CSS, this can optimize your pages load time.

Live Demo

Installation:

1- Add the code below in the additional.css template

Code:

#vbulletin_logo {

background-image: url(http://www.YOURWEBSITE.com/images/logo.png); 

display:block;

background-repeat: no-repeat; 

text-indent:-9999px;

height:73px;

width:183px;

position:relative;

left:5px;

top:22px;

}

Red: You will need to change it with your own logo url and other options ...

https://vborg.vbsupport.ru/attachmen...1&d=1301246071

2- Find and replace the code below in the header template:

Code:

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

With:

Code:

<a href="{vb:link forumhome}{vb:raw session.sessionurl_q}" title="YOUR TITLE" id="vbulletin_logo">YOUR WEBSITE NAME</a>

use following code, if you are using the vbulletin suite version.

Code:

<a href="{vb:raw vboptions.homeurl}{vb:raw session.sessionurl_q}" title="YOUR TITLE" id="vbulletin_logo">YOUR WEBSITE NAME</a>

Note: it works fine with any version of vBulletin.

tarzan22

03-28-2011 03:36 PM

Thanks, but when you click on the logo redirects to:

http://www.foroxxx.com/www.foroxxxx.com

Greetings

LOGECT

03-28-2011 04:10 PM

Quote:

Originally Posted by tarzan22 (Post 2178386)

Thanks, but when you click on the logo redirects to:

http://www.foroxxx.com/www.foroxxxx.com

Greetings

Please change the url to:

Code:

<a href="{vb:link forumhome}{vb:raw session.sessionurl_q}" title="YOUR TITLE" id="vbulletin_logo">YOUR WEBSITE NAME</a>

The following url will only works with vbulletin suite.

Code:

href="{vb:raw vboptions.homeurl}{vb:raw session.sessionurl_q}"

tarzan22

03-28-2011 04:28 PM

I have not the vbulletin suite, only the forums

thanks

http://www.foroxd.com/

LOGECT

03-28-2011 04:35 PM

Quote:

Originally Posted by tarzan22 (Post 2178411)

I have not the vbulletin suite, only the forums

thanks

http://www.foroxd.com/

Please use the following code:

Code:

<a href="{vb:link forumhome}{vb:raw session.sessionurl_q}" title="YOUR TITLE" id="vbulletin_logo">YOUR WEBSITE NAME</a>

tarzan22

03-28-2011 04:49 PM

Perfect, thank you very much.

greetings

mfnforex

04-01-2011 04:57 AM

Thank you

BadgerDog

04-04-2011 11:30 AM

1 Attachment(s)

Hello LOGECT .. :)

Good idea to help performance ...

Installed for testing on 4.04 of vBulletin SUITE with thanks ... :up:

Trying to get it going, but seem to be missing something and would appreciate any help ...

I think I must have some measurements wrongs someplace and I'm not sure how to figure it out.

I installed your change on our "Light" style and left the "Brown" style for comparison, which is what it should look like. Notice from pics that on the "Light" style, our top navbar flows down into our regular black smaller navbar?

Logo measures at 498 wide by 120 high and according to element check...

position:relative;
left:0px;
top:0px;

... but, seems to screw up cosmetically and move the navbar?

Thanks ...

Regards,
Doug

LOGECT

04-04-2011 05:48 PM

Quote:

Originally Posted by BadgerDog (Post 2180714)

Hello

the reason could be either your costume 'Header template' or incorrect values for 'width' and 'height'

BadgerDog

04-04-2011 07:14 PM

Quote:

Originally Posted by LOGECT (Post 2180838)

Hello

the reason could be either your costume 'Header template' or incorrect values for 'width' and 'height'

So, even though the 498x120 is the correct size of our logo banner, you're saying to fake it out and modify the settings (height I assume) until the navbar moves back into alignment?

Thanks for the feedback .. :)

Regards,
Doug

All times are GMT. The time now is 10:37 PM.

Page 1 of 3

Show 40 post(s) from this thread on one page

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01104 seconds Memory Usage 1,748KB 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 (7)bbcode_code_printable (4)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)pagenav (1)pagenav_curpage (2)pagenav_pagelink (1)post_thanks_navbar_search (1)printthread (10)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 pagenav_page pagenav_complete bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: