Area51 @ 4seven.de

Nivo Slider BBCode

Demo: viewtopic.php?f=2&t=3

Installation

Download v.0.0.3
copy

root/styles/prosilver/template/jquery.nivo.slider.pack.js > styles/prosilver/template/jquery.nivo.slider.pack.js
root/styles/prosilver/theme/nivo_slider/*.* > styles/prosilver/theme/nivo_slider/*.*

open

styles/prosilver/template/overall_header.html

find

Code: Select all

</head>

before add

Code: Select all

<!-- nivo-phpbb3-slider by 4seven -->
    <script type="text/javascript">
    // <![CDATA[
    !window.jQuery && document.write('<script type="text\/javascript" src="http:\/\/code.jquery.com\/jquery-latest.min.js"><\/script>');
    // ]]>
    </script>
    <link rel="stylesheet" href="{T_THEME_PATH}/nivo_slider/themes/default/default.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="{T_THEME_PATH}/nivo_slider/themes/pascal/pascal.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="{T_THEME_PATH}/nivo_slider/themes/orman/orman.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="{T_THEME_PATH}/nivo_slider/themes/nivo-slider.css" type="text/css" media="screen" />
<!-- nivo-phpbb3-slider by 4seven -->

open

styles/prosilver/template/overall_footer.html

find

Code: Select all

</body> 

before add

Code: Select all

<!-- nivo-phpbb3-slider by 4seven -->
<script src="{T_SUPER_TEMPLATE_PATH}/jquery.nivo.slider.pack.js" type="text/javascript"></script>
<script type="text/javascript">
// <![CDATA[
    $(window).load(function() {
        $('.slider').nivoSlider();
    });
// ]]> 
</script>
<!-- nivo-phpbb3-slider by 4seven -->

Also you can do it on the same place with parameters named here:

http://nivo.dev7studios.com/support/jqu ... gin-usage/

eg.

Code: Select all

<!-- nivo-phpbb3-slider by 4seven -->
<script src="{T_SUPER_TEMPLATE_PATH}/jquery.nivo.slider.pack.js" type="text/javascript"></script>
<script type="text/javascript">
// <![CDATA[
    $(window).load(function() {
    $('#slider').nivoSlider({
        animSpeed: 500, // Slide transition speed
        pauseTime: 3000 // How long each slide will show
    });
});
// ]]> 
</script>
<!-- nivo-phpbb3-slider by 4seven -->

Make 2 BBCodes

1.

BBCode

Code: Select all

[nivo_container={NUMBER1}|{NUMBER2}]{TEXT}[/nivo_container]

HTML replacement (without any linebreak)

Code: Select all

<div class="slider-wrapper theme-default"><div class="ribbon"></div><div class="slider" class="nivoSlider" style="width:{NUMBER1}px;height:{NUMBER2}px;">
{TEXT}</div></div>

Help line

Code: Select all

[nivo_container={width}|{height}] [nivo_img=Caption]Image Link[/nivo_img] [/nivo_container]

2.

BBCode

Code: Select all

[nivo_img={SIMPLETEXT}]{URL}[/nivo_img]

HTML replacement

Code: Select all

<img src="{URL}" title="{SIMPLETEXT}" alt="" />

Help line

Code: Select all

[nivo_img=Caption]Image Link[nivo_img]

Usage (without any linebreak)

Code: Select all

[nivo_container=320|180][nivo_img=Caption 1]http://4seven.bplaced.net/forum/6test/test_img/82_914a451bc4676cdd72e1458a860c5497.jpg[/nivo_img]
[nivo_img=Caption 2]http://4seven.bplaced.net/forum/6test/test_img/82_905aa202a1f0c14a5ec6d2192c5349c6.jpg[/nivo_img][/nivo_container]

Tip: Insert all [nivo_img] first, than mark the whole thing and click [nivo_container]

------------------------------------------

Download v.0.0.2

Update v.0.0.3

Reason: Nivo Slider stop working because of new version of NS.

Instruction

- Upload all files of v.0.0.3 package
- Clear all caches
- No edits!