Pausing up-down Scroller plugin
Written by kksou   
Thursday, 04 December 2008

This is a plugin which allows you to display an up-down scroller that pauses between each message! The scroller is displayed right inside your article or content item.

The original code was written by dynamicdrive.com. What I've done is to wrap the code into a Joomla plugin so that you can use it within your Joomla articles.

Demo

Powered by JoomlaGadgets

You can see a sample scroller on the right of this paragraph.

The look of the scroller is completely styled using external CSS, including the width, height, foreground and background color.


Powered by JoomlaGadgets

You can have multiple scrollers, each with different width, height and alignment (float to left or right).

Note that you can have different pause intervals for each scroller. The first one above scrolls once every 3 seconds. The second one on the left scrolls once every 4 seconds.

You can also easily create a single line scroller just by adjusting the scroller's height appropriately!

Powered by JoomlaGadgets


Latest Version

v1.01 (for Joomla 1.0) and v1.51 (for Joomla 1.5)
Released December 19, 2008

modified the codes slightly so that it can be used with mod_pausing_up_down_scroller

How to use the "Pausing up-down Scroller" plugin

Important: If you're using Joomla 1.5.8, please refer to the article:
How to enter HTML tags, javascript and PHP codes in Joomla 1.5.8?
Otherwise you might find that all your HTML tags, Javascript and PHP scripts will be removed the moment you click the Save or Apply button.

  1. To insert the Pausing up-down Scroller, use the syntax:
  2. {UpDownScroller}
    ... scroller messages ... 
    {/UpDownScroller}
    

  3. Each scrolling message is delimited by a line containing three dashes '---'
  4. {UpDownScroller}
    message #1
    ---
    message #2
    ---
    message #3
    {/UpDownScroller}
    

  5. The scrolling message can contain any valid HTML text such as links:
  6. {UpDownScroller}
    <a href="http://www.news.com">News.com: Technology and business reports</a>
    ---
    <a href="http://www.cnn.com">CNN: Headline and breaking news 24/7</a>
    ---
    <a href="http://news.bbc.co.uk" target="_new">BBC News: UK and international news</a>
    {/UpDownScroller}
    

  7. Each scrolling message can also contain multiple lines:
  8. {UpDownScroller}
    <a href="http://www.news.com">News.com</a>
    Technology and business reports
    ---
    <a href="http://www.cnn.com">CNN</a>
    Headline and breaking news 24/7
    ---
    <a href="http://news.bbc.co.uk" target="_new">BBC News</a>
    UK and international news
    {/UpDownScroller}
    

  9. Width of the scroller: The default width of the scroller is defined in the Parameters in Plugin Manager. If you want to change the scroller width locally to say, 360px, use the following syntax:
  10. {UpDownScroller width:360}
    message #1
    ---
    message #2
    ---
    message #3
    {/UpDownScroller}
    
  11. Height of the scroller: The default height of the scroller is defined in the Parameters in Plugin Manager. If you want to change the scroller height locally to say, 120px, use the following syntax:
  12. {UpDownScroller width:360 height:120}
    message #1
    ---
    message #2
    ---
    message #3
    {/UpDownScroller}
    
  13. Unique ID of the scroller: If you are using only one scroller in an article, you do not need to specify any ID for the scroller.
  14. However, if you're using more than one scrollers in an article, you will need to specify a unique ID for each scroller. The ID used is similar to a standard variable name, i.e. the first character should be a-z or _, followed by a-z, 0-9 or _.

    {UpDownScroller id:t121 width:360 height:120}
    message #1
    ---
    message #2
    ---
    message #3
    {/UpDownScroller}
    
  15. CSS style of the scroller: The default css style for the scroller is pscroller1 as specified in the css file pausing_up_down_scroller.css in the folder mambots/content/pausing_up_down_scroller (for Joomla 1.0), and plugins/content/pausing_up_down_scroller (for Joomla 1.5).
  16. If you take a look at the css file pausing_up_down_scroller.css, you will see three pre-defined styles: pscroller1, pscroller2 and pscroller3. These are the three css styles used by the three demos you see above. To specify which css style to use for the scroller, use the following syntax:

    {UpDownScroller id:t121 style:pscroller3 width:360 height:120}
    message #1
    ---
    message #2
    ---
    message #3
    {/UpDownScroller}
    
  17. Make the scroller float left: To make the scroller float left, use the following syntax. The 10 following the keyword left will set a margin of 10px between the scroller and the text flowing around it.
  18. {UpDownScroller id:t121 style:pscroller3 width:360 height:120 float:left10}
    message #1
    ---
    message #2
    ---
    message #3
    {/UpDownScroller}
    

  19. Make the scroller float right: To make the scroller float right, use the following syntax. The 16 following the keyword left will set a margin of 16px between the scroller and the text flowing around it.
  20. {UpDownScroller id:t121 style:pscroller3 width:360 height:120 float:right16}
    message #1
    ---
    message #2
    ---
    message #3
    {/UpDownScroller}
    

  21. The pause between each message: The default pause between the display of each message is 3000 milli-seconds.
  22. To specify this pause value to, say 2.5 seconds, use the following syntax. The value is specified in milli-seconds.

    {UpDownScroller id:t121 style:pscroller3 width:360 height:120 float:left pause:2500}
    message #1
    ---
    message #2
    ---
    message #3
    {/UpDownScroller}
    

  23. CSS file: The default css file is pausing_up_down_scroller.css. However, you can also specify a different css files for different scrollers with the following syntax:
  24. {UpDownScroller id:t121 style:pscroller3 float:left pause:2500 css:your_css_file.css}
    message #1
    ---
    message #2
    ---
    message #3
    {/UpDownScroller}
    

Download

Remove the "Powered by" links

You may not edit or remove any copyright or Powered by statements in the Pausing up-down Scroller plugin.

However, if you find the plugin useful and would like to use the plugin without the "Powered-by" links, you may do so by purchasing a "Powered-by" removal license for only USD $10 per site.

Secured payment is processed by 2checkout.com. All major credit cards are accepted, including Visa, Mastercard and American Express, etc. You can also pay by PayPal. Once the transaction is completed, you will be given a link to download the version with the "Powered by" links removed.

How to install (Joomla 1.0.x)

  1. Download the plugin and unzip it into a folder.
  2. From the Installers menu, select mambots. In the field "Install directory", enter the folder location (where you unzipped the file) and click Install.
  3. From the Mambots menu, select Site Mambots.
  4. Make sure the plugin "Pausing up-down Scroller" is published. If you see a cross in the Published column, just click on it. It will turn into a green tick.

You are now ready to use this plugin!

How to install (Joomla 1.5.x)

  1. Download the plugin and unzip it into a folder.
  2. From the Extensions menu, select Install/Uninstall. In the field "Install directory", enter the folder location (where you unzipped the file) and click Install.
  3. From the Extensions menu, select Plugin Manager.
  4. Enable the plugin "Pausing up-down Scroller" - make sure there is a green tick in the Enabled column.
  5. Very Important: If you're using Joomla 1.5.8 and above, please refer to the article:
    How to enter HTML tags, javascript and PHP codes in Joomla 1.5.8?. Otherwise you might find that all your HTML tags, Javascript and PHP scripts will be removed the moment you click the Save or Apply button.

You are now ready to use this plugin!



User reviews   Average user ratings:    3.5   (from 8 users)
  1. andy Frizzell
    January 08, 2009 1:42am
    Okay how do I download the pausing scroller plugin

    I've registered and clicked the download button but I just can't get the D***d thing to download. Could this be a Safari thing?

  2. khalid
    February 07, 2009 5:12pm
    me

    good

  3. ch
    April 23, 2009 5:10am
    I need help

    I need help to use this plugin. I don t know how. would u help me please ?
    When i wrote this
    {UpDownScroller id:t131 style:mod_pscroller height:100 width:178 pause:3000}
    DirectPHP plugin
    This plugin allows direct embedding of PHP commands right inside Joomla
    content page for dynamic contents.
    ---
    googleSearch component/module
    This component / module allows you to add Google Adsense Search to
    your Joomla site.
    ---
    Include Content Item plugin
    This plugin allows you to insert or include one content item into
    another content item.
    {/UpDownScroller}
    and i don t have the scroll for my links

    what should i do ??

  4. nickdeen
    April 01, 2010 7:44am
    joomla

    ok

  5. Fan Soft
    May 05, 2010 3:10am
    I need help

    Help me please, I do not know how to use this plugin. I do not know how. I installed a module in Joomla 1.5.15, I started it, but if you come in through the administrator module to Pausing up-down Scroller and articles added to this:) (UpDownScroller
    message # 1
    ---
    message # 2
    ---
    message # 3
    () UpDownScroller
    so to me the deposit, the page displays exactly the same thing: () UpDownScroller
    message # 1
    ---
    message # 2
    ---
    message # 3
    () UpDownScroller
    But it remains just that there is a whole thus displayed.
    What can I please you do to me the administration changed, there still missing something?

  6. lola mirand
    May 22, 2010 1:18pm
    help

    I have the same problem of the last message
    the module put all the text i put in the contect fild include the (UpDownScroller
    message # 1
    ---
    message # 2
    ---
    message # 3
    () UpDownScroller
    ----
    message # 2
    ---
    message # 3
    () UpDownScroller
    What the problem ??

  7. Nevena
    May 25, 2010 2:21pm
    same problem

    I have same problem, try to fix it, but i cant. Heeeelpp!

  8. Andrey
    June 14, 2010 11:33pm

    In Administrator disable editor TinyMCE, then insert the code into the material.

Note: You have to be a registered member to leave a comment. Free registration here.

Last Updated ( Friday, 05 December 2008 )
 
< Prev   Next >

Blog - Forum - Privacy Policy - Contact Us
Copyright © 2006-2009. kksou.com. All Rights Reserved