Register Members List Search Today's Posts Mark Forums Read

Reply
 
Mod Options
[OzzModz] Social Media Icon Links In NavBar Details »
[OzzModz] Social Media Icon Links In NavBar
Mod Version: 1.1.0, by ozzy47 (Member) ozzy47 is offline
Developer Last Online: May 2017 I like it Show Printable Version Email this Page

This thread is in the Modification Graveyard.
vB Version: 4.2.x Rating: (17 votes - 5.00 average) Installs: 67
Released: 04 Oct 2013 Last Update: 29 Nov 2013 Downloads: 264
Not Supported Uses Plugins Auto-Template Additional Files Translations  

Another mod brought to you by,


[OzzModz] Social Media Icon Links In NavBar, has won MOTM for November 2013 Mod of the Month!

Here is a small modification you can use to have up to four social media icons in your navbar.

It is a simple installation, upload the file in the UPLOAD folder, then import the product XML, product-ozzy_social_links_navbar

You can edit the options under the settings, Ozzy: Social Media Icon Links In NavBar Settings

There is 31 different icons in the images/social icons folder for you to use.

Complete Feature List
  • Option to disable the mod completely.
  • Option to disable the first icon.
  • Option to set the url icon one goes to when clicked.
  • Option to set the path and image name to the icon you want to use for the first one.
  • Option to set the text to display when a user hovers over the first icon.
  • Option to disable the second icon.
  • Option to set the url icon two goes to when clicked.
  • Option to set the path and image name to the icon you want to use for the second one.
  • Option to set the text to display when a user hovers over the second icon.
  • Option to disable the third icon.
  • Option to set the url icon three goes to when clicked.
  • Option to set the path and image name to the icon you want to use for the third one.
  • Option to set the text to display when a user hovers over the third icon.
  • Option to disable the fourth icon.
  • Option to set the url icon four goes to when clicked.
  • Option to set the path and image name to the icon you want to use for the fourth one.
  • Option to set the text to display when a user hovers over the fourth icon.
  • Option to disable the fifth icon.
  • Option to set the url icon five goes to when clicked.
  • Option to set the path and image name to the icon you want to use for the fifth one.
  • Option to set the text to display when a user hovers over the fifth icon.
  • Option to disable the sixth icon.
  • Option to set the url icon six goes to when clicked.
  • Option to set the path and image name to the icon you want to use for the sixth one.
  • Option to set the text to display when a user hovers over the sixth icon.
-------------------------------------------------------------------------------------------

If you like this mod please hit the button to the right ---->

Please remember to click the, button to the right if you installed the mod ---->

What does 'Marking As Installed' do ?

* It helps you to stay on top of updates - members who have installed modifications will be notified whenever new updates are available.

* For security issues - vbulletin.org will contact all members who have installed a modification whenever a security issue is brought to their attention.

* Marking a modification as installed also helps me know how many people are using my work, giving me extra incentive to provide more features and new modifications.

I appreciate the support!
-------------------------------------------------------------------------------------------

v1.0.0 Initial release.

v1.1.0 Added the ability to have up to six icons displayed now.

-------------------------------------------------------------------------------------------
Contributions Received (members who clicked on, and followed through with the Support Developer button)

bazookajoe

Download Now

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

Screenshots

Click image for larger version

Name:	social media 1.jpg
Views:	324
Size:	154.6 KB
ID:	146617   Click image for larger version

Name:	social media 2.jpg
Views:	1104
Size:	22.3 KB
ID:	146618  

Show Your Support

  • 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
Mini Mods [OzzModz] Extended Search Links In Navbar ozzy47 Modification Graveyard 90 26 Dec 2014 10:08
Mini Mods [OzzModz] Site Links Block In WGO ozzy47 Modification Graveyard 55 20 Jan 2014 15:07
Social Group and Album Enhancements "Share" Button in NavBar and Showthread (links to over 200 social networking sites) bmckinley vBulletin 3.8 Template Modifications 47 02 Dec 2012 01:09
Social Media 820Media vBulletin 4.x Styles 20 04 Feb 2011 04:56

Comments
  #2  
Old 04 Oct 2013, 01:20
ozzy47's Avatar
ozzy47 ozzy47 is offline
 
Join Date: Jul 2009
Real name: Chris
Reserved.
__________________
You can get access to my 180 mods for vB 3.6 - 4.x at The Admin Zone as well as the professional support you are used to. New vBulletin Spider Definitions, vBulletin Spiders List Hits 1000 Spiders! ​ OzzModz down. Site has had a data breach, checking how the intrusion happened. Change your PW if you use the same one on my site and others.
Reply With Quote
  #3  
Old 04 Oct 2013, 04:19
gsmlover4u's Avatar
gsmlover4u gsmlover4u is offline
 
Join Date: Jan 2007
plz add google+ no images of googleplus
Reply With Quote
  #4  
Old 04 Oct 2013, 04:28
ozzy47's Avatar
ozzy47 ozzy47 is offline
 
Join Date: Jul 2009
Real name: Chris
Done, re-download the zip and re-upload the images folder. Thanks for marking as installed.
__________________
You can get access to my 180 mods for vB 3.6 - 4.x at The Admin Zone as well as the professional support you are used to. New vBulletin Spider Definitions, vBulletin Spiders List Hits 1000 Spiders! ​ OzzModz down. Site has had a data breach, checking how the intrusion happened. Change your PW if you use the same one on my site and others.
Reply With Quote
  #5  
Old 09 Oct 2013, 13:07
LoTGoD LoTGoD is offline
 
Join Date: Jul 2005
Ozzy,
First off, thanks for writing this!

Secondly, any chance of increasing the right margin a bit further out? Once I have the mod installed the icon closest to the search box only has about half of it clickable. In my case, my YouTube icon. When you first helped me out with this last week I ended up going with "margin-right: 200px" to get the spacing correct.
Reply With Quote
  #6  
Old 09 Oct 2013, 23:26
ozzy47's Avatar
ozzy47 ozzy47 is offline
 
Join Date: Jul 2009
Real name: Chris
Edit the template, ozzy_social_media_links.css, find:


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

Change 185 to 200
__________________
You can get access to my 180 mods for vB 3.6 - 4.x at The Admin Zone as well as the professional support you are used to. New vBulletin Spider Definitions, vBulletin Spiders List Hits 1000 Spiders! ​ OzzModz down. Site has had a data breach, checking how the intrusion happened. Change your PW if you use the same one on my site and others.
Reply With Quote
  #7  
Old 12 Oct 2013, 20:43
john7911 john7911 is offline
 
Join Date: Feb 2013
Thank you
Can you as LinkedIn, and google+ is not there!
Reply With Quote
  #8  
Old 12 Oct 2013, 21:32
ozzy47's Avatar
ozzy47 ozzy47 is offline
 
Join Date: Jul 2009
Real name: Chris
The mod only allows four icons, you can change them in the settings, Ozzy: Social Media Icon Links In NavBar Settings

Thanks for marking as installed.
__________________
You can get access to my 180 mods for vB 3.6 - 4.x at The Admin Zone as well as the professional support you are used to. New vBulletin Spider Definitions, vBulletin Spiders List Hits 1000 Spiders! ​ OzzModz down. Site has had a data breach, checking how the intrusion happened. Change your PW if you use the same one on my site and others.
Reply With Quote
  #10  
Old 13 Oct 2013, 11:01
ozzy47's Avatar
ozzy47 ozzy47 is offline
 
Join Date: Jul 2009
Real name: Chris
Thanks, glad ya like it, and thanks for marking as installed.
__________________
You can get access to my 180 mods for vB 3.6 - 4.x at The Admin Zone as well as the professional support you are used to. New vBulletin Spider Definitions, vBulletin Spiders List Hits 1000 Spiders! ​ OzzModz down. Site has had a data breach, checking how the intrusion happened. Change your PW if you use the same one on my site and others.
Reply With Quote
  #11  
Old 02 Nov 2013, 10:43
laminedj's Avatar
laminedj laminedj is offline
 
Join Date: Oct 2013
Hello, is it working for VB 5.05 ?
Reply With Quote
  #12  
Old 02 Nov 2013, 10:57
ozzy47's Avatar
ozzy47 ozzy47 is offline
 
Join Date: Jul 2009
Real name: Chris
I doubt it, I believe it is completely different.
__________________
You can get access to my 180 mods for vB 3.6 - 4.x at The Admin Zone as well as the professional support you are used to. New vBulletin Spider Definitions, vBulletin Spiders List Hits 1000 Spiders! ​ OzzModz down. Site has had a data breach, checking how the intrusion happened. Change your PW if you use the same one on my site and others.
Reply With Quote
  #13  
Old 02 Nov 2013, 11:49
qpurser qpurser is offline
 
Join Date: Aug 2011
Thank you. Works perfect.

As I have a custom style the icons were touching the top of the navbar with some space at the bottom. If somebody has the same issue and you want to align them nicely in the middle just add the following:

Edit the ozzy_social_media_links.css
In .ozzy_social_media_links_span add the following:

margin-top: 5px;

You might need to change the "5px" to a higher or lower number that works for your navbar
Reply With Quote
  #14  
Old 02 Nov 2013, 12:26
Morrus Morrus is offline
 
Join Date: Jan 2002
You've got about 12 tabs plus social media icons in that navbar. How does it look on something like a iPad? I find having more than 8 or 9 tab (even without adding extra socia media icons) screws everything up on a tablet device.
__________________
www.enworld.org
Reply With Quote
  #15  
Old 02 Nov 2013, 14:13
ozzy47's Avatar
ozzy47 ozzy47 is offline
 
Join Date: Jul 2009
Real name: Chris
Originally Posted by Morrus View Post
You've got about 12 tabs plus social media icons in that navbar. How does it look on something like a iPad? I find having more than 8 or 9 tab (even without adding extra socia media icons) screws everything up on a tablet device.
I do not know, I don't have a tablet, or iPad, but that is what the mobile theme is for, to avoid issues like that. I would imagine though it probably looks like crap.
__________________
You can get access to my 180 mods for vB 3.6 - 4.x at The Admin Zone as well as the professional support you are used to. New vBulletin Spider Definitions, vBulletin Spiders List Hits 1000 Spiders! ​ OzzModz down. Site has had a data breach, checking how the intrusion happened. Change your PW if you use the same one on my site and others.
Reply With Quote
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
Forum Jump


New To Site? Need Help?

All times are GMT. The time now is 09:05.

Layout Options | Width: Wide Color: