Scrolling tutorial
Page 1 of 1
Scrolling tutorial
Scrolling tutorial |
These code are to be put on a portal block, on the homepage message, or also in a forum description. Once in the edition of one of them, click on the <> button, on the top right of the text field, to pass in HTML mode. Name of the scroll tag : marquee The different attribute of this tag : id : identifier, scrolldelay : time in milliseconds between each moving, scrollamount : distance in pixel between each moving, height, width : height and widht in pixel of the scrolling windows, direction : direction of the scroll :: UP => from down to up, :: DOWN => from up to down, :: LEFT => from right to left [as default], :: RIGHT => from left to right. behavior : behavior of the scroll :: ALTERNATE => in alternate :: SCROLL => scroll [as default], :: SLIDE => slide from one side to another. loop : number of scrolling - if not specified => loop to infinite [as default] In our case, the attribute behavior and loop don't have any interest if we just do scrolling... Theory is over, let us pass now to practice and here are a few useful codes : /!\ What appeear in red : your text, your pictures, your links /!\ What appear in green : the name of the identifier which have to be the same ==> A simple scroll of text :
==> A simple scroll of picture - horizontal ( <=> space):
==> A simple scroll of picture - vertical (<br> <=> jump of line):
/!\ According to whether you make images scroll horizontally or vertically, don't forget to insert   or <br> ; it won't be indicated later but don't forget ! ==> scroll of pictures with links (partners ) :
==> Scroll wich stops and restarts again at the time of the passage of the mouse : 1st version -- the scroll stop when the mouse passes on the field of scroll :
2nd version -- the scroll stop when the mouse passes on one element: For the text :
For the pictures :
For pictures with links on :
It is now possible to customize the scroll of your text : In the marquee tag, we just need to add this code : style="ATTRIBUTE of STYLE: VALUE;" Various attributes of style : :: HEIGHT and WIDTH for the height and width of scroll, :: BACKGROUND-COLOR to modify the colour of background, :: BACKGROUND : URL('http://URL_background_image'); BACKGROUND-ATTACHMENT: FIXED; to put a fixed background image, :: COLOR to change the text colour, :: FONT-SIZE to change the text size, :: TEXT-ALIGN to modify the text alignement (LEFT, RIGHT, CENTER ou JUSTIFY) There is many other styles to applicate, but there, You have to search by yourself... Written by the friendly SanDream that's all folks corrections by Katt |
corrections by Katt This tutorial background changed by APE. |
Similar topics
» LATEST TOPICS scrolling widget has stopped scrolling
» How to add scrolling bar?
» scrolling link
» Scrolling announcements
» Scrolling Announcements
» How to add scrolling bar?
» scrolling link
» Scrolling announcements
» Scrolling Announcements
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum