Professional & Impressive. We provide top quality free SMF themes with excellent support.

SMF Content Slider v.1

You would need to remove the big chunk of code from the boardindex.
30

I don't know what you mean. I didn't edited the boardindex code, the big code is in a block into TP application and if i don't use that one then the slider don't show up. And if i remove the whole code of boardindex and then what replace with yours? Won't affect other TP functions? I'm confused to be honest.  :(
31

Bump? I'm really stuck with this bug.  :(
32

Hi

So I previously Installed the slider with SimplePortal On froums and it get a Test fail on all my Themes :/ Have you got any idea why ??
33

Hi

So I previously Installed the slider with SimplePortal On froums and it get a Test fail on all my Themes :/ Have you got any idea why ??

I dont. But you would have to remove the big chunk of code from the boardindex.php and add it to a php block.
34

I dont. But you would have to remove the big chunk of code from the boardindex.php and add it to a php block.

I can't do that because it gives an error when i try to install it on the themes in the beginning.
35

Can you post the error? or a snap shot?
36

Can you post the error? or a snap shot?

37

If it installs on the default theme ok, then youre ok.  It will still show on your custom theme.


Just add this code to your PHP block in simple portal.


	//SMF Slider v.1 by: bluedevilcustoms.com
global $modSettings;
if (!empty($modSettings['slider_enabled']) && (!empty($modSettings['slider_title1']) && !empty($modSettings['slider_img1']) || !empty($modSettings['slider_title2']) && !empty($modSettings['slider_img2']) || !empty($modSettings['slider_title3']) && !empty($modSettings['slider_img3']) || !empty($modSettings['slider_title4']) && !empty($modSettings['slider_img4']) || !empty($modSettings['slider_title5']) && !empty($modSettings['slider_img5']) || !empty($modSettings['slider_title6']) && !empty($modSettings['slider_img6'])))
{
echo '<br />
<div class="center">
<div id="lofslidecontent45" class="lof-slidecontent">
<div class="preload"><div>
</div>
</div>
<!-- MAIN CONTENT -->
<div class="lof-main-wapper">
', !empty($modSettings['slider_title1']) && !empty($modSettings['slider_img1']) ? '<div class="lof-main-item"><img src="'. $modSettings['slider_img1']. '" title="'. $modSettings['slider_title1']. '" alt="'. $modSettings['slider_title1']. '" height="300" width="900"></img></div>' : '', '
', !empty($modSettings['slider_title2']) && !empty($modSettings['slider_img2']) ? '<div class="lof-main-item"><img src="'. $modSettings['slider_img2']. '" title="'. $modSettings['slider_title2']. '" alt="'. $modSettings['slider_title2']. '" height="300" width="900"></img></div>' : '', '
', !empty($modSettings['slider_title3']) && !empty($modSettings['slider_img3']) ? '<div class="lof-main-item"><img src="'. $modSettings['slider_img3']. '" title="'. $modSettings['slider_title3']. '" alt="'. $modSettings['slider_title3']. '" height="300" width="900"></img></div>' : '', '
', !empty($modSettings['slider_title4']) && !empty($modSettings['slider_img4']) ? '<div class="lof-main-item"><img src="'. $modSettings['slider_img4']. '" title="'. $modSettings['slider_title4']. '" alt="'. $modSettings['slider_title4']. '" height="300" width="900"></img></div>' : '', '
', !empty($modSettings['slider_title5']) && !empty($modSettings['slider_img5']) ? '<div class="lof-main-item"><img src="'. $modSettings['slider_img5']. '" title="'. $modSettings['slider_title5']. '" alt="'. $modSettings['slider_title5']. '" height="300" width="900"></img></div>' : '', '
', !empty($modSettings['slider_title6']) && !empty($modSettings['slider_img6']) ? '<div class="lof-main-item"><img src="'. $modSettings['slider_img6']. '" title="'. $modSettings['slider_title6']. '" alt="'. $modSettings['slider_title6']. '" height="300" width="900"></img></div>' : '', '
</div>   
<!-- END MAIN CONTENT -->
<!-- NAVIGATOR -->
<div class="lof-navigator-outer">
<ul class="lof-navigator">';
// Item One
if (!empty($modSettings['slider_title1']) && !empty($modSettings['slider_img1']))
{
echo '<li>
<div>';
echo '<img src="', $modSettings['slider_img1'], '" alt="', !empty($modSettings['slider_short_text1']) ? $modSettings['slider_short_text1'] : '*', '" />';
                echo '<h3>
', !empty($modSettings['slider_url1']) ? '<a href="'. $modSettings['slider_url1']. '" target="_self">'. $modSettings['slider_title1']. '</a>' : $modSettings['slider_title1'], '
</h3>
', !empty($modSettings['slider_short_text1']) ? '<span>'. $modSettings['slider_short_text1']. '</span>' : '', '
</div> 
</li>';
}
// Item Two
if (!empty($modSettings['slider_title2']) && !empty($modSettings['slider_img2']))
{
echo '<li>
<div>';
echo '<img src="', $modSettings['slider_img2'], '" alt="', !empty($modSettings['slider_short_text2']) ? $modSettings['slider_short_text2'] : '*', '" />';
                echo '<h3>
', !empty($modSettings['slider_url2']) ? '<a href="'. $modSettings['slider_url2']. '" target="_self">'. $modSettings['slider_title2']. '</a>' : $modSettings['slider_title2'], '
</h3>
', !empty($modSettings['slider_short_text2']) ? '<span>'. $modSettings['slider_short_text2']. '</span>' : '', '
</div> 
</li>';
}
// Item Three
if (!empty($modSettings['slider_title3']) && !empty($modSettings['slider_img3']))
{
echo '<li>
<div>';
echo '<img src="', $modSettings['slider_img3'], '" alt="', !empty($modSettings['slider_short_text3']) ? $modSettings['slider_short_text3'] : '*', '" />';
                echo '<h3>
', !empty($modSettings['slider_url3']) ? '<a href="'. $modSettings['slider_url3']. '" target="_self">'. $modSettings['slider_title3']. '</a>' : $modSettings['slider_title3'], '
</h3>
', !empty($modSettings['slider_short_text3']) ? '<span>'. $modSettings['slider_short_text3']. '</span>' : '', '
</div> 
</li>';
}
// Item Four
if (!empty($modSettings['slider_title4']) && !empty($modSettings['slider_img4']))
{
echo '<li>
<div>';
echo '<img src="', $modSettings['slider_img4'], '" alt="', !empty($modSettings['slider_short_text4']) ? $modSettings['slider_short_text4'] : '*', '" />';
                echo '<h4>
', !empty($modSettings['slider_url4']) ? '<a href="'. $modSettings['slider_url4']. '" target="_self">'. $modSettings['slider_title4']. '</a>' : $modSettings['slider_title4'], '
</h4>
', !empty($modSettings['slider_short_text4']) ? '<span>'. $modSettings['slider_short_text4']. '</span>' : '', '
</div> 
</li>';
}
// Item Five
if (!empty($modSettings['slider_title5']) && !empty($modSettings['slider_img5']))
{
echo '<li>
<div>';
echo '<img src="', $modSettings['slider_img5'], '" alt="', !empty($modSettings['slider_short_text5']) ? $modSettings['slider_short_text5'] : '*', '" />';
                echo '<h5>
', !empty($modSettings['slider_url5']) ? '<a href="'. $modSettings['slider_url5']. '" target="_self">'. $modSettings['slider_title5']. '</a>' : $modSettings['slider_title5'], '
</h5>
', !empty($modSettings['slider_short_text5']) ? '<span>'. $modSettings['slider_short_text5']. '</span>' : '', '
</div> 
</li>';
}
// Item Six
if (!empty($modSettings['slider_title6']) && !empty($modSettings['slider_img6']))
{
echo '<li>
<div>';
echo '<img src="', $modSettings['slider_img6'], '" alt="', !empty($modSettings['slider_short_text6']) ? $modSettings['slider_short_text6'] : '*', '" />';
                echo '<h6>
', !empty($modSettings['slider_url6']) ? '<a href="'. $modSettings['slider_url6']. '" target="_self">'. $modSettings['slider_title6']. '</a>' : $modSettings['slider_title6'], '
</h6>
', !empty($modSettings['slider_short_text6']) ? '<span>'. $modSettings['slider_short_text6']. '</span>' : '', '
</div> 
</li>';
}
echo '</ul>
</div>
</div>
</div>
<br />
<script type="text/javascript">
var _lofmain =  $(\'lofslidecontent45\');
var _lofscmain = _lofmain.getElement(\'.lof-main-wapper\');
var _lofnavigator = _lofmain.getElement(\'.lof-navigator-outer .lof-navigator\');
var object = new LofFlashContent( _lofscmain,
  _lofnavigator,
  _lofmain.getElement(\'.lof-navigator-outer\'),
  { fxObject:{ transition:Fx.Transitions.Quad.easeInOut,  duration:800},
interval:3000,
direction:\'opacity\' } );
object.start( true, _lofmain.getElement(\'.preload\') );
</script>';
}
//End of SMF Slider v.1
38

If it installs on the default theme ok, then youre ok.  It will still show on your custom theme.


Just add this code to your PHP block in simple portal.


	//SMF Slider v.1 by: bluedevilcustoms.com
global $modSettings;
if (!empty($modSettings['slider_enabled']) && (!empty($modSettings['slider_title1']) && !empty($modSettings['slider_img1']) || !empty($modSettings['slider_title2']) && !empty($modSettings['slider_img2']) || !empty($modSettings['slider_title3']) && !empty($modSettings['slider_img3']) || !empty($modSettings['slider_title4']) && !empty($modSettings['slider_img4']) || !empty($modSettings['slider_title5']) && !empty($modSettings['slider_img5']) || !empty($modSettings['slider_title6']) && !empty($modSettings['slider_img6'])))
{
echo '<br />
<div class="center">
<div id="lofslidecontent45" class="lof-slidecontent">
<div class="preload"><div>
</div>
</div>
<!-- MAIN CONTENT -->
<div class="lof-main-wapper">
', !empty($modSettings['slider_title1']) && !empty($modSettings['slider_img1']) ? '<div class="lof-main-item"><img src="'. $modSettings['slider_img1']. '" title="'. $modSettings['slider_title1']. '" alt="'. $modSettings['slider_title1']. '" height="300" width="900"></img></div>' : '', '
', !empty($modSettings['slider_title2']) && !empty($modSettings['slider_img2']) ? '<div class="lof-main-item"><img src="'. $modSettings['slider_img2']. '" title="'. $modSettings['slider_title2']. '" alt="'. $modSettings['slider_title2']. '" height="300" width="900"></img></div>' : '', '
', !empty($modSettings['slider_title3']) && !empty($modSettings['slider_img3']) ? '<div class="lof-main-item"><img src="'. $modSettings['slider_img3']. '" title="'. $modSettings['slider_title3']. '" alt="'. $modSettings['slider_title3']. '" height="300" width="900"></img></div>' : '', '
', !empty($modSettings['slider_title4']) && !empty($modSettings['slider_img4']) ? '<div class="lof-main-item"><img src="'. $modSettings['slider_img4']. '" title="'. $modSettings['slider_title4']. '" alt="'. $modSettings['slider_title4']. '" height="300" width="900"></img></div>' : '', '
', !empty($modSettings['slider_title5']) && !empty($modSettings['slider_img5']) ? '<div class="lof-main-item"><img src="'. $modSettings['slider_img5']. '" title="'. $modSettings['slider_title5']. '" alt="'. $modSettings['slider_title5']. '" height="300" width="900"></img></div>' : '', '
', !empty($modSettings['slider_title6']) && !empty($modSettings['slider_img6']) ? '<div class="lof-main-item"><img src="'. $modSettings['slider_img6']. '" title="'. $modSettings['slider_title6']. '" alt="'. $modSettings['slider_title6']. '" height="300" width="900"></img></div>' : '', '
</div>   
<!-- END MAIN CONTENT -->
<!-- NAVIGATOR -->
<div class="lof-navigator-outer">
<ul class="lof-navigator">';
// Item One
if (!empty($modSettings['slider_title1']) && !empty($modSettings['slider_img1']))
{
echo '<li>
<div>';
echo '<img src="', $modSettings['slider_img1'], '" alt="', !empty($modSettings['slider_short_text1']) ? $modSettings['slider_short_text1'] : '*', '" />';
                echo '<h3>
', !empty($modSettings['slider_url1']) ? '<a href="'. $modSettings['slider_url1']. '" target="_self">'. $modSettings['slider_title1']. '</a>' : $modSettings['slider_title1'], '
</h3>
', !empty($modSettings['slider_short_text1']) ? '<span>'. $modSettings['slider_short_text1']. '</span>' : '', '
</div> 
</li>';
}
// Item Two
if (!empty($modSettings['slider_title2']) && !empty($modSettings['slider_img2']))
{
echo '<li>
<div>';
echo '<img src="', $modSettings['slider_img2'], '" alt="', !empty($modSettings['slider_short_text2']) ? $modSettings['slider_short_text2'] : '*', '" />';
                echo '<h3>
', !empty($modSettings['slider_url2']) ? '<a href="'. $modSettings['slider_url2']. '" target="_self">'. $modSettings['slider_title2']. '</a>' : $modSettings['slider_title2'], '
</h3>
', !empty($modSettings['slider_short_text2']) ? '<span>'. $modSettings['slider_short_text2']. '</span>' : '', '
</div> 
</li>';
}
// Item Three
if (!empty($modSettings['slider_title3']) && !empty($modSettings['slider_img3']))
{
echo '<li>
<div>';
echo '<img src="', $modSettings['slider_img3'], '" alt="', !empty($modSettings['slider_short_text3']) ? $modSettings['slider_short_text3'] : '*', '" />';
                echo '<h3>
', !empty($modSettings['slider_url3']) ? '<a href="'. $modSettings['slider_url3']. '" target="_self">'. $modSettings['slider_title3']. '</a>' : $modSettings['slider_title3'], '
</h3>
', !empty($modSettings['slider_short_text3']) ? '<span>'. $modSettings['slider_short_text3']. '</span>' : '', '
</div> 
</li>';
}
// Item Four
if (!empty($modSettings['slider_title4']) && !empty($modSettings['slider_img4']))
{
echo '<li>
<div>';
echo '<img src="', $modSettings['slider_img4'], '" alt="', !empty($modSettings['slider_short_text4']) ? $modSettings['slider_short_text4'] : '*', '" />';
                echo '<h4>
', !empty($modSettings['slider_url4']) ? '<a href="'. $modSettings['slider_url4']. '" target="_self">'. $modSettings['slider_title4']. '</a>' : $modSettings['slider_title4'], '
</h4>
', !empty($modSettings['slider_short_text4']) ? '<span>'. $modSettings['slider_short_text4']. '</span>' : '', '
</div> 
</li>';
}
// Item Five
if (!empty($modSettings['slider_title5']) && !empty($modSettings['slider_img5']))
{
echo '<li>
<div>';
echo '<img src="', $modSettings['slider_img5'], '" alt="', !empty($modSettings['slider_short_text5']) ? $modSettings['slider_short_text5'] : '*', '" />';
                echo '<h5>
', !empty($modSettings['slider_url5']) ? '<a href="'. $modSettings['slider_url5']. '" target="_self">'. $modSettings['slider_title5']. '</a>' : $modSettings['slider_title5'], '
</h5>
', !empty($modSettings['slider_short_text5']) ? '<span>'. $modSettings['slider_short_text5']. '</span>' : '', '
</div> 
</li>';
}
// Item Six
if (!empty($modSettings['slider_title6']) && !empty($modSettings['slider_img6']))
{
echo '<li>
<div>';
echo '<img src="', $modSettings['slider_img6'], '" alt="', !empty($modSettings['slider_short_text6']) ? $modSettings['slider_short_text6'] : '*', '" />';
                echo '<h6>
', !empty($modSettings['slider_url6']) ? '<a href="'. $modSettings['slider_url6']. '" target="_self">'. $modSettings['slider_title6']. '</a>' : $modSettings['slider_title6'], '
</h6>
', !empty($modSettings['slider_short_text6']) ? '<span>'. $modSettings['slider_short_text6']. '</span>' : '', '
</div> 
</li>';
}
echo '</ul>
</div>
</div>
</div>
<br />
<script type="text/javascript">
var _lofmain =  $(\'lofslidecontent45\');
var _lofscmain = _lofmain.getElement(\'.lof-main-wapper\');
var _lofnavigator = _lofmain.getElement(\'.lof-navigator-outer .lof-navigator\');
var object = new LofFlashContent( _lofscmain,
  _lofnavigator,
  _lofmain.getElement(\'.lof-navigator-outer\'),
  { fxObject:{ transition:Fx.Transitions.Quad.easeInOut,  duration:800},
interval:3000,
direction:\'opacity\' } );
object.start( true, _lofmain.getElement(\'.preload\') );
</script>';
}
//End of SMF Slider v.1


It says test fail on every theme :/ it worked fine before and it wont sho up even i i add a  php block with  the code
39

Have you used the parser? It will tell you on how to manually install it.  ;)

http://www.bluedevilcustoms.com/community/index.php/page,page787.html
40

Hey, great mod but I have a little problem  :'(
When I enable the slider on my forum, there is not only one but three separate sliders, it seems.
What I am talking about:
http://forum.sakugara.site40.net/index.php

It would be great if you could help us out since it looks really nice.
Thanks for reading.
41

I've installed the mod fine on my forum @ MZPtv - Index

The only problem is, slide items #4 and #5 (First 10 Pages and Helpdesk) don't seem to load right. Like the normal CSS rules don't apply. The top padding seems to be missing, making the text push right up to the top of the box.

Any ideas?
42

I've installed the mod fine on my forum @ MZPtv - Index

The only problem is, slide items #4 and #5 (First 10 Pages and Helpdesk) don't seem to load right. Like the normal CSS rules don't apply. The top padding seems to be missing, making the text push right up to the top of the box.

Any ideas?
did you tried resizing the slider in the css?
43

It was doing that before I made any changes
44



Connect with us:


Improve SMF

If you wish to contribute to the development of SMF you can contribute to the coding discussions taking place on Github. You are also welcome to suggest features which you would like to see added to the software in the Feature Requests board.

  Receive our monthly newsletter right in your inbox.
Commitment issues? Unsubscribe at any time.


Get 100% complete access to our entire collection and find out why SMF owners prefer our themes





Latest Discussions

Join the conversation