[OzzModz] Social Media Icon Links In NavBar

[ozzy47]

Another mod brought to you by,
https://vborg.vbsupport.ru/external/2015/01/1.png

[OzzModz] Social Media Icon Links In NavBar, has won MOTM for November 2013 Mod of the Month! (https://vborg.vbsupport.ru/showthread.php?t=304072)

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 https://vborg.vbsupport.ru/external/2015/08/1.png button to the right ---->

Please remember to click the, https://vborg.vbsupport.ru/external/2015/08/2.png 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 (https://vborg.vbsupport.ru/member.php?u=297643)

[ozzy47]

Reserved.

[gsmlover4u]

plz add google+ no images of googleplus

[ozzy47]

Done, re-download the zip and re-upload the images folder. Thanks for marking as installed. :)

[LoTGoD]

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.

[ozzy47]

Edit the template, ozzy_social_media_links.css, find:

margin-right: 185px;

Change 185 to 200

[john7911]

Thank you
Can you as LinkedIn, and google+ is not there!
http://imageshack.us/a/img809/6123/2z5q.png

[ozzy47]

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

[giorgioarmani]

Nice and clean!

Good work.

[ozzy47]

Thanks, glad ya like it, and thanks for marking as installed. :)

[laminedj]

Hello, is it working for VB 5.05 ?

[ozzy47]

I doubt it, I believe it is completely different.

[qpurser]

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

[Morrus]

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.

[ozzy47]

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

[RPSmedia]

I installed this one and only using the Facebook option. Only a small portion of the icon is clickable at the bottom.

[ozzy47]

Link to the site please. With the mod running.

[ozzy47]

The issue has been sorted on the users site. :)

[Ianmac44]

Hi Ozzy, just wondered if this would work on ver 4.1.5 with this TAB mod installed?
https://vborg.vbsupport.ru/showthread.php?t=233629

[gsmlover4u]

how can add more then 4 social media

[ozzy47]

There is no way to do that, it was kept to four so it would not interfere with any other navbar functionality.

[gsmlover4u]

can add manually in navbar if yes then can you guide to me i want add pinterest

[dhonchik]

ozzy47 You're a good developer, please make a good mod vbslider for the main forum vb4.2.2 to display images from the thead, video and resize it all under one size only hope left for you!

Sorry offtop(

[bazookajoe]

I'd like to be able to add a button for switching the Forum Skin Stlye in the navbar rather than having to go to the bottom of the page. Anyone know how to do that???

[ozzy47]

can add manually in navbar if yes then can you guide to me i want add pinterest

I'll write something up for you in the next day or so.

[ozzy47]

ozzy47 You're a good developer, please make a good mod vbslider for the main forum vb4.2.2 to display images from the thead, video and resize it all under one size only hope left for you!

Sorry offtop(

I really have no intentions of making a mod like that, DBTech has one that is pretty good.

[ozzy47]

I'd like to be able to add a button for switching the Forum Skin Stlye in the navbar rather than having to go to the bottom of the page. Anyone know how to do that???

I think that should be easy enough, what version of vB are you running?

[bazookajoe]

Thanks Ozzy Excellent!!! I'm running vb4.2.1

[ozzy47]

Ok I will look into it when I get a chance, maybe tomorrow. It is going to be something simple like adding it to the Navigation Manager manually. :)

[bazookajoe]

Great Ozzy thanks!

Happy Thanksgiving

[gsmlover4u]

I'll write something up for you in the next day or so.
thsnk you so much sir whating for next update

[ozzy47]

thsnk you so much sir whating for next update


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

[ozzy47]

I'd like to be able to add a button for switching the Forum Skin Stlye in the navbar rather than having to go to the bottom of the page. Anyone know how to do that???

I forgot, there is issues with doing that, cause there is no way to get the proper url, to append the styleid to.

But, what I can do is add the dropdown that is in the footer in the header, that sound cool?

[ozzy47]

Actually I can also get the dropdown in the navbar.

[bazookajoe]

Actually I can also get the dropdown in the navbar.

That would be great!

[ozzy47]

Ok I am working on it now, and should have the product ready some time today. :) I'll post the link in this thread when it is available.

[bazookajoe]

Thanks Ozzy...I think this mod will be a big hit.

[ozzy47]

Thanks Ozzy...I think this mod will be a big hit.

Here it is, https://vborg.vbsupport.ru/showthread.php?t=305168

[bazookajoe]

Great Mod...Installed works like a charm. Donated! :up:

[ozzy47]

Glad it's to your liking. :)

Thanks for the donation, I noted it in the first post. :)

[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. https://www.freelancer.com/api/messages/0.1/messages/207080298/gf.JPG

[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??

[ozzy47]

It is possible with profile fields, then adding the code to the postbit, but this mod has nothing to do with that.

[Judith2]

OK thanks

[ozzy47]

Not a problem. :)