Add banner on the bottom of the forum (Partner)

[KCC]

I want to add some banner on the bottom of the forum like this picture below 
Besides  I want to make my own banner on the right side so people can copy to their site.

The banner is keep moving , how to make it ? Please tell me step by step thanks
I want the same format if possible thanks

I want to make it like this forum (link): http://www.forumpgb.com/

My forum : http://poupeefamily.forums.fm/  
My version : phpBB3 (prosilver)

[KCC]

I know some HTML like this : 
But how can i edit it and make it suits my forum ?　Please help in urgent thanks !

Spoiler:

[runawayhorses]

Thats scrolling small images its not a banner, I don't think you can do that with your version of forum, you'd need to edit the template to do it correctly and phpbb3 doesn't support that, otherwise you'd have to get into a bunch of javascript to pull it off which I doubt you'd want to do, its not even a certainty that would work.

[SLGray]

I want to add some banner on the bottom of the forum like this picture below 
Besides  I want to make my own banner on the right side so people can copy to their site.

The banner is keep moving , how to make it ? Please tell me step by step thanks
I want the same format if possible thanks

I want to make it like this forum (link): http://www.forumpgb.com/

My forum : http://poupeefamily.forums.fm/  
My version : phpBB3 (prosilver)

I know some HTML like this : 
But how can i edit it and make it suits my forum ?　Please help in urgent thanks !

Spoiler:

Please don't double/triple post. Your post need to be separated by 24 hours before bumping, replying or adding more information. Please use the edit button instead!

[KCC]

Thats scrolling small images its not a banner, I don't think you can do that with your version of forum, you'd need to edit the template to do it correctly and phpbb3 doesn't support that, otherwise you'd have to get into a bunch of javascript to pull it off which I doubt you'd want to do, its not even a certainty that would work.

  Then can I add these Scrolling small images  in Footer Links ?
If yes , what kind of codes should I add ?

[levy]

You need to use

Code:

<marque></marque>

exmple

[KCC]

You need to use

Code:

<marque></marque>

exmple

 add this one code in ? anchor　？ 
and for others what should i put in ?

[levy]

Hello go in :
Administration Panel -> Module -> Javascript mangement -> Create new javascript ->

1. Name what you want
2. Index or In all Pages
3. Code :

Code:

jQuery(document).ready(function() {
    jQuery('#page-footer').after('Codes of parteners');
    });

Replace Codes of parteners with your codes.

[KCC]

Hello go in :
Administration Panel -> Module -> Javascript mangement -> Create new javascript ->

1. Name what you want
2. Index or In all Pages
3. Code :

Code:

jQuery(document).ready(function() {
    jQuery('#page-footer').after('Codes of parteners');
    });

Replace Codes of parteners with your codes.

 i replace

Spoiler:

but nothing appears in footer

[levy]

Code:

jQuery(document).ready(function() {
    jQuery('#page-footer').after('<a href="http://www.forumpgb.com/" target="_blank"><img src="http://www.forumpgb.com/images/poupeegirl.gif" width="122" height="30" alt="Forum Poupee Girl" /></a> ');
    });

Don't replace ' ' and you have phpBB3 right ?

[KCC]

Code:

jQuery(document).ready(function() {
    jQuery('#page-footer').after(<a href="http://www.forumpgb.com/" target="_blank"><img src="http://www.forumpgb.com/images/poupeegirl.gif" width="122" height="30" alt="Forum Poupee Girl" /></a>);
    });

Don't replace ' ' :Dand you have phpBB3 right ?

 I didnt . It doesnt work too.

Yes phpBB3 

PS : wanna ask is this code include scrolling ?

[levy]

Code:

jQuery(document).ready(function() {
    jQuery('#page-footer').after('<a href="http://www.forumpgb.com/" target="_blank"><img src="http://www.forumpgb.com/images/poupeegirl.gif" width="122" height="30" alt="Forum Poupee Girl" /></a>');
    });

No , don't include , I removed ' and '

[KCC]

[b style="font-size: 1em; font-weight: 700;"]candy_fear[/b]

Code:

jQuery(document).ready(function() {
    jQuery('#page-footer').after('<a href="http://www.forumpgb.com/" target="_blank"><img src="http://www.forumpgb.com/images/poupeegirl.gif" width="122" height="30" alt="Forum Poupee Girl" /></a>');
    });

No , don't include , I removed ' and ' 

 then how can i make it scrolling ?
one more questions ,  how to add more partner on the code ?

CAN I Move the partner  to HERE ? above the control panel




also where's the bar ? i mean the pink one include the words partner


 

[KCC]

Anyone can help ? bump~~

[levy]

If you want to do like your image create a simple sub-forum and fill with your parteners and it's done or in Generalities.

[GoodWeed]

If you want to do like your image create a simple sub-forum and fill with your parteners and it's done or in Generalities.

IF YOU DONT KNOW WHY YOU ANSWER? POST HUNTER , FY .

[levy]

Ok , so , let's try again :

Code:

jQuery(document).ready(function() {
   jQuery('ul#picture_legend').after('<table class="tablebg" width="100%" cellspacing="1">
<tbody><tr>
<td class="cat" colspan="2"><h4>Partners</h4></td>
</tr>
<tr>

<td class="row1" width="100%"><marque><a href="http://www.forumpgb.com/" target="_blank"><img src="http://www.forumpgb.com/images/poupeegirl.gif" width="122" height="30" alt="Forum Poupee Girl" /></a></marque></td>
</tr>
</tbody></table>');
   });


Create a new javascript and fill with the ^ code and now in your CSS

Code:

.tablebg {
background-color: #E7E7E7;
border-color: #FF8800;
}

.cat {
height: 28px;
margin: 0;
padding: 0;
border: 0;
background-color: #e3815f;
color: white;
background-image: url('http://www.forumpgb.com/styles/TMOL/theme/images/cellpic1.gif');
text-indent: 4px;
}

h4 {
margin: 0;
font-size: 1.1em;
font-weight: bold;
}

.row1 {
background-color: #FFFFFF;
padding: 4px;
}

And yes you can add more , you need only to request the mini-banner and add after your code for example after that :

Code:

<a href="http://www.forumpgb.com/" target="_blank"><img src="http://www.forumpgb.com/images/poupeegirl.gif" width="122" height="30" alt="Forum Poupee Girl" /></a>

Need to have other mini-banner .

[GoodWeed]

Content Removed ~ Sir Chivas™

[KCC]

Ok , so , let's try again :

Code:

<a href="http://www.forumpgb.com/" target="_blank"><img src="http://www.forumpgb.com/images/poupeegirl.gif" width="122" height="30" alt="Forum Poupee Girl" /></a>

Need to have other mini-banner .

Thank you but wanna ask 
1. why the banner isn't scrolling ? 
2. Besides when I add more mini - banner , there's no some space between them.
How can I make them separate ? and scrolling. 
3. How to make the spaces between "Partner bar" (arrow) larger (more separate)? 
4. How to add this on the right side in the photo below ? including the "banner show above"
 Thanks once again

[KCC]

bump

[levy]

You don't saw my last post ?

Create a new javascript in all pages and fill with that , title what you want

Code:

jQuery(document).ready(function() {
  jQuery('ul#picture_legend').after('<table class="tablebg" width="100%" cellspacing="1">
<tbody><tr>
<td class="cat" colspan="2"><h4>Partners</h4></td>
</tr>
<tr>

<td class="row1" width="100%"><marque><a href="http://www.forumpgb.com/" target="_blank"><img src="http://www.forumpgb.com/images/poupeegirl.gif" width="122" height="30" alt="Forum Poupee Girl" /></a></marque></td>
</tr>
</tbody></table>');
  });

And this in your CSS

Code:

.tablebg {
background-color: #E7E7E7;
border-color: #FF8800;
}

.cat {
height: 28px;
margin: 0;
padding: 0;
border: 0;
background-color: #e3815f;
color: white;
background-image: url('http://www.forumpgb.com/styles/TMOL/theme/images/cellpic1.gif');
text-indent: 4px;
}

h4 {
margin: 0;
font-size: 1.1em;
font-weight: bold;
}


They scroll and have and a border.

[KCC]

Ok , so , let's try again :

Code:

<a href="http://www.forumpgb.com/" target="_blank"><img src="http://www.forumpgb.com/images/poupeegirl.gif" width="122" height="30" alt="Forum Poupee Girl" /></a>

Need to have other mini-banner .

I saw your post but it doesn't work . The banner isn't scrolling.

SO once again
1. why the banner isn't scrolling ? 
2. Besides when I add more mini - banner , there's no some space between them.
How can I make them separate ? and scrolling. 
3. How to make the spaces between "Partner bar" (arrow) larger (more separate)? 
4. How to add this on the right side in the photo below ? including the "banner show above"
 Thanks once again 

[levy]

Code:

jQuery(document).ready(function() {
  jQuery('ul#picture_legend').after('<table cellspacing="1" style="width: 100%;">
<thead>
<tr>
<th style="width: 90%;">Parceiros</th>
<th style="width: 10%;">Banner</th>
</tr>
</thead>
<tbody>
<tr>
<td valign="top"><br><div class="marquee" style="width: 780px;"><marquee>YOUR  PARTENERS HERE</marquee></div></td>
<td valign="top"><br><img src="http://www.forumpgb.com/images/poupeegirl.gif" width="122" height="30" alt="Forum Poupee Girl"><br><input name="poupee" type="text" style="width:117px; border: 1px solid #8b4726;" onfocus="this.select()" onmouseover="this.focus()" value="<a href="http://www.forumpgb.com/" target="_blank"><img src="http://www.forumpgb.com/images/poupeegirl.gif" width="122" height="30" alt="Forum Poupee Girl" /></a></td>
</tr>
</tbody>
</table>
');
  });

Code:

th {
color: #FFFFFF;
font-size: 1.1em;
font-weight: bold;
background-color: #ff9ea7;
background-image: url('./images/cellpic3.gif');
white-space: nowrap;
padding: 7px 5px;
}

Try this new codes

[SLGray]

Ok , so , let's try again :

Code:

<a href="http://www.forumpgb.com/" target="_blank"><img src="http://www.forumpgb.com/images/poupeegirl.gif" width="122" height="30" alt="Forum Poupee Girl" /></a>

Need to have other mini-banner .

Thank you but wanna ask 
1. why the banner isn't scrolling ? 
2. Besides when I add more mini - banner , there's no some space between them.
How can I make them separate ? and scrolling. 
3. How to make the spaces between "Partner bar" (arrow) larger (more separate)? 
4. How to add this on the right side in the photo below ? including the "banner show above"
 Thanks once again

bump

Second Reminder:

Please don't double/triple post. Your post need to be separated by 24 hours before bumping, replying or adding more information. Please use the edit button instead!

[KCC]

BUMP~~~

[kirk]

If you want to do like your image create a simple sub-forum and fill with your parteners and it's done or in Generalities.

IF YOU DONT KNOW WHY YOU ANSWER? POST HUNTER , FY .

what is this?
if you do not have anything to add pertaining to the problem please do not reply.
Thank you.


Yeah KCC java scripts is not my best area,
i know how to do it by template edit but unsure with the java script so will let you and candy_fear work this one out

[KCC]

BUMP Please help

[levy]

What is the new proble , I've done all for you , have marque , have the mini-banner , what you want more ?

[KCC]

What is the new proble , I've done all for you , have marque , have the mini-banner , what you want more ?

Nope , not only me but every members of my forum can't see the mini banner is scrolling ,
Conclusion of all problems : 

1.The mini banner isn't scrolling.

2. NO spaces  (not separate )between mini banner , but I wanna make some.
-> Please see the second arrow below

3. How to make the spaces between "Partner bar" (the first red arrow below) larger (more separate)? 


4. How to add this on the right side in the photo below ? including the "banner (topic) show above"

[levy]

Try this new javascript.

Code:

jQuery(document).ready(function() {
  jQuery('ul#picture_legend').after('<table cellspacing="1" style="width: 100%;">
<thead>
<tr>
<th style="width: 90%;">Parceiros</th>
<th style="width: 10%;">Banner</th>
</tr>
</thead>
<tbody>
<tr>
<td valign="top"><br><div class="marquee" style="width: 780px;"><marquee><a href="http://www.forumpgb.com/" target="_blank"><img src="http://www.forumpgb.com/images/poupeegirl.gif" <a="" href="http://tokihasplace.unlimitboard.com/" target="_blank"><img src="http://i31.tinypic.com/2zrjjus.jpg" border="0"></a></marquee></div></td>
<td valign="top"><br><img src="http://www.forumpgb.com/images/poupeegirl.gif" width="122" height="30" alt="Forum Poupee Girl"><br><input name="poupee" type="text" style="width:117px; border: 1px solid #8b4726;" onfocus="this.select()" onmouseover="this.focus()" value="<a href="http://www.forumpgb.com/" target="_blank"><img src="http://www.forumpgb.com/images/poupeegirl.gif" width="122" height="30" alt="Forum Poupee Girl" /></a></td>
</tr>
</tbody>
</table>
');
  });