Mini Mods - [OzzModz] Social Media Icon Links In NavBar

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

[heyzeus909]

Hi - sorry, but this is not working. I have the mod active with 2 buttons active (FB & the tweeters), but nothing shows up.

http://www.thefreeradicals.net/forum/forum.php

^Leaving the mod active


edit: I also don't have the search box in a tab, either. So if this mod is dependent in some way to have the search box, then...ya know.

[ozzy47]

Does it show up on a unmodified default skin?

[heyzeus909]

Sorry for the delay, Ozzy. I sometimes don't get email subscription notices from vb.org.

I should have checked it in the vBulletin default style before replying. The icons do show up fine there. The icons are actually there in the Mielo theme that I use - somewhere - as Facebook's debug tool is able to display them. But they aren't visible to me. I think they are being pushed off of the screen somehow.

It's something I've messed up on my end, I'm sure. Sorry for unnecessarily troubling you.

[whitetailworld]

Installed!

Thanks!!!

www.forums.whitetailworld.com

[JohnScag]

How do I get this to shrink/ expand with the navbar to account for different screen sizes? The icons don't stay in the navbar on some screens and squish everything up, looking like this.

[gsmlover4u]

sir chris i need some help i add clock in header after that social media icon change the place in navbar plz will you guide to me how i can fix it

plz see screen short

[ozzy47]

How is it you added this clock to the header?

[gsmlover4u]

sir i use code at the end of in header

<div style="float: right; position:relative; top:-80px;">
                                        <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0"
                                            width="230" height="99">
                                            <param name="movie" value="http://www.bshome.net/forum/clock.swf" />
                                            <param name="quality" value="high" />
                                            <param name="wmode" value="transparent" />
                                            <embed src="http://www.bshome.net/forum/clock.swf" width="230" height="99" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash"
                                                type="application/x-shockwave-flash" wmode="transparent"></embed>
                                        </object>
</div>

[ozzy47]

Use this in the header, right before the closing </div>

<div style="float:right; position:relative; top:50px">
                                        <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0"
                                            width="230" height="99">
                                            <param name="movie" value="http://www.bshome.net/forum/clock.swf" />
                                            <param name="quality" value="high" />
                                            <param name="wmode" value="transparent" />
                                            <embed src="http://www.bshome.net/forum/clock.swf" width="230" height="99" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash"
                                                type="application/x-shockwave-flash" wmode="transparent"></embed>
                                        </object>
</div>

Adjust 50px as needed.

[Judith2]

Hi ozzy

I have a question. Is it possible to set the User's Social Links (Facebook, Twitter, Myspace, Youtube) in the Postbit, next to skype??