Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

How do i create a ticker bar to display some info we wish to display on my website?

Featured Replies

I need to put a horizontal scrolling ticking info bar underneath my header on my website. Is this diffficult to do based on the fact that i know a little html & css?

 

Cheers as always,

 

Jason

  • Author

I've been researching this a bit further and it seems the <marquee> tag is a big no no. Can anyone point me in the right direction for this. I have googled alternatives but am worried that what im reading is out of date now.

I don't really like any moving things on web pages, it usually ends up looking a bit tacky or gives the impression of being an advert. Just my opinion though and hope you do it well :)

  • Author

thanks for the reply guys. I dont particularly like them either but my mate thinks it would be a good idea for a bit of news to our site. Either way now i have looked into it im more interested in just how to do it. I clicked that link cibgraphics and copied the code into my editor but although it displayed the text it wasnt styled or ticking. Am i missing something?

 

Just to confirm - First i copied the markup into the area in my code where I wanted it to sit then I copied

$(function(){ $("ul#ticker01").liScroll(); }); 

in the head.

 

Is there anything else I should do? Thanks again I plan to learn javascript just as soon as I have progressed a little further with my css studies.

  • Author

Thanks rallport I thought it was probably a dumb question. :fool:

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.