Responsive SMF Themes. We're currently working on brand spankin' new Responsive SMF themes for SMF 2.1

SMF Content Slider v.1

LieberKerl
Aug 25, 2011
You are the best!

Thank you so much! SMF Package Parser helped me a lot! Please dont delete Parser, i need it also for another mods.
15

Mick
Aug 25, 2011
You are the best!

Thank you so much! SMF Package Parser helped me a lot! Please dont delete Parser, i need it also for another mods.
no problem  ;) :D
16

LieberKerl
Sep 21, 2011
My friend,

the SMF Content Slider works now almost perfekt, but i still have a little problem!

The Slider mod shows in every page, for example in the forum, in the boards, if you write a comment, everywhere.


Please can you help me shortly? I will just that it show me in one page. In the main page, thats it.



I just edit the index.template.php in my theme and inserted the following code:


	//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>
<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

17

Mick
Sep 21, 2011
LieberKerl, i updated the mod. I changed the behaviour of the slider as in showing up everywhere. Now it only shows in the board index only.

Uninstall the mod and upload the new version or...

Remove your code from Index.template.php and.......in BoardIndex.template.php,

Find:

		echo '
<tbody class="header" id="category_', $category['id'], '">

and add your code before it.  ;)
18

LieberKerl
Sep 23, 2011
Thank you first for the answer

 I downloaded the new version, uninstalled the old version. It seems almost everything to be fine, but one thing bothers again. Under the modification, there are huge distances with two small ball charge, definitely does not look so great.

I made ​​a Video Screenshot (.gif file):

19

Mick
Sep 24, 2011
Make sure youre using all 6 spots?
20

LieberKerl
Sep 24, 2011
Ok i`am using now all 6 spots, but still have the same problem :( .
21

LieberKerl
Sep 24, 2011
Is it maybe possible, if i give my account info, so that you can do it for me?

I would be very happy
22

Mick
Sep 24, 2011
Create me a temporary user and make me admin. Message me the user and password and a link to your forum. Do not post it here, pm me.
23

LieberKerl
Sep 26, 2011
i sent you a pm.
24

LieberKerl
Sep 26, 2011
Dear bluedevil..

the SMF Parser does not work properly. It was the best way to show all edit in the mod.
I have tried many mods but it shows me everytime an error (In the end of the side), there is something wrong with your database . I can also not open up the edit files (Show all edits). Please can you correct this error?

Here is a screenshot:





Link of the Parser:

http://www.tytyweb.net/projects/smf/package-parser/

best wishes
25

kenng
Oct 29, 2011
If this mod can fetch topic from forum, it will work like a charm! Thanks again, you did a great job! RIght now i have to enter image, links, description manually . Hope you can update to fetch topic from forum! will save many people!
26

kent[ka]
Nov 02, 2011
Okay, I installled the MOD and all was fine, first i was thinking it was because i made a test with only 1 slot of information for the slider out of 6 but then it was the same once i used all the slots.

My sliders shows at my "Forums/Boards" page and not at the "Home" it moves with insane speed and creates 5 white boxes down of the main one. Any ideas?
27

Mick
Nov 03, 2011
Kent, I will look into it late tonight. Where did you get the download from?  Here or at Smf?
28

kent[ka]
Nov 03, 2011
Thanks  ;D and i downloaded here, from your site.

Well, i made it work now. I'm using TP so, enabled top panel and created a block with PHP code and then used this code:


    //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>
        <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

So with that i made the MOD work and now the slide shows fine in the homepage, speed is quiet decent but i still gotta test.

Now the only problem is, i still have this bug into my forums(boards) section. Wich creates the slider at top and then 5 white boxes of the same size, it should be only at homepage and not in the boards with this huge bug of 6 useless boxes. I'm sure im not making this bug because i set the block to only display at "frontpage".

I'm sure is not the version because i've reinstalled 3 times already, one from SMF MOD's and 2 from your forums in the 2 different links i could find.

Then i saw the possibility to fix by doing this steps:


        echo '
            <tbody class="header" id="category_', $category['id'], '">

Find that line and then add the other huge code above, before this line. I also used your "Parse Mod" and one of the lines i should change is that one, but hey! it works and i'm not sure if i have to change only this line or all the others or what to do, also! i don't own the database of the forum and i couldn't find the "BoardIndex.php" in the theme settings from what i'm allowed to edit.

So what i do now.. .  :o

Some information:

SMF 2.0.1
Theme "CoalBlack" by Crip (Succefull test in the installion of the MOD with this theme).
Portal "TP" TinyPortal
Forums: BlizzForge.com (I've MOD inactive because of the huge bug of course).

I'm happy because i got it to work and can't wait to play around with it but this bug in the boards section is making me sick.
29



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.


Advertisement  




 Mods
In this category you will find plugins related to SMF development. Here we present some new mods to help you get the most of your SMF installation.



go up