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!
|