WallBB Forums
Add ticker to Super Awesome Announcement? - Printable Version

+- WallBB Forums (https://wallbb.co.uk/forums)
+-- Forum: Theme Section (https://wallbb.co.uk/forums/forumdisplay.php?fid=5)
+--- Forum: Theme Support (https://wallbb.co.uk/forums/forumdisplay.php?fid=10)
+--- Thread: Add ticker to Super Awesome Announcement? (/showthread.php?tid=64)



Add ticker to Super Awesome Announcement? - rocketfoot - 01-09-2018

Do you have any simple scripts and code to add a nice rolling ticker to the Super Awesome Announcement Bar? 

I'd like it to roll form top to bottom...not a marquee style.

I'd really like to have it styled like the screen cap I added below:


RE: Add ticker to Super Awesome Announcement? - WallBB - 01-10-2018

Surely I can code one rocketfoot Smile
Can you explain complete functionality how you want this?
Do you want these announcement changing with time or with a click


RE: Add ticker to Super Awesome Announcement? - rocketfoot - 01-10-2018

(01-10-2018, 04:40 AM)WallBB Wrote: Surely I can code one rocketfoot Smile
Can you explain complete functionality how you want this?
Do you want these announcement changing with time or with a click

I actually got this free code to work:
https://www.jqueryscript.net/animation/Mobile-friendly-News-Ticker-with-jQuery-CSS3-Responsive-Ticker.html

I added font awesome but I wish the arrow image was CSS instead of a .png

Check it out on my site...it shows for guests:
https://www.7173mustangs.com/index.php


RE: Add ticker to Super Awesome Announcement? - Styros - 01-10-2018

(01-10-2018, 11:28 AM)rocketfoot Wrote:
(01-10-2018, 04:40 AM)WallBB Wrote: Surely I can code one rocketfoot Smile
Can you explain complete functionality how you want this?
Do you want these announcement changing with time or with a click

I actually got this free code to work:
https://www.jqueryscript.net/animation/Mobile-friendly-News-Ticker-with-jQuery-CSS3-Responsive-Ticker.html

I added font awesome but I wish the arrow image was CSS instead of a .png

Check it out on my site...it shows for guests:
https://www.7173mustangs.com/index.php

I hope you can share tutorial on that one Smile


RE: Add ticker to Super Awesome Announcement? - WallBB - 01-11-2018

(01-10-2018, 11:28 AM)rocketfoot Wrote:
(01-10-2018, 04:40 AM)WallBB Wrote: Surely I can code one rocketfoot Smile
Can you explain complete functionality how you want this?
Do you want these announcement changing with time or with a click

I actually got this free code to work:
https://www.jqueryscript.net/animation/Mobile-friendly-News-Ticker-with-jQuery-CSS3-Responsive-Ticker.html

I added font awesome but I wish the arrow image was CSS instead of a .png

Check it out on my site...it shows for guests:
https://www.7173mustangs.com/index.php
I can help you with changing to font-awesome icon rocketfoot Smile


RE: Add ticker to Super Awesome Announcement? - rocketfoot - 01-11-2018

(01-11-2018, 10:59 AM)WallBB Wrote:
(01-10-2018, 11:28 AM)rocketfoot Wrote:
(01-10-2018, 04:40 AM)WallBB Wrote: Surely I can code one rocketfoot Smile
Can you explain complete functionality how you want this?
Do you want these announcement changing with time or with a click

I actually got this free code to work:
https://www.jqueryscript.net/animation/Mobile-friendly-News-Ticker-with-jQuery-CSS3-Responsive-Ticker.html

I added font awesome but I wish the arrow image was CSS instead of a .png

Check it out on my site...it shows for guests:
https://www.7173mustangs.com/index.php
I can help you with changing to font-awesome icon rocketfoot Smile

I'm good with Font Awesome...I was thinking about how to change the CSS so the left side arrow image was CSS instead of a PNG image.  But it is ok...it's working, so thats a win!  LOL!


RE: Add ticker to Super Awesome Announcement? - choipadua17 - 01-16-2018

Will check and see this!


RE: Add ticker to Super Awesome Announcement? - WallBB - 02-01-2018

(01-11-2018, 11:18 AM)rocketfoot Wrote:
(01-11-2018, 10:59 AM)WallBB Wrote:
(01-10-2018, 11:28 AM)rocketfoot Wrote:
(01-10-2018, 04:40 AM)WallBB Wrote: Surely I can code one rocketfoot Smile
Can you explain complete functionality how you want this?
Do you want these announcement changing with time or with a click

I actually got this free code to work:
https://www.jqueryscript.net/animation/Mobile-friendly-News-Ticker-with-jQuery-CSS3-Responsive-Ticker.html

I added font awesome but I wish the arrow image was CSS instead of a .png

Check it out on my site...it shows for guests:
https://www.7173mustangs.com/index.php
I can help you with changing to font-awesome icon rocketfoot Smile

I'm good with Font Awesome...I was thinking about how to change the CSS so the left side arrow image was CSS instead of a PNG image.  But it is ok...it's working, so thats a win!  LOL!

(01-16-2018, 04:40 PM)choipadua17 Wrote: Will check and see this!

That is why font-awesome rocks, probably I will add new icon sets in next project.
Make sure you grab latest update coming this weekend.