Inserting Scrolling Image Gallery Code - Where?

[angellionel]

I have a scrolling image code that I now have working and have tested on my test vBulletin installation, except that I haven't been able to find how to insert the code so that the scrolling banner shows in the open space between the header and body as noted on the attached image. Thoughts? Any assistant will be very much appreciated. Thanks in advance!

[ozzy47]

What's the code? Do you want it to show on all pages ?

[angellionel]

Originally Posted by ozzy47

What's the code? Do you want it to show on all pages ?

Thank you for your reply, ozzy.

It's an <iframe></iframe> line which inserts a html/css and javascript page. I'm not a coder. I just played around and modified an existing javascript multiple image scroller to suit my needs. Yes, I also want to show the banner in all pages.

Thanks again for any help you may be able to offer!

[angellionel]

Well, I figured out where to place the desired code. For those of you who may have been asking similar questions and would like to use a scrolling marquee banner, one of the ways is to place the working code in the navbar template to make use of the space between the header and body of the page. See attached image.

Note: I'm using vBulletin 4.2.2, so I'm not certain if this works with previous versions.

Go to Admin Control Panel > Styles and Templates > Style Manager > Default Style > Template Options > Edit Templates > Select Navigation / Breadcrumb Templates from the left-side menu, double-click to expand, select > navbar, double-click to open template.

Now insert your working banner/marquee code between </div><!-- closing div for above_body --> and <div class="body_wrapper">. Of course, css adjustments and background color will have to be made to match your page theme.

I have another question I am very much hoping an expert here will be able to assist me with.

I am using an iFrame to insert the page containing the html/css and javascript code. The problem I am having is that too much space is added at the top and bottom of the banner. The iFrame is enclosed in div tags. Image is attached. Is there anything that can be done to:

1) Reduce the excess space at the top and bottom of the banner (see first and second arrow)
2) Move the banner body up so that it does not touch the main page body (see third arrow)

Please let me know what additional information is needed.

Thanks in advance!