Forum Home Enhancements - Rhoov's News Slider

Just to start out, this mod was not written by me. It was written by Rhoov from Dutch Fight Platoon. He gives his mod, as is.

He says

Originally Posted by Rhoov

If there are people interrested in this product i can post the files and instructions, but maybe better if someone with real VB knowledge could take my code and make it completly VB and in the process i can learn some of it as well

here

I am posting this addon with the hopes that someone can take it a step farther. It is completely functioning and integrated into the vB Admincp. So, all works. I just would like to see an option to add slides from CMS Articles without having to be in the Admin CP.

But, here are the install instructions, pictures, and demo.

1. Edit the file Connections/rhoov_slider_db.php to match your Database settings
2. Upload all files in the upload folder to your VB root.
3. Install the product-rhoov_slider.xml product This will only create the 2 tables needed.
4. Go to your ACP and you will see a new menu called Rhoov's slider.
5. Here you can edit your slides and slider settings. As you will see there are some slides of my in there so you can see how it works.
6. Create a "static html" widget en insert the following.(the code is on the settings page as well)

<iframe src="./rhoovslider/rhoovslide.php" name="frame1" scrolling="no" frameborder="no" height = "235"  width = "100%">
</iframe>
 
7. Match the witdh and height with those of the slider, but make them a bit bigger to allow for the navigation.
8. Put the widget on one of your layout's
9. Add the widget to the page you want it on

This should do the trick

Remember this is not a real product but just a try out from me
Have fun
Cheers Rhoov

This can be put as a Widget on the main page. By creating a widget as stated above. Or, do similar to what I did.

Inside the vBulletin CMS template vbcms_page insert this.

<vb:if condition="$_GET['r'] == '1-your-page-name' OR !$_GET['r']">
<iframe src="./rhoovslider/rhoovslide.php" name="frame1" scrolling="no" frameborder="no" height = "300"  width = "100%">
</iframe>
</vb:if>

Above:

{vb:raw toolbar}
<div class="vbcms_content">
{vb:raw layout}
</div>
{vb:raw footer}
</body>
</html>

The if statement only allows the slider to be shown on the main news page, and not inside the articles themselves. Edit according to how you want it to be.

DEMO

I am not an expert in this slider. I just really liked it for my forum, it looks the best and works quite well for us. I thought I would share it. If anyone has any suggestions on how to make it better, let me know. I will be sure to update the files accordingly.

[Tri@de]

Originally Posted by nerowolfe

Hi, great tools, but I've a little problema, see the picture:



The background is white, the font is different and also. Can you help me?

modify the file
admincp\rhoovslider\slider_css.php
removing one of ../

<link href="../../cpstyles/global.css?v=410.css" rel="stylesheet" type="text/css" />
<link href="../../cpstyles/vBulletin_3_Silver/controlpanel.css?v=410.css" rel="stylesheet" type="text/css" />

in

<link href="../cpstyles/global.css?v=410.css" rel="stylesheet" type="text/css" />
<link href="../cpstyles/vBulletin_3_Silver/controlpanel.css?v=410.css" rel="stylesheet" type="text/css" />

[mohammed akaak]

i find this (Table >>>>>>>.slider_img' doesn't exist ))
plzz some one help me
i want simple for complete the cod :
<?php
//###########RhoovSlider#######################
# Change hostname_rhoov_slider_db value in ip of your mysql server
# Change database_rhoov_slider_db in name of your DB
# Change username_rhoov_slider_db in the mysql user
# Change password_rhoov_slider_db in the mysql user password
//##############################################
$hostname_rhoov_slider_db = "0.0.0.0";
$database_rhoov_slider_db = "database";
$username_rhoov_slider_db = "mysql user";
$password_rhoov_slider_db = "mysql password";
$rhoov_slider_db = mysql_pconnect($hostname_rhoov_slider_db, $username_rhoov_slider_db, $password_rhoov_slider_db) or trigger_error(mysql_error(),E_USER_ERROR);
?>

[jeffand77]

Here is my attempt in working the rhoov slider to match my site... http://brotherofwar.com/forum/

[haincha]

That looks really nice. What did you do to replace the left and right buttons?

Any luck on integrating it into the CMS at all, or do you still add them from the admincp?

[jeffand77]

It was a few months ago playing with it so I really dont remember. It was more trial and error but here is a copy of the coin-slider-styles.css

I never tried integrating into the CMS. Honestly I dont know much about it. So it runs through the admincp.


/*
Coin Slider jQuery plugin CSS styles
http://workshop.rs/projects/coin-slider

*/
html, body {
border: none;
padding: 0;
margin: 0;
border-radius: 0;
}

.sliderframe {
background: none repeat scroll 0 0 #000000;
height: 260px;
width: 100%;
margin: 0px;
padding: 0px;
}
.sliderframe body, body .bodySlider { padding: 0px; margin: 0px; width: 960px; height: 260px; }
#fslider {
background: none repeat scroll 0 0 #000000;
height: 260px;
margin: 0;
padding: 0;
width: 100%;
}
.coin-slider { overflow: hidden; zoom: 1; position: relative; }
.coin-slider a{ text-decoration: none; outline: none; border: none; }
#cs-navigation-apDiv1 {
width: 100%;
}
table, tbody, tr, td, th {
border: none;
padding: 0;
margin: 0;
border-radius: 0;
}

.cs-buttons {
background: url("../styles/bow/misc/skin/a-head4.png") no-repeat center center transparent;
bottom: 0 !important;
display: block;
float: left;
font-size: 0;
height: 30px;
left: 0 !important;
margin: 0;
padding: 2px;
position: absolute !important;
right: 0;
text-align: center;
width: 70%;
}
.cs-buttons a {
background: url("../styles/bow/misc/skin/ORB.png") no-repeat center center transparent;
border-radius: 20px 20px 20px 20px;
box-shadow: 0 0 4px #222222;
color: #B8C4CF;
display: inline-block;
height: 16px;
margin: 4px;
text-indent: -1000px;
width: 16px;
}

.cs-buttons a:hover {
background: url("../styles/bow/misc/skin/ORB2.png") repeat-x scroll center center transparent;
border: 0px solid #eee;
box-shadow: 0 0 32px 8px #ccc;
margin: 4px
}
.cs-active { background-color: #FF6600; color: #FF6600; }
.coin-slider #apDiv1 {
width: 100% !important;
}
.cs-title {
background: url("../styles/bow/misc/skin/sliderbg.png") no-repeat center center;
bottom: 0;
box-shadow: 0 0 12px #000000;
color: #CCCCCC;
display: block;
float: right;
font: 13px tahoma bold;
height: 220px;
left: auto !important;
opacity: 1 !important;
padding: 20px;
right: 0;
width: 260px;
}
.cs-title b {

color: #CCCCCC;
display: block;
font: 14px Tahoma bold;
padding: 0 0 8px;
text-shadow: -1px -1px 0 #222222;
}

.cs-prev {
background: url("../styles/bow/misc/skin/slider_cnt_left.png") no-repeat scroll left top transparent;
color: #FFFFFF;
font: bold 11px/122px Tahoma,Arial !important;
height: 122px !important;
padding: 0 10px;
text-transform: capitalize;
bottom: 20 !important;
width: 68px !important;
top: auto !important;
}
.cs-next {
background: url("../styles/bow/misc/skin/slider_cnt_right.png") no-repeat scroll right top transparent;
color: #FFFFFF;
font: bold 11px/122px Tahoma,Arial !important;
height: 122px !important;
padding: 0 10px;
right: 0;
text-align: right;
text-transform: capitalize;
bottom: 13 !important;
width: 68px !important;
top: auto !important;
margin-right: 0px;
}


Of course all images will have to be created for your own style and appearance for your site.

[skido]

Working great! Thank you very much

[pesclub]

whether it is possible to insert this in the forum of the list for? CMS without a script? at the forum?

[LgsOfChampions]

I just want to un-install this. Nothing personal, just going in a different direction and have no use for this anymore.

I deleted all the files in the upload file and removed the xml from admin panel and I get this

Not Found

The requested URL /rhoovslider/rhoovslide.php was not found on this server.

Additionally, a 404 Not Found error was encountered while trying to use an ErrorDocument to handle the request.

anyone know what I eed to do to fully remove this product?

Thanks

[gonzek]

Originally Posted by edyy

I get this message "Table 'forum.slider_img' doesn't exist"

I think that the plugins think that the databasename is the same with the database prefix. Where do i change that ?

I have the same problem. Anyone know how to fix it?

[marccap]

Do you know where I can find this info to amend the php then I will let you know if its works for 4.2 as its showing a slider but need to amend the below-

//###########RhoovSlider#######################
# Change hostname_rhoov_slider_db value in ip of your mysql server
# Change database_rhoov_slider_db in name of your DB
# Change username_rhoov_slider_db in the mysql user
# Change password_rhoov_slider_db in the mysql user password
//##############################################
$hostname_rhoov_slider_db = "0.0.0.0";
$database_rhoov_slider_db = "database";
$username_rhoov_slider_db = "mysql user";
$password_rhoov_slider_db = "mysql password";
$rhoov_slider_db = mysql_pconnect($hostname_rhoov_slider_db, $username_rhoov_slider_db, $password_rhoov_slider_db) or trigger_error(mysql_error(),E_USER_ERROR);
?>