RSS Button On All Forums (Hightlights When Hover) vB 4.2

[Admin]

I made this Modification for vB 3.8! I then tried to make a modification for vB 4.2! I kinda made it!

This modification is different than others, because the RSS FEED icon will make put an opacity on the image, and then HIGHLIGHTS the button when you hover the mouse over it. So lets get started!

Only 2 Template Edits

For vBulletin 3.8, Click HERE!

DEMO 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:

.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:

<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:

<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..

Please notice, if you use this modification, then make sure to click on Installed. Its only for the later support purpose! Thank you !