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

For vBulletin 4.2, CLICK HERE!

Works for all vB 3.8.x

This is my 2nd Modification this week ever, for vBulletin! I hope you will like it! If so, I will make many other simple tuts later on!

Lets get started.

Well I have seen a few modifications like this, but this one is a bit different than other "RSS Feed Syndication" mods! This modification will show the opacity, and it HIGHLIGHTS the button when you hover the mouse over it. Many forum and site owners does not know the importance of having a RSS Feed Syndication added in their forums or websites. But after I understood what it means for a forum and its users to follow up on the subscribed Feeds, then I decided to add one on each of my forums!

Only 2 Template Edits

Image 1 Below: (Hover With No Opacity, No Highlight)




Image 2:(Hover With Opacity and Highlighted)

Example of the mod, when its finished:

======================== Tutorial Starts Here ==========================

Step 1: Go to your ADMINCP. Then Styles & Templates, click on Style Manager. Now click on the the template NAME that you use! And in the dropdown menu click on "Main CSS"!

In "Main CSS" scroll all the way down till you find the "Additional CSS Definitions" section! In there below all the other codes, add the following code below:
Add the following in Additional CSS Definitions:

PHP Code:

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


Step 2: Now go back to your Style Manager, and click on the the template NAME that you use!

Now find the "Forum Home Templates"! After you found it you will need to search for "forumhome_forumbit_level2_post", and click to get access inside the "forumhome_forumbit_level2_post"!

Now this is where we should add the RSS BUTTON CODE!

Step 3: Find the the following line in forumhome_forumbit_level2_post:

Code to find:

PHP Code:

<a href="forumdisplay.php?$session[sessionurl]f=$forum[forumid]"><strong>$forum[title]</strong></a> 


Add the code below ON TOP of it

Add this code:

PHP Code:

<span style="float: right;"><a href="external.php?type=rss2&forumids=$forum[forumid]">
<img src="images/rss.png" class="icon" alt="RSS"  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> 


Step 4: (Last step)Now copy the "rss.png" (RSS Button Image) from the attachments below, or copy it from the image I have linked! And upload the "rss.png" in the root of your "FTP", inside the "images" folder! So your icon will be placed like this code "images\rss.png"

Right Click to copy the button, or pick the one in the attachments!


Thats it, We are DONE!

Finished Example:

========================== Tutorial Ends Here =========================



Notices & Troubleshoots:

This modification works an almost any vBulletin versions! But remember for vBulletin 4.x you will need to find the exact code in your forumhome_forumbit_level2_post template, and then add the codes needed for the mod to work, its Because the codes are a bit more different in vB 4.x templates, but def works !

Some Extra / Optional Modification:

1) (How to change Hover Text)

If you wanna change the HOVER TEXT, which says "RSS"! Then go to STEP 3, and change the text on the line, where it says alt="RSS" . Change the text "RSS" to what ever you want to call it, when hover!

2) (How to add a button without Opacity & Highlight):
If you want the button to be simple, without the Opacity and Highlight, then add the code below instead of the real code:

Code to Add:

PHP Code:

<span style="float: right;"><a href="external.php?type=rss2&forumids=$forum[forumid]">
<img src="images/rss.png" class="icon" alt="RSS" />
</a></span> 


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

[tehPARADOX]

Thanks.

[charkman]

Thanks! Useful Mod!

[ChiNa]

Thanks for clicking installd Charkman, and good luck mate..

[arabyun]

Thank you dear
Code in Arabic

style="float: left;

<span style="float: left;"><a href="external.php?type=rss2&forumids=$forum[forumid]">
<img src="images/rss.png" class="icon" alt="RSS"  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>

[matrex722]

Wow thanks for this , i will try it later