Register Members List Search Today's Posts Mark Forums Read

Reply
 
Mod Options
Social hover icons Details »
Social hover icons
Mod Version: 1.00, by ramesh_umk3 (Designer) ramesh_umk3 is offline
Developer Last Online: Oct 2019 I like it Show Printable Version Email this Page

vB Version: 4.x.x Rating: (0 vote - 0 average) Installs: 3
Released: 19 Jun 2012 Last Update: Never Downloads: 0
Supported Template Edits Re-usable Code  

A simple clickable and hover icons attracts user to use them

Procedure :

1) Style Manager --> Edit Template --> navbar

Add Code at the END


<div style="float:right" class="box">
<a href="YOUR FACEBOOK LINK HERE" target="_blank" class="social-media facebook"><img src="http://www.megawrz.com/images/faceb.png" width="30" height="30" alt="Facebook" /></a>
<a href="YOUR TWITTER LINK HERE" target="_blank" class="social-media twitter"><img src="http://www.megawrz.com/images/tweet.png" width="30" height="30" alt="Twitter" /></a>
<a href="YOUR YOUTUBE LINK HERE" target="_blank" class="social-media youtube"><img src="http://www.megawrz.com/images/mytube.png" width="30" height="30" alt="YouTube" /></a>
</div>
If u want to use modification only on Index page then use template condition..

<vb:if condition="THIS_SCRIPT=='index'">
NAVBAR CODE HERE
</vb:if>

2) additional.css

Add code at the END


Block Disabled:      (Update License Status)  
Suspended or Unlicensed Members Cannot View Code.

In .box tag of css u can use different color shades to background of top and bottom sections
i have added only "DEDEDE" Hex color on both top and bottom according to default vBulletin Style , U can mod according to ur vB skin

LIVE DEMO OF SOCIAL HOVER ICONS

Feel free to share and modify

Download Now

Only licensed members can download files, Click Here for more information.

Show Your Support

  • To receive notifications regarding updates -> Click to Mark as Installed.
  • If you like this modification support the author by donating.
  • This modification may not be copied, reproduced or published elsewhere without author's permission.
Similar Mod
Mod Developer Type Replies Last Post
Social Bookmark Icons Shelley_c Modification Graveyard 17 05 May 2010 18:20
Mini Mods Social Icons Navbar (or anywhere you want them) DivineMessenger vBulletin 4.x Template Modifications 8 05 Mar 2010 03:34

Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Mod Options

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off


New To Site? Need Help?

All times are GMT. The time now is 16:56.

Layout Options | Width: Wide Color: