Forum Home Enhancements - [CM] RSS Button On All Forums (Hightlights by Hover)

This was brought to you by ChiNa-Man


First of all I am a free soul, So if one of you guys decided to post this on another forum or a website, I would be appreciated if you give some CREDITs to the Developer simply typing his name: Credits to: ChiNa-Man, and do not CHANGE or DELETE the ORIGINAL CONTENT! Thank you!

:::::::::::::::::::::::::::::::::::::::::::::

I made this Modification for vB 3.8! I then tried to make a one for vB 4.2! And finally made it...

This modification is different than others, because the RSS FEED icon HIGHLIGHTS when you hover the mouse over it. So lets get started!

Only 2 Template Edits

For vBulletin 3.8, Click HERE!

Example Image 1


Example Image 2

Extra RSS Feed icon if you decided to replace to Original one!

Lets Get Started:

Befor we start, you need to be sure that your RSS FEED SYNDICATION is enabled on your vBulleton 4.x! So first you login to your ADMINCP, Then go to "Settings" and then "Options", now on your right side find "External Data Provider"! Now look for the line / text where it says "Enable RSS Syndication", click and mark it as YES!!

Click and SAVE!

Now take a look on your forum home, and you will see that the RSS FEED icon is enabled! And you will see it on in front of your Forum Titles! Like the image below:


RSS When Its Enabled

::::::::::::::: Modification Starts Here :::::::::::::::

Step 1: Go to your ADMINCP. Then Styles & Templates, click on Style Manager.

Now in the dropdown to you right, choose Edit Template, and then look for CSS Templates! In your CSS Templates look for additional.css

Step 2: In the additional.css add the following code below, at the bottom of all the other codes (If you have some, Else its an empty Template)!

Code to Add in additional.css:

PHP Code:

.icon {
        vertical-align: middle;
        margin-top: -4px;
        margin-right: 2px;
} 

Step 2: Now in the dropdown, choose Edit Template, and look for Forum Home Templates. Scroll down and click / choose the forumhome_forumbit_level2_post
template.

This is where we should add the RSS BUTTON CODE!

Step 3: Find the the following lines in forumhome_forumbit_level2_post:

Code to find:

PHP Code:

<li class="forumactionlink rsslink"><a href="external.php?{vb:raw session.sessionurl}type=RSS2&amp;forumids={vb:raw forum.forumid}" title="{vb:rawphrase view_forum_rss_feed}">{vb:rawphrase view_forum_rss_feed}</a></li> 

Replace with:

PHP Code:

<span style="float: right;"><a href="external.php?{vb:raw session.sessionurl}type=RSS2&amp;forumids={vb:raw forum.forumid}">
<img src="images/misc/rss.png" class="icon" alt="View this forum's RSS feed"  style="margin-top: -2px; opacity:0.5;filter:alpha(opacity=50)" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.5;this.filters.alpha.opacity=50" />
</a></span> 

Make sure to replace the EXACT, code as showen, and nothing else!
Click Save, and your DONE!

::::::::::::::: Modification Ends :::::::::::::::

Extra & Optional

If you wanted to replace the original RSS icon with this , then the icon should be added in your root "images/misc/rss.png" folder and replace the old! Just Right Click to copy the icon!

Thanks..

Notice: If you use this modification, then please click on Installed for the purpose of later support. Thank you !

[RichieBoy67]

Thanks, I had just started working on something just like this and I happened to find this post while looking for a new rss image. Awesome!! Saved me some time!

[xixxon]

Thank you, it looks very nice.
*tagged*

[ChiNa]

Originally Posted by RichieBoy67

Thanks, I had just started working on something just like this and I happened to find this post while looking for a new rss image. Awesome!! Saved me some time!

You are welcome mate, I am glad............ And thanks for clicking on Install...

Xixoon, your welcome dear