Welcome, Guest
Username: Password: Remember me
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: https://support.toastmastersclubs.org/doc "There's a doc for that!" ;)
4. 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.
5. 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.
6. We are always looking for new FreeToastHost Ambassadors to join our ranks 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 Private Message to RogerM.
  • Page:
  • 1

TOPIC: How to make a "Scrolling text (can be paused)" on the WEB page?

How to make a "Scrolling text (can be paused)" on the WEB page? 1 year 5 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

Please Log in or Create an account to join the conversation.

Last Edit: by Bright. Reason: term revision

How to make a "moving banner" of the WEB page? 1 year 5 months ago #59972

  • Brian
  • Brian's Avatar
  • Offline
  • Administrator
  • Administrator
  • Posts: 6643
  • Karma: 108
  • Thank you received: 1893
You would need to make an animated gif and place it on your page.
The following user(s) said Thank You: Bright

Please Log in or Create an account to join the conversation.

Thank you

Brian McDonald DTM
Lead Freetoasthost Support
support.toastmastersclubs.org

Cataraqui Valley Toastmasters
www.catval.com
Club #9560

Immediate Past District Director District 61 for 2017-2018
Serving Eastern Ontario, Quebec, and Northern New York
www.tm61.org

How to make a "moving banner" of the WEB page? 1 year 5 months ago #59974

  • SteveTheTechie
  • SteveTheTechie's Avatar
  • Away
  • FreeToastHost Developer
  • FreeToastHost Developer
  • Posts: 9967
  • Karma: 137
  • Thank you received: 2603
In source view:
<marquee>WHAT? WE ARE A SPECIALTY CLUB - VISITORS WELCOME</marquee>
The following user(s) said Thank You: Bright

Please Log in or Create an account to join the conversation.

Steve James, DTM
FreeToastHost 2 Lead System Developer B)
District 52 Pathways Chief Ambassador / Guide
www.linkedin.com/in/sejames
Officer Emeritus
Mindful Communicators - Club 1966, Presidents Distinguished Since 2008
www.mindfulcommunicators.org

CLICK HERE to edit your "signature" for forum messages (at the bottom of the "Profile Information" tab). Please include your club # there.

Digital Tip Jar (optional) :thumbsup:

How to make a "moving banner" of the WEB page? 1 year 5 months ago #59975

  • kenmatos
  • kenmatos's Avatar
  • Offline
  • FTH Junior Poster
  • FTH Junior Poster
  • Posts: 33
  • Thank you received: 3
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>
The following user(s) said Thank You: Bright

Please Log in or Create an account to join the conversation.

Ken Matos, ACS, CL

USGS Toastmasters * Club # 3078 * District 29 * Area 42
Last Edit: by kenmatos. Reason: Include code

How to make a "moving banner" of the WEB page? 1 year 5 months ago #59978

  • SteveTheTechie
  • SteveTheTechie's Avatar
  • Away
  • FreeToastHost Developer
  • FreeToastHost Developer
  • Posts: 9967
  • Karma: 137
  • Thank you received: 2603
The editor tries to make everything be inside paragraph marks.... Just put your stuff in a div block as a work around.

Please Log in or Create an account to join the conversation.

Steve James, DTM
FreeToastHost 2 Lead System Developer B)
District 52 Pathways Chief Ambassador / Guide
www.linkedin.com/in/sejames
Officer Emeritus
Mindful Communicators - Club 1966, Presidents Distinguished Since 2008
www.mindfulcommunicators.org

CLICK HERE to edit your "signature" for forum messages (at the bottom of the "Profile Information" tab). Please include your club # there.

Digital Tip Jar (optional) :thumbsup:

How to make a "moving banner" of the WEB page? 1 year 5 months ago #59979

  • kenmatos
  • kenmatos's Avatar
  • Offline
  • FTH Junior Poster
  • FTH Junior Poster
  • Posts: 33
  • Thank you received: 3
Can you provide me documentation on
how to do a division block?

Please Log in or Create an account to join the conversation.

Ken Matos, ACS, CL

USGS Toastmasters * Club # 3078 * District 29 * Area 42

How to make a "moving banner" of the WEB page? 1 year 5 months ago #59980

  • SteveTheTechie
  • SteveTheTechie's Avatar
  • Away
  • FreeToastHost Developer
  • FreeToastHost Developer
  • Posts: 9967
  • Karma: 137
  • Thank you received: 2603

kenmatos wrote: 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.
The following user(s) said Thank You: kenmatos, Bright

Please Log in or Create an account to join the conversation.

Steve James, DTM
FreeToastHost 2 Lead System Developer B)
District 52 Pathways Chief Ambassador / Guide
www.linkedin.com/in/sejames
Officer Emeritus
Mindful Communicators - Club 1966, Presidents Distinguished Since 2008
www.mindfulcommunicators.org

CLICK HERE to edit your "signature" for forum messages (at the bottom of the "Profile Information" tab). Please include your club # there.

Digital Tip Jar (optional) :thumbsup:

How to make a "moving banner" of the WEB page? 1 year 5 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...

Please Log in or Create an account to join the conversation.

How to make a "moving banner" of the WEB page? 1 year 5 months ago #59999

  • kenmatos
  • kenmatos's Avatar
  • Offline
  • FTH Junior Poster
  • FTH Junior Poster
  • Posts: 33
  • Thank you received: 3
Thanks for sharing that website!

Please Log in or Create an account to join the conversation.

Ken Matos, ACS, CL

USGS Toastmasters * Club # 3078 * District 29 * Area 42

How to make a "moving banner" of the WEB page? 1 year 5 months ago #60015

  • LindaMann
  • LindaMann's Avatar
  • Offline
  • FreeToastHost Ambassador
  • FreeToastHost Ambassador
  • Posts: 652
  • Karma: 7
  • Thank you received: 149
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 following user(s) said Thank You: SteveTheTechie, AnitaCCC, Bright

Please Log in or Create an account to join the conversation.

How to make a "moving banner" of the WEB page? 1 year 5 months ago #60020

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

Please Log in or Create an account to join the conversation.

How to make a "moving banner" of the WEB page? 1 year 3 months 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".

Please Log in or Create an account to join the conversation.

Last Edit: by Bright. Reason: revision of description

How to make a "moving banner" of the WEB page? 1 year 3 months ago #61622

  • kenmatos
  • kenmatos's Avatar
  • Offline
  • FTH Junior Poster
  • FTH Junior Poster
  • Posts: 33
  • Thank you received: 3
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> </p>

Please Log in or Create an account to join the conversation.

Ken Matos, ACS, CL

USGS Toastmasters * Club # 3078 * District 29 * Area 42

How to make a "moving banner" of the WEB page? 1 year 3 months ago #61624

  • SteveTheTechie
  • SteveTheTechie's Avatar
  • Away
  • FreeToastHost Developer
  • FreeToastHost Developer
  • Posts: 9967
  • Karma: 137
  • Thank you received: 2603

kenmatos wrote: 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> </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/
The following user(s) said Thank You: LindaMann, Bright

Please Log in or Create an account to join the conversation.

Steve James, DTM
FreeToastHost 2 Lead System Developer B)
District 52 Pathways Chief Ambassador / Guide
www.linkedin.com/in/sejames
Officer Emeritus
Mindful Communicators - Club 1966, Presidents Distinguished Since 2008
www.mindfulcommunicators.org

CLICK HERE to edit your "signature" for forum messages (at the bottom of the "Profile Information" tab). Please include your club # there.

Digital Tip Jar (optional) :thumbsup:
  • Page:
  • 1
Moderators: SteveTheTechieGeorgeMarshallPam
Powered by Kunena Forum