Welcome, Guest
Username: Password: Remember me
Forgot your password? Forgot your username? Create an account
Forum
Tips and Tricks
Public Forums
Tips and Tricks - Best Practices
How to make a "Scrolling text (can be paused)" on the WEB page?
×

~~~~~~~~~~~~ IMPORTANT INFORMATION -- Please read! ~~~~~~~~~~~~

1. The "search..." box above searches the Docs & Forum Posts. The "Search" tab above just searches the Forum Posts. :side:
Please use these to search for your issue *before* creating a new message topic, as your issue may have been previously solved.
2. Please put your Club # and Club Web Address in your Forum Signature (best) OR in each post to get faster support from us.
Click here to edit your signature at the bottom of the Profile Information tab.
3. Our user and admin docs are available at: support.toastmastersclubs.org/doc "There's a doc for that!" ;)
4. There is an "Opt In" Feature for newly added members. The Opt In document explains the strikethrough member information. Click Here to View the Post
5. When posting a New Topic , please include all relevant details and be specific. When did your issue 1st occur? What operating system, browser, & browser version are you using? Did you refresh your browser cache? Are your cookies enabled? Lastly, a screen shot is often helpful.
6. Please abide by the Terms of Use . We are volunteers contributing our spare time. We are happy to assist you, so long as you are respectful and courteous.
7. We are always looking for new FreeToastHost Ambassadors to join our team and support fellow Toastmasters in their use of the FreeToastHost website system. If you are familiar with the system and have some interest, send a Send Us a Private Message.
  • Page:
  • 1

TOPIC:

How to make a "Scrolling text (can be paused)" on the WEB page? 7 years 3 months ago #59971

  • Bright
  • Bright's Avatar Topic Author
  • Visitor
  • Visitor
Hi Sir,

This is Bright. I am WEB master of CECI club (#5013). It's my first post.

Anyone know how to make the Scrolling text of message "WHAT? WE ARE A SPECIALTY CLUB - VISITORS WELCOME"
on top of the WEB page from the club elitetoastmasters.toastmastersclubs.org?

Look forward to your feedback! :)

My club WEBsite: ceci.toastmastersclubs.org
Last edit: by Bright. Reason: term revision
The topic has been locked.

How to make a "moving banner" of the WEB page? 7 years 3 months ago #59972

  • Brian
  • Brian's Avatar
  • Offline
  • Administrator
  • Administrator
  • Posts: 11644
  • Thank you received: 3880
You would need to make an animated gif and place it on your page.

Thank you,

Brian McDonald DTM, PDD D61
FTH Lead Technical Support
member Cataraqui Valley Toastmaster 9560
The following user(s) said Thank You: Bright
The topic has been locked.

How to make a "moving banner" of the WEB page? 7 years 3 months ago #59974

  • SteveTheTechie
  • SteveTheTechie's Avatar
  • Offline
  • FreeToastHost Developer
  • FreeToastHost Developer
  • Posts: 13529
  • Thank you received: 3831
In source view:
<marquee>WHAT? WE ARE A SPECIALTY CLUB - VISITORS WELCOME</marquee>
Regards,

Steve James, DTM
FreeToastHost System Developer
Officer Emeritus, Mindful Communicators (Club 1966, District 52) A President's Distinguished Club for each of the last 10 years.

>>> Please put your club number in your forum profile. CLICK here to edit your profile.
The following user(s) said Thank You: Bright
The topic has been locked.

How to make a "moving banner" of the WEB page? 7 years 3 months ago #59975

  • kenmatos
  • kenmatos's Avatar
  • Offline
  • Senior Member
  • Senior Member
  • Posts: 47
  • Thank you received: 4
That is pretty cool. I added a banner to our web page as well but then it created many spaces below in the body of my home page that I had to delete---- <p> </p>.

After I deleted all the spaces and saved it then I made an adjustment to the message but it added spaces again between all my items on the home page. Any thoughts why it is doing this?

Here is the code:

<marquee>
<h3 style="text-align:center"><span style="font-size:18px"><span style="color:#B22222;">Happy Holidays & Happy New Year</span></span></h3>
</marquee>

<p> </p>
Ken Matos, DTM

USGS Toastmasters * Club # 3078 * District 29 * Area 42
The following user(s) said Thank You: Bright
Last edit: by kenmatos. Reason: Include code
The topic has been locked.

How to make a "moving banner" of the WEB page? 7 years 3 months ago #59978

  • SteveTheTechie
  • SteveTheTechie's Avatar
  • Offline
  • FreeToastHost Developer
  • FreeToastHost Developer
  • Posts: 13529
  • Thank you received: 3831
The editor tries to make everything be inside paragraph marks.... Just put your stuff in a div block as a work around.
Regards,

Steve James, DTM
FreeToastHost System Developer
Officer Emeritus, Mindful Communicators (Club 1966, District 52) A President's Distinguished Club for each of the last 10 years.

>>> Please put your club number in your forum profile. CLICK here to edit your profile.
The topic has been locked.

How to make a "moving banner" of the WEB page? 7 years 3 months ago #59979

  • kenmatos
  • kenmatos's Avatar
  • Offline
  • Senior Member
  • Senior Member
  • Posts: 47
  • Thank you received: 4
Can you provide me documentation on
how to do a division block?
Ken Matos, DTM

USGS Toastmasters * Club # 3078 * District 29 * Area 42
The topic has been locked.

How to make a "moving banner" of the WEB page? 7 years 3 months ago #59980

  • SteveTheTechie
  • SteveTheTechie's Avatar
  • Offline
  • FreeToastHost Developer
  • FreeToastHost Developer
  • Posts: 13529
  • Thank you received: 3831

Can you provide me documentation on
how to do a division block?

<div>other code</div>

There is an editor icon for doing this... look for the icon w/ <div> on it.
Regards,

Steve James, DTM
FreeToastHost System Developer
Officer Emeritus, Mindful Communicators (Club 1966, District 52) A President's Distinguished Club for each of the last 10 years.

>>> Please put your club number in your forum profile. CLICK here to edit your profile.
The following user(s) said Thank You: kenmatos, Bright
The topic has been locked.

How to make a "moving banner" of the WEB page? 7 years 3 months ago #59997

  • Bright
  • Bright's Avatar Topic Author
  • Visitor
  • Visitor
Thanks Brian. I google and found a WEBsite gifmaker.me to make animated gif file.

Now I can make several meeting photos play animately on home page. It's new feature to me.
Only I still not catch how to make the "moving banner". Seems a bit technical...
The topic has been locked.

How to make a "moving banner" of the WEB page? 7 years 3 months ago #59999

  • kenmatos
  • kenmatos's Avatar
  • Offline
  • Senior Member
  • Senior Member
  • Posts: 47
  • Thank you received: 4
Thanks for sharing that website!
Ken Matos, DTM

USGS Toastmasters * Club # 3078 * District 29 * Area 42
The topic has been locked.

How to make a "moving banner" of the WEB page? 7 years 3 months ago #60015

  • LindaMann
  • LindaMann's Avatar
  • Visitor
  • Visitor
The code for that is: <marquee behavior="slide" direction="left" style="width: 483px; height: 48px;"> </marquee>

Where it states left, you can put right in there too and it will move in that direction.... I forget the website I got this from...
The topic has been locked.

How to make a "moving banner" of the WEB page? 7 years 3 months ago #60020

  • Bright
  • Bright's Avatar Topic Author
  • Visitor
  • Visitor
It works for the moving banner finally.
Thanks for all the guidance here.
The topic has been locked.

How to make a "moving banner" of the WEB page? 7 years 1 month ago #61620

  • Bright
  • Bright's Avatar Topic Author
  • Visitor
  • Visitor
As a result, I would like to share the following source code for "Scrolling text with pause" (i.e. moving cursor on the text) feature:　

<div>
<marquee onmouseout="this.start();" onmouseover="this.stop();" title="Holding your cursor over this stops the marquee.">
<span style="color: rgb(255, 0, 153);">
<span style="font-family: Verdana,Geneva,sans-serif;">
<span style="font-size: 16px;">
<em>Welcome to attend our coming meeting! </em>
</span>
</span>
</span>
</marquee>
</div>

You may replace the text "Welcome to attend our coming meeting! " above with your own text in "source mode".
For color and font family/size, it can be changed in "edit mode".
Last edit: by Bright. Reason: revision of description
The topic has been locked.

How to make a "moving banner" of the WEB page? 7 years 1 month ago #61622

  • kenmatos
  • kenmatos's Avatar
  • Offline
  • Senior Member
  • Senior Member
  • Posts: 47
  • Thank you received: 4
Steve,

I have this code on my home page. A caption with an image but every time I update above it it creates additional line spacing. I added </div> as you suggested so I am not sure what is going on?' Where do I need to add additional ones?


<p><span style="color:#800080;"><strong><big>                               2017  Intenational Speech & Table Topics Contest </big></strong></span></p>

<p> </p>

<div class="fontb" style="text-align: center;"><strong>Congratulations Barry Tolin 1st Place International Speech Contest!</strong></div>

<p> </p>

<div class="fontb" style="text-align: center;">
<p><strong>Left to Right: Donna, Ken, Barry and Charlie</strong></p>
</div>

<p> </p>

<p style="text-align: center;"><img alt="" src="winchestertoastmasters.toastmastersclubs...2017_Intl_Speech.JPG" style="width: 600px; height: 450px;" />



<p> </p>
Ken Matos, DTM

USGS Toastmasters * Club # 3078 * District 29 * Area 42
The topic has been locked.

How to make a "moving banner" of the WEB page? 7 years 1 month ago #61624

  • SteveTheTechie
  • SteveTheTechie's Avatar
  • Offline
  • FreeToastHost Developer
  • FreeToastHost Developer
  • Posts: 13529
  • Thank you received: 3831

Steve,

I have this code on my home page. A caption with an image but every time I update above it it creates additional line spacing. I added </div> as you suggested so I am not sure what is going on?' Where do I need to add additional ones?


<p><span style="color:#800080;"><strong><big>                               2017  Intenational Speech & Table Topics Contest </big></strong></span></p>

<p> </p>

<div class="fontb" style="text-align: center;"><strong>Congratulations Barry Tolin 1st Place International Speech Contest!</strong></div>

<p> </p>

<div class="fontb" style="text-align: center;">
<p><strong>Left to Right: Donna, Ken, Barry and Charlie</strong></p>
</div>

<p> </p>

<p style="text-align: center;"><img alt="" src="winchestertoastmasters.toastmastersclubs...2017_Intl_Speech.JPG" style="width: 600px; height: 450px;" />



<p> </p>


Ok, so you are getting into the nittty gritty details of HTML. ;) "big" is not supported in HMTL5 and I strive to be HTML5 compliant in whatever I do. You may find it is not supported in all browsers.

Re: the spacing. CKEditor strives to make *everything* a paragraph in its default configuration (even blank lines), which is probably ok for things like the home page, but I have it configured differently elsewhere. You can always just use Shift-Enter to generate <br> (line break codes) instead of the paragraph marks... the paragraph marks are what are giving the the extra spacing.

However, at some point we need to back off of this since our function is not really to teach users to write great HTML. We will give basic pointers, but beyond that, you need to see out HTML references. There are plenty of online resources for that. e.g. www.w3schools.com/
Regards,

Steve James, DTM
FreeToastHost System Developer
Officer Emeritus, Mindful Communicators (Club 1966, District 52) A President's Distinguished Club for each of the last 10 years.

>>> Please put your club number in your forum profile. CLICK here to edit your profile.
The following user(s) said Thank You: LindaMann, Bright
The topic has been locked.
  • Page:
  • 1
Moderators: Pam, rhtaylor3, jliu, marc33, NotLiable, deedubbleyoo, NSB, Phyllis Kirouac
Forum
Tips and Tricks
Public Forums
Tips and Tricks - Best Practices
How to make a "Scrolling text (can be paused)" on the WEB page?
Time to create page: 0.042 seconds
Powered by Kunena Forum