vb.org Archive

vb.org Archive (https://vborg.vbsupport.ru/index.php)
-   vBulletin 4.x Template Modifications (https://vborg.vbsupport.ru/forumdisplay.php?f=246)
-   -   Forum Home Enhancements - Align Logo with Header Advert 2 (No Drop) (https://vborg.vbsupport.ru/showthread.php?t=232325)

syrus.xl 02-14-2010 11:03 AM

Try adding a bottom margin. and adjusting it to suit:
PHP Code:

     margin-right:150px;
     
margin-top:50px

PHP Code:

margin-bottom10px

Or to cut down on the CSS delete all margin settings in the #banner_ad_top and enter the following:
PHP Code:

margin50px 150px 10px auto

It does the same, and the values are in order of top, right, bottom and left, in a single line.

Since 4.0.2 has been delayed further, I will setup a new test board and apply an IE fix. Personally, I hate IE - but we still have to cater for it's users.

I do not have a test board setup to try this on, but IE uses non-compliant CSS therefore it is easy to break. Perhaps, when they start losing more users of their browser they will change their ways. ...well, we can dream!!

ndut 02-14-2010 12:50 PM

tag for this :)

RedTrinity 02-15-2010 01:58 AM

Quote:

Originally Posted by syrus.xl (Post 1982024)
Or to cut down on the CSS delete all margin settings in the #banner_ad_top and enter the following:
PHP Code:

margin50px 150px 10px auto

It does the same, and the values are in order of top, right, bottom and left, in a single line.

Ok, after about half an hour of trial and error, I managed to get this result which is balanced between both FF and IE:

http://www.theparentingsanctuary.com.au/newforum

Thats the best I can get it though... if I move the banner in any further by adjusting/increasing the right margin, it does that moving down thing in IE again (as per my 2nd screenshot in the last post).

Thanks for the help regardless syrus, at least its good enough to leave up now :D Hopefully it looks ok for other screen resolutions too (I'm using 1024x768 atm).

Will be keeping a lookout for future versions though, in hope I can get that banner in a little further without causing chaos in IE lol.

Quote:

Originally Posted by syrus.xl (Post 1982024)
Personally, I hate IE - but we still have to cater for it's users.

Perhaps, when they start losing more users of their browser they will change their ways. ...well, we can dream!!

Tell me about it :rolleyes: I can't stand IE personally, its such a pain to work with. The only use I have for it is for testing purposes for those who do.

Milad_ran 02-17-2010 09:56 AM

how to use it in VB 3.8.4???

syrus.xl 02-17-2010 10:46 AM

Quote:

Originally Posted by Milad_ran (Post 1984446)
how to use it in VB 3.8.4???

This modification is designed for vBulletin 4.0 as a workaround for an issue with the default header coding, it is not coded for vBulletin versions below this, due to major changes between the two versions.

syrus.xl 02-17-2010 10:52 AM

Quote:

Originally Posted by RedTrinity (Post 1982613)
Ok, after about half an hour of trial and error, I managed to get this result which is balanced between both FF and IE:

http://www.theparentingsanctuary.com.au/newforum

Thats the best I can get it though... if I move the banner in any further by adjusting/increasing the right margin, it does that moving down thing in IE again (as per my 2nd screenshot in the last post).

Thanks for the help regardless syrus, at least its good enough to leave up now :D Hopefully it looks ok for other screen resolutions too (I'm using 1024x768 atm).

Will be keeping a lookout for future versions though, in hope I can get that banner in a little further without causing chaos in IE lol.



Tell me about it :rolleyes: I can't stand IE personally, its such a pain to work with. The only use I have for it is for testing purposes for those who do.

;) I have something in the 'pipeline' that will fix all these issues in one go. I just need to run some tests under 4.0.2 to make sure no major changes have been made. But the method I have used, will not break on any browser or even use additional CSS for positioning, that is all taken care of once and for all.

enoobz 02-17-2010 02:18 PM

Does this Mod working for vB 4.0.2? I just upgrade and cannot use it anymore.

HRCHOSTING 02-25-2010 02:42 AM

Does it also work with the Banner Rotate mod? I had been using it but after installing the rotate mod it failed. (before that it worked perfect, thanks for helping)

RedTrinity 02-25-2010 05:12 AM

Quote:

Originally Posted by syrus.xl (Post 1984480)
;) I have something in the 'pipeline' that will fix all these issues in one go. I just need to run some tests under 4.0.2 to make sure no major changes have been made. But the method I have used, will not break on any browser or even use additional CSS for positioning, that is all taken care of once and for all.

Sounds great, look forward to it :)

RedTrinity 03-02-2010 07:14 AM

Any updates, Syrus?

Bouncer222 03-02-2010 06:31 PM

Hey syrus, I'm just wondering, where did you get that facebook looking bar thats at the bottom of your site?
Thanks.

syrus.xl 03-03-2010 06:48 AM

Quote:

Originally Posted by Bouncer222 (Post 1995449)
Hey syrus, I'm just wondering, where did you get that facebook looking bar thats at the bottom of your site?
Thanks.

If you check the following link you will see how everything is done on the site.
http://www.digitalport.co.uk/blogs/4...gital-port-21/

HTH.

syrus.xl 03-03-2010 06:50 AM

Quote:

Originally Posted by RedTrinity (Post 1995053)
Any updates, Syrus?

ATM, I haven't had the time to update this - I have been inundated with vBulletin upgrades. Once I clear the back log, I will update this modification. :)

RedTrinity 04-12-2010 11:21 PM

BUMP again, sorry to nag! Just wanting to get the banners for our forum sponsors up in our header again - being a non-profit forum we rely on their support, so want to be able to offer the best positioning possible :)

emath 06-20-2010 01:14 PM

works on vb4.0.4 ?

syrus.xl 06-20-2010 03:39 PM

Quote:

Originally Posted by RedTrinity (Post 2020220)
BUMP again, sorry to nag! Just wanting to get the banners for our forum sponsors up in our header again - being a non-profit forum we rely on their support, so want to be able to offer the best positioning possible :)

Hi RedTrinity,
Have you looked at my vBFlash Header Pro? That can use a banner rotator, plus it has many other features built-in.

Regards,

Sax on the Web 08-18-2010 10:13 AM

1 Attachment(s)
Works OK on Firefox, but IE v.7 is badly skewed.
I set in #banner_ad_top
margin-right:260px; as was advised above, but iot just widened the amrgin when IE7.
Picture attached.
Any help, please?

championcycle 09-19-2010 08:35 PM

sorry where do i put this code? bit new to all this..

project-Buckfas 10-23-2010 05:51 PM

Works perfect on 4.0.8

Thank You Syrus!

hasidoo 12-21-2010 10:32 AM

great mod.thanks a lot!!
It works with 4.0.8

mccollin 12-23-2010 05:36 PM

Does anyone know how to get the header ad not to wrap when someone compresses the page width in their browser. I noticed that digitalport.co.uk has a fixed width for every page. I'd rather have a minimum width the page compresses to so that it can be expanded wider, but not go narrower than the width of the header image plus the header ad size.

syrus.xl 12-23-2010 05:46 PM

Quote:

Originally Posted by mccollin (Post 2138194)
Does anyone know how to get the header ad not to wrap when someone compresses the page width in their browser. I noticed that digitalport.co.uk has a fixed width for every page. I'd rather have a minimum width the page compresses to so that it can be expanded wider, but not go narrower than the width of the header image plus the header ad size.

Simply, set minWidth to what you require. Once the browser width is reduced to this setting it will stop from being fluid and stay at a fixed width.

If you're not using vB4 then you will need to add the definition to your main body styling like this:
Code:

body {
min-width:950px;
}

HTH.

mccollin 12-23-2010 06:26 PM

Perfect, thanks... its the doc_minWidth stylevar.

Ocean-Wonders 12-29-2010 09:52 AM

Works great im just having one small issue.

It's moving the welcome bar (Notifications, Profile,Settings,Log out) below the banner.

Can anyone help me out ?

ALBCODERS 12-30-2010 03:53 PM

Nice ! Thankyou.

oddmud 12-30-2010 10:49 PM

Can't find any of the code you've listed here in vB 4.1

Any updates?

ALBCODERS 12-31-2010 10:03 AM

Quote:

Originally Posted by oddmud (Post 2141565)
Can't find any of the code you've listed here in vB 4.1

Any updates?

I just tested it on (vBulletin 4.1.0 Beta 1) and works well.

you need to delete this code:

PHP 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

and replace with the new code

PHP Code:

<div id="header_wrapper">
     <
div id="logo_main">
     <
a name="top" href="{vb:raw vboptions.site_tab_url}{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 id="banner_ad_top">
     {
vb:raw ad_location.global_header2}
     </
div>
</
div>
<!-- 
End Custom Header --> 

So do not forget to add css codes into vbulletin.css and delete
{vb:raw ad_location.global_header2}
from header template so everything work well as syrus.xl posted.

oddmud 01-06-2011 05:00 PM

I'm still getting huge space added around my header logo... any ideas?

http://www.goaliecrease.net/

oddmud 01-08-2011 09:52 PM

Anyone?!?!

katim110 04-09-2011 09:47 AM

any updates pleaseee for vb 4.1.3

BlueCheri 05-22-2011 10:29 AM

I was looking for it, great work.

Alecsmith 08-22-2011 05:36 AM

can anyone pls update this for Vb 4.1.5 :D

syrus.xl 08-22-2011 11:43 AM

Quote:

Originally Posted by Alecsmith (Post 2236456)
can anyone pls update this for Vb 4.1.5 :D

All you need to do is set a define for position for the banner ad div. This will ensure it aligns correctly regardless of what updates vBulletin make in the future.

In theory, the position css should also be set for the logo, but it isn't actually required to make it work.

FreakyG'sMom 01-15-2012 09:12 AM

Quote:

Originally Posted by syrus.xl (Post 2236528)
All you need to do is set a define for position for the banner ad div. This will ensure it aligns correctly regardless of what updates vBulletin make in the future.

In theory, the position css should also be set for the logo, but it isn't actually required to make it work.

Nope. Doesn't work. Didn't work in 4.1.9. And doesn't work in 4.1.10.

bing11 03-06-2013 12:40 AM

thanks

vimarc 03-13-2013 01:40 PM

With Little modifications it is working with version 4.2.0 .. have a look

www.talkinwebforum.com

dany_danay 03-17-2013 08:33 PM

Quote:

Originally Posted by vimarc (Post 2409726)
With Little modifications it is working with version 4.2.0 .. have a look

www.talkinwebforum.com

help us showing the code

donkspurs 07-12-2013 03:32 PM

I can only get this looking right in Internet Explorer. In all other browsers I get some odd behaviour.

The more I stretch the browser window out, the advert follows it correctly to the right side up to a certain point and then it suddenly jumps back over to the left and then continues moving right again. I can't work out why it does this, but it means for resolutions on 1280x800 the position of the advert doesn't look nice.

There seems to be a difference when logged in compared to when logged out. When I'm logged in, this strange behaviour with the advert isn't there and it correctly moves to the right side as I stretch the window out. It's only when I'm logged out that it causes trouble.

Here are two screenshots, from within Chrome. One is logged out, the other is logged in. If anyone can help with this it would be greatly appreciated - thanks!

Logged Out Screenshot

Logged In Screenshot


All times are GMT. The time now is 01:05 PM.

Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.

X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.01918 seconds
  • Memory Usage 1,837KB
  • 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
  • (1)bbcode_code_printable
  • (6)bbcode_php_printable
  • (13)bbcode_quote_printable
  • (1)footer
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (6)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (1)pagenav_pagelink
  • (1)post_thanks_navbar_search
  • (1)printthread
  • (38)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