Pausing up-down Scroller plugin
15.12.2008 13:11
Pausing up-down Scroller plugin - плагин позволяющий добавлять в статью  прокручивающее "окошко" которое показывает определенную информацию.
Читаем внимательно там где демо - руководство (на англ).		 alt
Homepage
Demo
 alt

 

 

 

  1. To insert the Pausing up-down Scroller, use the syntax:
    2. {UpDownScroller}
... scroller messages ... 
{/UpDownScroller}
  2. Each scrolling message is delimited by a line containing three dashes '---'
    3. {UpDownScroller}
message #1
---
message #2
---
message #3
{/UpDownScroller}
  3. The scrolling message can contain any valid HTML text such as links:
    4. {UpDownScroller}
News.com: Technology and business reports
---
CNN: Headline and breaking news 24/7
---
BBC News: UK and international news
{/UpDownScroller}
  4. Each scrolling message can also contain multiple lines:
    5. {UpDownScroller}
News.com
Technology and business reports
---
CNN
Headline and breaking news 24/7
---
BBC News
UK and international news
{/UpDownScroller}
  5. 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:
    6. {UpDownScroller width:360}
message #1
---
message #2
---
message #3
{/UpDownScroller}
  6. 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:
    7. {UpDownScroller width:360 height:120}
message #1
---
message #2
---
message #3
{/UpDownScroller}
  7. 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.

    8. 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}
  8. 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).

    9. 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}
  9. 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.
    10. {UpDownScroller id:t121 style:pscroller3 width:360 height:120 float:left10}
message #1
---
message #2
---
message #3
{/UpDownScroller}
  10. 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.
    11. {UpDownScroller id:t121 style:pscroller3 width:360 height:120 float:right16}
message #1
---
message #2
---
message #3
{/UpDownScroller}
  11. The pause between each message: The default pause between the display of each message is 3000 milli-seconds.

    12. 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}
  12. 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:
    13. {UpDownScroller id:t121 style:pscroller3 float:left pause:2500 css:your_css_file.css}
message #1
---
message #2
---
message #3
{/UpDownScroller}

Superfish Dropdown Menu< Предыдущая   Следующая >Book-Flip
Attachments:
Download this file (pausing_up_down_scroller_v1.5.zip)pausing_up_down_scroller_v1.5.zip7 Kb686 Downloads
 

Добавить комментарий

Защитный код
Обновить

На сайте

Сейчас 8 гостей онлайн