vBulletin CMS Widgets - [WIDGET] Slider

Widget Slider - Frontpage Slide Show.

Demo: http://demo.webdeveloperplus.com/fea...ontent-slider/

This is based on the demo above. OK this is my first mod and I know the coding really sucks! But I thought I would get this out and see if anyone want to improve on it.
This is one of those frontpage slide shows that pulls your attachment and data from specified forums.

I hope this works for you.

Install:

Edit slider.php and at line 100:

$forumid - set the forum to pull slides
$limit - set the number of posts
$chars - set the total number of characters
$words - set total number of words

Upload Files.

Create PHP Widget and inser the following code:

ob_start();
echo '<div>';
echo '<center>';
require_once './clientscript/slider/slider.php';
echo '</center>';
echo '</div>';
$output=ob_get_contents();
ob_end_clean();

[DS MrSinister]

Originally Posted by Martyn1983

Hi, having problems getting this to work - see www.fiat-scotland.com

Really not sure whats causing the breaks. Any help would be awesome!

see if this works.

Find

// vBulletin: Parse BBCode

if (!is_object($bbcode_parser)){

	require_once('./includes/class_bbcode.php');

	$bbcode_parser =& new vB_BbCodeParser($vbulletin, fetch_tag_list());

}

replace with

// vBulletin: Parse BBCode

if (!is_object($bbcode_parser)){

	require_once('../upload/includes/class_bbcode.php');

	$bbcode_parser =& new vB_BbCodeParser($vbulletin, fetch_tag_list());

}

Find

$link = "./showthread.php?t=".$threadid."";

$imagepath = "./attachment.php?attachmentid=".$pic['attach'];

replace with

$link = "../upload/showthread.php?t=".$threadid."";

$imagepath = "../upload/attachment.php?attachmentid=".$pic['attach'];

[Martyn1983]

Is that in the slider.php file?

[DS MrSinister]

Yes sir

[Martyn1983]

Cool, thanks. That's it working again, but not quite looking right!

I know we've been using wider images (as displayed) due to how we had this set up previously, but wondering how to get it set up *properly* so we see hte options on the right but a bit of background colour behind the text?

Cheers for the help so far btw

[DS MrSinister]

In the slider.php file

Find

#featured ul.ui-tabs-nav li

add this too it

overflow:hidden;

[Martyn1983]

Doesn't appear to have made any changes?

[DS MrSinister]

Originally Posted by Martyn1983

Doesn't appear to have made any changes?

can you post the css in your slider.php file?

[Martyn1983]

<style>
#featured{
width:400px;
padding-right:150px;
position:relative;
border:5px solid #ccc;
height:250px;
background:#fff;
}
#featured ul.ui-tabs-nav{
position:absolute;
top:0; left:400px;
list-style:none;
padding:0; margin:0;
width:150px;
}
#featured ul.ui-tabs-nav li{
padding:1px 0; padding-left:13px;
font-size:12px;
color:#666;
overflow:hidden;
}
#featured ul.ui-tabs-nav li img{
float:left; margin:2px 5px;
background:#fff;
padding:2px;
border:1px solid #eee;
}
#featured ul.ui-tabs-nav li span{
font-size:9px; font-family:Verdana;
line-height:18px;
border-color: #000;
}
#featured li.ui-tabs-nav-item a{
display:block;
height:60px;
color:#333; background:#fff;
line-height:20px;
}
#featured li.ui-tabs-nav-item a:hover{
background:#f2f2f2;
}
#featured li.ui-tabs-selected{
background:url('images/selected-item.gif') top left no-repeat;
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{
background:#ccc;
}
#featured .ui-tabs-panel{
width:400px;
height:250px;
background:#999; position:relative;
}
#featured .ui-tabs-panel .info{
position:absolute;
top:180px; left:0;
height:70px;
background: url('images/transparent-bg.png');
color:#fff;
}
#featured .info h2{
font-size:18px; font-family:Georgia, serif;
color:#fff; padding:5px; margin:0;
overflow:hidden;
}
#featured .info p{
margin:0 5px;
font-family:Verdana; font-size:11px;
line-height:15px; color:#f0f0f0;
}
#featured .info a{
text-decoration:none;
color:#fff;
}
#featured .info a:hover{
text-decoration:underline;
}
#featured .ui-tabs-hide{
display:none;
}
</style>

[DS MrSinister]

try this

<style>
#featured{
width:400px;
padding-right:150px;
position:relative;
border:5px solid #ccc;
height:250px;
background:#fff;
}
#featured ul.ui-tabs-nav{
position:absolute;
top:0; left:400px;
list-style:none;
padding:0; margin:0;
width:150px;
}
#featured ul.ui-tabs-nav li{
padding:1px 0; padding-left:13px;
font-size:12px;
color:#666;
overflow:hidden;
}
#featured ul.ui-tabs-nav li img{
float:left; margin:2px 5px;
background:#fff;
padding:2px;
border:1px solid #eee;
}
#featured ul.ui-tabs-nav li span{
font-size:9px; font-family:Verdana;
line-height:18px;
border-color: #000;
}
#featured li.ui-tabs-nav-item a{
display:block;
height:60px;
color:#333; background:#fff;
line-height:20px;
}
#featured li.ui-tabs-nav-item a:hover{
background:#f2f2f2;
}
#featured li.ui-tabs-selected{
background:url('images/selected-item.gif') top left no-repeat;
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{
background:#ccc;
}
#featured .ui-tabs-panel{
width:400px;
height:250px;
background:#999; position:relative;
}
#featured .ui-tabs-panel .info{
position:absolute;
top:180px; left:0;
height:70px;
background: url('images/transparent-bg.png');
color:#fff;
}
#featured .info h2{
font-size:18px; font-family:Georgia, serif;
color:#fff; padding:5px; margin:0;
overflow:hidden;
}
#featured .info p{
margin:0 5px;
font-family:Verdana; font-size:11px;
line-height:15px; color:#f0f0f0;
}
#featured .info a{
text-decoration:none;
color:#fff;
}
#featured .info a:hover{
text-decoration:underline;
}
#featured .ui-tabs-hide{
display:none;
overflow:hidden;
}
</style>

[Martyn1983]

Just tried that mate and now nothing :S

(see www.fiat-scotland.com - no boxes, no gray, nothing)