Register Members List Search Today's Posts Mark Forums Read

Reply
 
Mod Options
[WIDGET] Slider Details »
[WIDGET] Slider
Mod Version: 1.00, by cory_booth (Coder) cory_booth is offline
Developer Last Online: Jun 2013 I like it Show Printable Version Email this Page

vB Version: 4.0.1 Rating: (16 votes - 4.50 average) Installs: 157
Released: 23 Jan 2010 Last Update: Never Downloads: 2595
Not Supported Additional Files Re-usable Code Is in Beta Stage  

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();

Download Now

Only licensed members can download files, Click Here for more information.

Show Your Support

  • To receive notifications regarding updates -> Click to Mark as Installed.
  • This modification may not be copied, reproduced or published elsewhere without author's permission.
Similar Mod
Mod Developer Type Replies Last Post
Mini Mods Innovative Signature Showcase TheLastSuperman vBulletin 4.x Add-ons 82 07 Oct 2015 08:18

  #211  
Old 23 Oct 2010, 21:39
DS MrSinister's Avatar
DS MrSinister DS MrSinister is offline
 
Join Date: Dec 2002
Originally Posted by Martyn1983 View Post
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


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

replace with


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Find

Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

replace with


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

Reply With Quote
  #212  
Old 23 Oct 2010, 21:50
Martyn1983 Martyn1983 is offline
 
Join Date: Nov 2008
Is that in the slider.php file?
__________________
www.fiat-scotland.com - Scotlands dedicated Fiat club
Reply With Quote
  #213  
Old 23 Oct 2010, 21:54
DS MrSinister's Avatar
DS MrSinister DS MrSinister is offline
 
Join Date: Dec 2002
Yes sir
Reply With Quote
  #214  
Old 23 Oct 2010, 21:56
Martyn1983 Martyn1983 is offline
 
Join Date: Nov 2008
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
__________________
www.fiat-scotland.com - Scotlands dedicated Fiat club
Reply With Quote
  #215  
Old 23 Oct 2010, 22:02
DS MrSinister's Avatar
DS MrSinister DS MrSinister is offline
 
Join Date: Dec 2002
In the slider.php file

Find

#featured ul.ui-tabs-nav li

add this too it

overflow:hidden;
Reply With Quote
  #216  
Old 23 Oct 2010, 22:12
Martyn1983 Martyn1983 is offline
 
Join Date: Nov 2008
Doesn't appear to have made any changes?
__________________
www.fiat-scotland.com - Scotlands dedicated Fiat club
Reply With Quote
  #217  
Old 23 Oct 2010, 22:16
DS MrSinister's Avatar
DS MrSinister DS MrSinister is offline
 
Join Date: Dec 2002
Originally Posted by Martyn1983 View Post
Doesn't appear to have made any changes?
can you post the css in your slider.php file?
Reply With Quote
  #218  
Old 23 Oct 2010, 22:28
Martyn1983 Martyn1983 is offline
 
Join Date: Nov 2008
<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>
__________________
www.fiat-scotland.com - Scotlands dedicated Fiat club
Reply With Quote
  #219  
Old 23 Oct 2010, 22:32
DS MrSinister's Avatar
DS MrSinister DS MrSinister is offline
 
Join Date: Dec 2002
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>
Reply With Quote
  #220  
Old 23 Oct 2010, 22:38
Martyn1983 Martyn1983 is offline
 
Join Date: Nov 2008
Just tried that mate and now nothing :S

(see www.fiat-scotland.com - no boxes, no gray, nothing)
__________________
www.fiat-scotland.com - Scotlands dedicated Fiat club
Reply With Quote
  #221  
Old 23 Oct 2010, 22:43
DS MrSinister's Avatar
DS MrSinister DS MrSinister is offline
 
Join Date: Dec 2002
Originally Posted by Martyn1983 View Post
Just tried that mate and now nothing :S

(see www.fiat-scotland.com - no boxes, no gray, nothing)
Make sure everything is in your slider.php. looks like your missing stuff.
Reply With Quote
  #222  
Old 23 Oct 2010, 22:50
Martyn1983 Martyn1983 is offline
 
Join Date: Nov 2008
Right, think I've got it displaying again but I'm back to where I was before.

That line you said to put in before - overflow:hidden; - what exactly should that do?

Excuse the n00b questions but this really isn't an area I know much about at all!

Cheers,
Martyn
__________________
www.fiat-scotland.com - Scotlands dedicated Fiat club
Reply With Quote
  #223  
Old 26 Oct 2010, 17:12
gokhansancar's Avatar
gokhansancar gokhansancar is offline
 
Join Date: Oct 2010
is this working on 4.0.8?
i tried to install it but it didnt work, maybe i was doing something wrong
Reply With Quote
  #224  
Old 27 Oct 2010, 00:54
gokhansancar's Avatar
gokhansancar gokhansancar is offline
 
Join Date: Oct 2010
Here is my website
http://devteacher.com
and the problem is, images are too big, it is not resizing the images.
__________________
TechnologyHaber.com
Reply With Quote
  #225  
Old 07 Nov 2010, 20:22
Jojonas Jojonas is offline
 
Join Date: Oct 2008
hi,
is it possible to set the '#featured .ui-tabs-panel' (the changing newspicture) section under the '#featured' section, because i want a window-effect?

greetz
Reply With Quote
Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Mod Options

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off


New To Site? Need Help?

All times are GMT. The time now is 07:45.

Layout Options | Width: Wide Color: