Create moving text

3:39 AM

Last time I had the opportunity to introduce page  www.taochu.com  help you make the words run on his blog.  It's a mechanism to create ...

Last time I had the opportunity to introduce page www.taochu.com help you make the words run on his blog. It's a mechanism to create text of this site is simple. You enter the letters and choose your favorite graphs. Click Do it to get the word saved as an image corresponding to the character you enter your code and pasted together with this code in HTML / JavaScript (Template | Add a Page Element).This site is best slightly slow, so it may take more time to blog full load this picture. If you want long-term use, take the up link to the character (in the code that you get) and upload the online photo-sharing site like www.photobucket.com , www.imageshack.us , www . tinypic.com ... To make textual display on the blog, please refer to the following code. 1. You need a simple textual, put it in between the two tag <marquee> .. . </ Marquee> Code:








  The line runs <MARQUEE> </ MARQUEE>


The results show:

Textual

2. You need to format text (font type, font, font size, color, ...) related links , pictures .... 
Font

Italic
Code:


  <span Style="font-style:italic;"> <MARQUEE> Welcome to <a href="http://thuthuatchoblogger.blogspot.com" target="_blank"> tricks for Blogger! </ A > </ span> </ MARQUEE>


The results show:

Welcome to the tricks for Blogger!

Bold 

Code:

  <span Style="font-weight:bold;"> <MARQUEE> Welcome to <a href="http://thuthuatchoblogger.blogspot.com" target="_blank"> tricks for Blogger! </ A > </ span> </ MARQUEE>


The results show:

Welcome to the tricks for Blogger!

Font: 

Code:

  <MARQUEE> <span> Welcome to the <a href="http://thuthuatchoblogger.blogspot.com" target="_blank"> tricks for Blogger </ a> </ span> </ MARQUEE>


Show:

Welcome to the tricks for Blogger!

Font Color: 

Code:

  <span Style="color: rgb(255, 102, 0);"> <MARQUEE> Welcome to <a href="http://thuthuatchoblogger.blogspot.com" target="_blank"> tricks for Blogger </ a> </ span> </ MARQUEE>


Show:

Welcome to the tricks for Blogger!

Font Size: 

Code:

  <span Style="font-size:180%;"> <MARQUEE> Welcome to <a href="http://thuthuatchoblogger.blogspot.com" target="_blank"> tricks for Blogger! </ a> </ span> </ MARQUEE>


Show:

Welcome to the tricks for Blogger!



If you want text or images or both "run". Code:



  Welcome to <MARQUEE> href="http://thuthuatchoblogger.blogspot.com" target="_blank"> <a tricks for Blogger! </ A> <img border="0" SRC="http://taochu.com/gen/gimg/30/a.gif"/> </ MARQUEE>


The results show:

Welcome to the tricks for Blogger! 


3. MARQUEE Sizing shown on page 

code:
  Welcome to <MARQUEE WIDTH="20%"> with tricks for Blogger </ MARQUEE>


With WIDTH = "20%" (width), the words run only appeared in about 20% of screen size. results show:



Welcome to the tricks for Blogger

Similarly you can specify the height HEIGHT. 4. am running Code:





  Welcome to <MARQUEE DIRECTION="LEFT"> with tricks for Blogger </ MARQUEE>


The results show:

Welcome to the tricks for Blogger

You can replace LEFT with RIGHT, UP and DOWN if you want to run way from the right turn over, bottom up and top-down display results: DIRECTION = "RIGHT"





Welcome to the tricks for Blogger

DIRECTION = "UP"

Welcome to the tricks for Blogger

DIRECTION = "DOWN"

Welcome to the tricks for Blogger

4. How to "run" 

Code:

  Welcome to <MARQUEE BEHAVIOR="SCROLL"> with tricks for Blogger </ MARQUEE>


The results show:

Welcome to the tricks for Blogger

As default, the text will appear to run from the left, and repeat. If you want to just "run" from the left once through replace SCROLL by SLIDE, or ALTERNATE running back and forth. results show:BEHAVIOR = "SLIDE"





Welcome to the tricks for Blogger

BEHAVIOR = "ALTERNATE"

Welcome to the tricks for Blogger

5. temporal delay 

code:

  Welcome to <MARQUEE SCROLLDELAY=200> with tricks for Blogger </ MARQUEE>


Here the delay time in milliseconds (1 millisecond = 1/1000 seconds). I chose 200, that is the time delay by 200/1000 = 0.2 seconds showing results:



Welcome to the tricks for Blogger

TOM: No time delay



Welcome to the tricks for Blogger

SCROLLDELAY = "100"

Welcome to the tricks for Blogger

SCROLLDELAY = "1000"

Welcome to the tricks for Blogger

SCROLLDELAY = "2000"

Welcome to the tricks for Blogger

6. number of iterations 

Code:

  Welcome to <MARQUEE LOOP=10> with tricks for Blogger </ MARQUEE>


If you want specific number of repetitions, or replaced by other numbers 10. After the last iteration the words will disappear. results show:



Welcome to the tricks for Blogger

7. Step "dance" 

Code:

  Welcome to <MARQUEE SCROLLAMOUNT=30> with tricks for Blogger </ MARQUEE>


30 here is the number of pixels (pixel count) on your screen. Each time the text would appear to "jump" a step in the previous point 30 pixels. results show: SCROLLAMOUNT = 30





Welcome to the tricks for Blogger

SCROLLAMOUNT = 60

Welcome to the tricks for Blogger

SCROLLAMOUNT = 100

Welcome to the tricks for Blogger

8. Background 

Code:

  Welcome to <MARQUEE BGCOLOR=ORANGE> with tricks for Blogger </ MARQUEE>


The results show:

Welcome to the tricks for Blogger

Replaced by the word ORANGE is the color according to your wishes. For example, RED (red), BLUE (blue), GREEN (green), Pink (pink), YELLOW (yellow), VIOLET (purple), BLACK (black) .... Finally, you copy code, paste in the HTML / JavaScript (Template | Add A Page Element | HTML / JavaScript), scroll to the appropriate location click Save to finish. Wish you success!

No comments: