Register Members List Search Today's Posts Mark Forums Read

Reply
 
Thread Tools
  #1  
Old 05 May 2020, 22:18
Letzride Letzride is offline
 
Join Date: Apr 2020
Rotating footer sticky banners

Hey all,

I am super new to VB5 coming from VBcloud.

I would like to recognize my site sponsors by inserting a sticky bottom footer / ad modules where I can rotate through their sponsorship banners every 6-7 seconds. I require that each banner ad be able to still link to their site.

Is this possible? I don't have computer coding skills and very basic knowledge of html.

Thanks to anyone in advance who can point me in the right direction
Reply With Quote
  #2  
Old 07 May 2020, 18:03
Letzride Letzride is offline
 
Join Date: Apr 2020
Or if anyone can let me know how to make a sticky ad I could start with that and start trying to work through making this work?
Reply With Quote
  #3  
Old 07 May 2020, 20:14
shka shka is offline
 
Join Date: Mar 2016
Just a few thoughts about it. There are three points: integration in site/page, make it sticky on footer, fill it with content.

Following is only a prototype with limitations! Web search for "sticky footer (css)" shows dozens of possible solutions (flex, grid, js..) but you have no control over full site/ basic knowledge so I advice you this simple solution.

Sitebuilder (also new features in 5.6.2) limits positioning to content area. But best way for adding a sticky footer is inject your code below all other (also below copyright...)
So go to AdminCP

a. Create new template
Styles/StyleManager/Select Style/Choose Action/Add New Template
Title : stickyfooter
Template : test (for the moment)
Save

b. Add template hook
Products&Hooks/ Manage template hooks/Add new hook

Product : choose vbulletin
Hook is Active : mark yes
Hook Location : choose footer_before_body_end
Title : stickyfooter
Execution Order : 10
Template Name : stickyfooter (same writing as title in a.)
Save

c. Reload any forum page. At the end / last line should be "test". If not there is something wrong, ask in forum.

d. If ok edit the template from a.
Styles/Search in templates/Search for Text "stickyfooter"/Find
Choose the template from style (DblClick or edit)
Replace "test" with

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Save

e. Reload a forum page. There should be a green centered footer. Purpose of the red spacer is only that also the copyright scrolls to over the footer.
After that you can delete the background-color-definitions and adjust height/width. (height of spacer-div and container-div should be equal)

f. Replace "sticky footer content" with your content. I don't know if content is some "static pictures" or js-code given by your sponsor or so.
Reply With Quote
  #4  
Old 07 May 2020, 21:54
Letzride Letzride is offline
 
Join Date: Apr 2020
This is fantastic - thank you.

Couple issues with it - I have left it up as it is for testing - this is how it looks on my site: www.camarov6.com


- I would like to use this only for mobile devices - how can I modify this to apply only to those?
- I would like to just above it say "FORUM SPONSORS"
- how do I get static ads to rotate within and still link to the sponsors site?
- how can I get rid of that red bit at the very bottom

I really love this - thank you for helping me

--------------- Added 07 May 2020 at 21:55 ---------------

I would also like to get rid of the green bar and make it transparent or possibly white.
Reply With Quote
  #5  
Old 08 May 2020, 07:52
shka shka is offline
 
Join Date: Mar 2016
quote from here
"This is fantastic"

quote from your forum
"so I apologize if it looks a little ugly for a short while"

Ok, I understand. Hmm..

Colors
You can delete lines with background-color or change to transparent or comment it out (last my advice, cause you can enable it or toggle with transparent in future tests)


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Mobile and "FORUM SPONSORS"
Remember - it is unusual to detect mobile. Usually you detect a device with a screen with more than or lower than xxx pixels screen width. (small desktop display is in this case the same as a big tablet/ phone display)

Change the code to


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Adjust the 900 to your preferred value, usual vB-breakpoints are 900, 768, 480, 420, 320. But you can use also every other value.


Content later.

PS: I personally don't like cross postings.

PPS: In your forum the "I agree" button on private policy message box has same font and background color. Not good for reading.
Reply With Quote
  #6  
Old 08 May 2020, 11:51
delicjous's Avatar
delicjous delicjous is offline
 
Join Date: Nov 2014
The following should work, but you have to hook your new template to footer_before_body_ends!
this hook is needed to have jQuery ready loaded.

You could change the rotationTime from 3000 = 3 seconds to whatever you want.
The # needs to changed!

-href = url to the sponsor
-img src = url to your image(s)


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

__________________
vBulletin-Forum.de closed!

Last edited by delicjous; 08 May 2020 at 12:18.
Reply With Quote
  #7  
Old 08 May 2020, 16:56
Letzride Letzride is offline
 
Join Date: Apr 2020
Originally Posted by shka View Post
quote from here
"This is fantastic"

quote from your forum
"so I apologize if it looks a little ugly for a short while"

Ok, I understand. Hmm..

Colors
You can delete lines with background-color or change to transparent or comment it out (last my advice, cause you can enable it or toggle with transparent in future tests)


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Mobile and "FORUM SPONSORS"
Remember - it is unusual to detect mobile. Usually you detect a device with a screen with more than or lower than xxx pixels screen width. (small desktop display is in this case the same as a big tablet/ phone display)

Change the code to

Adjust the 900 to your preferred value, usual vB-breakpoints are 900, 768, 480, 420, 320. But you can use also every other value.


Content later.

PS: I personally don't like cross postings.

PPS: In your forum the "I agree" button on private policy message box has same font and background color. Not good for reading.

Sorry didn't mean to cause trouble by cross posting. Just thought it might help get an answer as it is common with the car forums. I could see why maybe it could be more confusing when dealing with coding though.

The change wasn't "ugly" I just meant as I play with it things could go all whacky and maybe break things. It just took 2 weeks to install VB5 between install issues that Vbulletin had and issues with my host. So if I don't let everyone know what's happening I'll start getting emails lol.

Ok, I think I screwed up the coding. I combined your coding and the delicjous and now it doesn't work. This is what I have:

Did I make a small error or did I totally screw it all up? I kinda understand what is happening with the width / margin type commands. The scripts are way in over my head.

As for the consent button, thanks for letting me know. I saw that when there was bugs with the install and thought it was part of that. That will be my next investigation to try and figure out. I am sure it must be a setting somewhere in the style manager...


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

--------------- Added 08 May 2020 at 17:39 ---------------

Ok, I made some changes and I have it rotating. Couple of little quirks

- "FORUM SPONSORS" is stuck at the very bottom of the page vs on top of the rotating banners
- Is there anyway to randomly rotate the banners? (if not I am totally cool with them just rotating as is)

This is the code I am now working with:


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Reply With Quote
  #8  
Old 08 May 2020, 17:49
delicjous's Avatar
delicjous delicjous is offline
 
Join Date: Nov 2014
First you should not use blanks in imagefiles!
Second you should not combine the code.

If you want to have an extendend version I could make you an offer for a complete addon.
__________________
vBulletin-Forum.de closed!
Reply With Quote
  #9  
Old 08 May 2020, 17:58
Letzride Letzride is offline
 
Join Date: Apr 2020
Originally Posted by delicjous View Post
First you should not use blanks in imagefiles!
Second you should not combine the code.

If you want to have an extendend version I could make you an offer for a complete addon.
I think I took the blanks out with the last one I posted?

I also thought this was an extension to the code that shka made to now make the ads rotate?
Reply With Quote
  #10  
Old 08 May 2020, 19:57
shka shka is offline
 
Join Date: Mar 2016
Originally Posted by Letzride View Post
I also thought this was an extension to the code that shka made to now make the ads rotate?
Alternatively, you can take it. Then remove my code from the template. And for "FORUM SPONSORS" edit delicjous code


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Reply With Quote
  #11  
Old 08 May 2020, 21:02
Letzride Letzride is offline
 
Join Date: Apr 2020
Originally Posted by shka View Post
Alternatively, you can take it. Then remove my code from the template. And for "FORUM SPONSORS" edit delicjous code


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.
This is amazing! If I want to move "FORUM SPONSORS" to the left and bold it where would I put:
text-align: left;
font-weight: bold;
Reply With Quote
Reply

Similar Threads
Thread Thread Starter Forum Replies Last Post
Rotating Forum Banners Beermonster vBulletin 3.0 Full Releases 84 01 Dec 2005 03:34



Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off


New To Site? Need Help?

All times are GMT. The time now is 09:28.

Layout Options | Width: Wide Color: