vBulletin CMS Widgets - vFCoders - Featured Content Slider Widget

.::vFCoders - Featured Content Slider Widget::.

Content Slider Source: http://webdeveloperplus.com/jquery/f...ing-jquery-ui/

What is it?
=====================================

Featured Content Slider Widget for VBulletin CMS to feature latest (or popular) articles in a block that displays as a slideshow.

Features
=====================================

1. Fully Integrated With VBulletin CMS.
2. Option To Select Sections.
3. Option To Select Categories.
4. Option to Sort Articles by date or views.
5. No Template or File Edits.
6. Can Add Seperate Widget for Different Sections.
7. Can Add more than 1 Featured Content Slider Widget in a page.
8. Option To Set Width For Each Content Slider Widget New!

New Installation Instructions
=====================================

1. Upload all the files in "Upload" Folder to forumroot.
2. In the Product Manager in AdminCP, import the product XML file.
3. Then Go To -> Admincp -> vBulletin CMS -> Widgets

Widget Type: CMS featured Content slider
and enter other details and save it..

5. Then Rest of the things are as it is which you do for other widgets.

a): Configure The Widget in VBulletin CMS -> widgets
b): Add the widget in page through layout manager.


Upgrade Instructions
=====================================

1. Unzip the attachment and upload all files in upload folder to forumroot.
2. Upload the xml through product manager. (Overwrite)
3. Delete all the old content slider widgets and make new ones.


Uninstallation Instructions
=====================================

1. Delete all the Content Slider Widgets in vBulletin CMS -> Widgets
2. Uninstall the product through product manager.


Mod History:

v1.0 : 20 Aug 2011 : First Release.
v2.0 : 21 Aug 2011 : Width Feature Added.
v2.1 : 21 Aug 2011 : Fixed Uninstall Bug.
v2.2 : 26 Aug 2011 : Improved mouseover effect of content slider.
v2.3: 28 Aug 2011 : Fixed Package ID issue.
v2.4: 18 Apr 2011 : Fix typo in install code and Updated for vBulletin 4.1.x.


-> Click On Mark As Installed If You Have Installed This Mod.
-> You Can Nominate it also for Mod Of The Month.
-> If u like my work, you can Donate me also.

[Rideharder]

What is the work around with jQt Sliding Log-In / Register?

https://vborg.vbsupport.ru/showthread.php?t=281297

[Badshah93]

Originally Posted by Rideharder

What is the work around with jQt Sliding Log-In / Register?

https://vborg.vbsupport.ru/showthread.php?t=281297

ya, just tried with jQt Sliding Log-In / Register, it works fine for non-registered user..
to make it work for all

open Template - jqt_sliding_login

Replace all with this

PHP Code:

<vb:if condition="!$bbuserinfo[userid]">
<script src="{vb:raw vboptions.bburl}/jqt_suite/jquery.tools.min-all.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="{vb:raw vbcsspath}jqt_slider.css" />
</vb:if> 


[Rideharder]

You totally fixed it when I log in but it does not work when I log out and also when I log out it does not completely refresh. You can view my site www.speedaholic.net and if we can get a workaround it's, worth a donation.

Login name Ride password 123

Thanks so much for all your time..

[Rideharder]

jqt_sliding_main

PHP Code:

<vb:if condition="$show['guest']">
<div id="fred">
<div class="slider_panels">
    <div class="panels_div" style="height:0;padding:0;border:0;background: transparent;"></div>

    <div class="panels_div login_panel">
     <div class="jqt_form_body">
          <script type="text/javascript" src="clientscript/vbulletin_md5.js?v={vb:raw vboptions.simpleversion}"></script> 


[basilrath]

Fantastic Mod ..........

A little improvement (but only in my humble opinion)

I dislike the "quick" transition but as has been said this was changed via the js xml coding

But caused some issues in the rendering when used with thumbs - lagging etc so

As has been said in other posts:



lose the thumbs via the vbcms_widget_cmsfcs_page template

PHP Code:

.ui-tabs-nav {
display: none;
} 


Same template change the script to

PHP Code:

<script type="text/javascript">
$(document).ready(function(){  
$(".cmsfcs_{vb:raw id}").tabs({ fx: {opacity: 'toggle', duration:'slow'} }).tabs("rotate", 5000, true);  
$(".cmsfcs_{vb:raw id}").hover(  
function() {  
$(".cmsfcs_{vb:raw id}").tabs("rotate",0,true);  
},  
function() {  
$(".cmsfcs_{vb:raw id}").tabs("rotate",5000,true);  
}  
);  
});  
</script> 


This will remove thumbs render the images with a nice transition and the codeline below will clean up the info bar

PHP Code:

.cmsfcs_{vb:raw id} .ui-tabs-panel .info{ 
  position:absolute; 
  top:242px; 
  left:0px; 
  height:70px;
  width:650px;
  opacity: .75;
  background: black; 
  margin: 0 auto;
} 


This has the width of the slider at 650px and the info bar the same (but obviously change to your site if needed)

It also means you can have a few more articles etc without the rendering being incorrect given the thumbs are removed

as you can see i now have 7 latest articles with a nice smooth transition and an info bar that is 100% for a clean look and render.

Just a thought

http://www.tabletennistalk.co.uk

[Toorak Times]

That is one sweet piece of work, must have one!

[Rideharder]

Badshah93, is very honest and a outstanding guy. Comes through in a very timely manner donations well spent. Understood my needs a no problem to help fix issues I needed.
Highly recommended.

[alhidaya]

Hello,

Is what you can you can also put the topics on the forum

[basilrath]

Originally Posted by alhidaya

Hello,

Is what you can you can also put the topics on the forum

You choose where the feed comes from

[SVTdrivah]

Any way to add video to the slider as well as images?