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? 8 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? 8 years 3 months ago #59972

  • Brian
  • Brian's Avatar
  • Offline
  • Administrator
  • Administrator
  • Posts: 10418
  • Thank you received: 3859
You would need to make an animated gif and place it on your page.
The following user(s) said Thank You: Bright
The topic has been locked.

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

  • SteveTheTechie
  • SteveTheTechie's Avatar
  • Offline
  • Administrator
  • Administrator
  • Posts: 11526
  • Thank you received: 3795
In source view:
<marquee>WHAT? WE ARE A SPECIALTY CLUB - VISITORS WELCOME</marquee>
The following user(s) said Thank You: Bright
The topic has been locked.

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

  • kenmatos
  • kenmatos's Avatar
  • Offline
  • Junior Member
  • Junior Member
  • Posts: 28
  • 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>
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? 8 years 3 months ago #59978

  • SteveTheTechie
  • SteveTheTechie's Avatar
  • Offline
  • Administrator
  • Administrator
  • Posts: 11526
  • Thank you received: 3795
The editor tries to make everything be inside paragraph marks.... Just put your stuff in a div block as a work around.
The topic has been locked.

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

  • kenmatos
  • kenmatos's Avatar
  • Offline
  • Junior Member
  • Junior Member
  • Posts: 28
  • Thank you received: 4
Can you provide me documentation on
how to do a division block?
The topic has been locked.

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

  • SteveTheTechie
  • SteveTheTechie's Avatar
  • Offline
  • Administrator
  • Administrator
  • Posts: 11526
  • Thank you received: 3795

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
The topic has been locked.

How to make a "moving banner" of the WEB page? 8 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? 8 years 3 months ago #59999

  • kenmatos
  • kenmatos's Avatar
  • Offline
  • Junior Member
  • Junior Member
  • Posts: 28
  • Thank you received: 4
Thanks for sharing that website!
The topic has been locked.

How to make a "moving banner" of the WEB page? 8 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? 8 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? 8 years 4 weeks 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? 8 years 4 weeks ago #61622

  • kenmatos
  • kenmatos's Avatar
  • Offline
  • Junior Member
  • Junior Member
  • Posts: 28
  • 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>
The topic has been locked.

How to make a "moving banner" of the WEB page? 8 years 4 weeks ago #61624

  • SteveTheTechie
  • SteveTheTechie's Avatar
  • Offline
  • Administrator
  • Administrator
  • Posts: 11526
  • Thank you received: 3795

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/
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.076 seconds
Powered by Kunena Forum