Nivo Slider BBCodeDemo: viewtopic.php?f=2&t=3InstallationDownload v.0.0.3
Attachment:
nivo_slider_0.0.3.zip [146.04 KiB]
Downloaded 545 times
copyroot/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/*.*
openstyles/prosilver/template/overall_header.html
findCode:
</head>
before addCode:
<!-- 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 -->
openstyles/prosilver/template/overall_footer.html
findCode:
</body>
before addCode:
<!-- 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:
<!-- 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 BBCodes1.Quote:
BBCode
Code:
[nivo_container={NUMBER1}|{NUMBER2}]{TEXT}[/nivo_container]
HTML replacement (without any linebreak)
Code:
<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:
[nivo_container={width}|{height}] [nivo_img=Caption]Image Link[/nivo_img] [/nivo_container]
Quote:
BBCode
Code:
[nivo_img={SIMPLETEXT}]{URL}[/nivo_img]
HTML replacement
Code:
<img src="{URL}" title="{SIMPLETEXT}" alt="" />
Help line
Code:
[nivo_img=Caption]Image Link[nivo_img]
(without any linebreak)
Quote:
Code:
[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
Attachment:
nivo_slider.zip [114.75 KiB]
Downloaded 538 times
Login
Register
FAQ
Search
Members
