how to make a triple banner in one forum?

[RS.sweetheart]

hello,

i want to know how to make a triple banner at one time? like in this site.
http://kimbumph.forumotion.net/

every time i clicked each navigation, their banner changes..
how can i do that in my forum?

thank you..

[Final-Blond]

Hi,

I am not sure but I think we can do something with CSS and templates...

In which version is your board ?
Are you the founder ?

[RS.sweetheart]

im using pbb2.. yup! im the founder of my forum..^^

[Hardcore Gamer]

Yeah. I would also like to know how to do this as well...

[Final-Blond]

Hu, i put the cart before the oxes...
We need anyway a script so far.

So let's go in the >> AP >> Desplay >> Templates >> General > overall_header_new
before the closing head tag </head> copy-paste this script :

Spoiler:

You only need to fill fields in red.

In the same template, search for :

Code:

<!-- BEGIN switch_logo_center -->
                  <td align="center" width="100%" valign="middle">
                     <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" />

and replaced by :

Code:

<!-- BEGIN switch_logo_center -->
                  <td align="center" width="100%" valign="middle">
                     <a href="{U_INDEX}"><script language="javascript">banniere();</script>

> save > publish

In the AP >> Desplay >> Homepage >> Headers & Navigation > Page headers > Logo positioning :
be sure that the logo is in the same place as in the template

[ayush26]

hey buddy i did all wat u said but noT working i even losT MY previous image...
HEHE...anyways can u find da solution 4 it...

[Final-Blond]

Hi Ayush,

Can i see what you did? 'cause for us it works fine...
So give me the script and the code exactly as you put them in the template, and i'll try to find a solution for it.


EDIT : I just thought of a problem that appeared after an update of FA:
The templates are now crushed, so we have to host the script in HTML page as follows :
Title "banner_random">> No and No to the rest.
Copy-paste the same script (without his tags) :

Spoiler:

Then back into the template overall_header_new and replace the script moved in the HTML page with this tag :

<script language="javascript" src="script-html_page_url"></script>

Finally, the script instead of the logo below, stays where it is and as it is.

[kirk]

you can do it the way Final-Blond is explaining but it would be easier to create what you want useing bbcode add your links/images then when you have what you want you can convert it into a html code and just place it at the top of your overall header.. or where ever you want it?

kind of like this...

Code:

[url= the link here]And your image here[/url]

so by doing this you will add all of what you want in here side by side.



And after you add the links and images you want one at a time side by side you will get something that looks like this in bbcode form. this is the above images.I have just repeated them and all the click-able image/links lead to the support forums home page here.

Code:

[url=http://help.forumotion.com/index.htm][IMG]http://i45.tinypic.com/10zvby8.gif[/IMG][/url][url=http://help.forumotion.com/index.htm][IMG]http://i46.tinypic.com/2e0pqc7.gif[/IMG][/url][url=http://help.forumotion.com/index.htm][IMG]http://i48.tinypic.com/x452qt.gif[/IMG][/url][url=http://help.forumotion.com/index.htm][IMG]http://i45.tinypic.com/10zvby8.gif[/IMG][/url][url=http://help.forumotion.com/index.htm][IMG]http://i46.tinypic.com/2e0pqc7.gif[/IMG][/url][url=http://help.forumotion.com/index.htm][IMG]http://i48.tinypic.com/x452qt.gif[/IMG][/url]

so after you have what you want in bbcode like the code above you would copy that and go to.

Admin panel>display>homepage>Generalities

past the code into the homepage Generalities box and hit save.
now the bbcode will be converted to html code like this.

Code:

<a href="http://help.forumotion.com/index.htm" class="postlink" target="_blank"><img src="http://i45.tinypic.com/10zvby8.gif" border="0" alt="" /></a><a href="http://help.forumotion.com/index.htm" class="postlink" target="_blank"><img src="http://i46.tinypic.com/2e0pqc7.gif" border="0" alt="" /></a><a href="http://help.forumotion.com/index.htm" class="postlink" target="_blank"><img src="http://i48.tinypic.com/x452qt.gif" border="0" alt="" /></a><a href="http://help.forumotion.com/index.htm" class="postlink" target="_blank"><img src="http://i45.tinypic.com/10zvby8.gif" border="0" alt="" /></a><a href="http://help.forumotion.com/index.htm" class="postlink" target="_blank"><img src="http://i46.tinypic.com/2e0pqc7.gif" border="0" alt="" /></a><a href="http://help.forumotion.com/index.htm" class="postlink" target="_blank"><img src="http://i48.tinypic.com/x452qt.gif" border="0" alt="" /></a>

Then you would simply take the html code and past it to your over all header template at the top of the page or where you want it then hit save.
Then just be sure to go back and publish it..oh and be sure to remove the converted code form the homepage Generalities or it will show there too.


So this is just another alternative way to create and do what you are asking.
Once again Final-Blond will work good to but it's up to you on which way you might think is eerier and best for you.

Oh buy the way final blond nice work.
thanx for helping out

[Final-Blond]

Thanks also Kirk.

It's an other way, but also an other kind of banner, or else, i misunderstood (which is the domain of very likely !) the request...

Anyway, as you said, there is now a choice.

[ayush26]

@krik: thanx for your reply but the thing u said is very different form wat we were discussing here...actually we wer speakin abut the main forum logo...
check this site every time u reload you ll get a different logo chk out
http://kimbumph.forumotion.net/

[Final-Blond]

Check Link Removed, it's the same thing i think, (as there are many with a tiny difference, u have to refresh several times).


EDIT (a few hours later) : i just realized that the last topic is perhaps not clear inough...
So i'll try to repost this tutorial as clearly and simply as possible.

I just thought of a problem that appeared after an update of FA:
The templates are now crushed, so we have to host the script in HTML page as follows :
Title : banner_random >> No and No to the rest.
Copy-paste the same script (without his tags) :

Spoiler:

In red color, that's all you have to fill.

Then back into the template overall_header_new and place before the tag "/head" this recall of script in the HTML page, like this :

<script language="javascript" src="script-html_page_url"></script>

Last step, in the same template search (Ctrl+F) for :

Code:

<!-- BEGIN switch_logo_center -->
                  <td align="center" width="100%" valign="middle">
                     <a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" />

and replaced by :

Code:

<!-- BEGIN switch_logo_center -->
                  <td align="center" width="100%" valign="middle">
                     <a href="{U_INDEX}"><script language="javascript">banniere();</script>

> save > publish

In the AP >> Desplay >> Homepage >> Headers & Navigation > Page headers > Logo positioning :
Make sure that the logo is in the same place as in the template.


EDIT : Ok Sanked, i take note.
But the link was only an example of the banner, tutorial it is actually posted here since the beginning.

[Sanket]

Final-Blond, it would be appreciated if you directly post the tutorials here

[ayush26]

thanx done
dis is wat i did but i still face prob...no effect...i added & replaced dat script in template also...wat 2 do know...i m using phpbb2

[Final-Blond]

Did you really put the address of the HTML page that hosts the script in this part

<script language="javascript" src="script-html_page_url"></script>
placed before the tag "/head" in the template o_h_n ?

[ayush26]

hey thanx i got dat der was a mistake in <img src...
i wrote img scr
thanx...

[Final-Blond]

You're welcome dude.

[Sanket]

Since this thread appears to be solved, I will lock this thread and mark it as solved.


Sanket