Jump to content



Photo

How to install the social icons plugin


  • Please log in to reply
28 replies to this topic

#1 Sean James

Sean James

    Administrator

  • Administrators
  • 12,891 posts
  • LocationSydney Australia

Posted 20 July 2011 - 09:22 PM

Thanks to Mosh Shigdar from Wolfshead Solutions:
http://www.wolfshead-solutions.com

We now have a social plugin for our skins so we can add social icons without making any manual template edits. This also means if you have more than 1 skin with us you don't need to edit each skin separately.
Installation is very simple, In all of our skin packages you will find a directory called 'Social-Icons-Plugin' containing the plugin file called 'product-ws_bluepearl_socialpages.xml'

Installation:
Goto your ADMINCP panel --> Plugin & Products --> Manage Products
And then click [add/import Product] and upload this file (product-ws_bluepearl_socialpages.xml)

Settings:
Once the plugin is installed you can add your social pages by going to:
Settings --> Bluepearl Skins - Social Page Icons

If you need support feel free to post in this thread.

Attached Thumbnails

  • social-icons.png
  • social-options.png
  • social3.png
  • social4.png

Bluepearl Skins - vBulletin, XenForo & Custom Skins - Custom Skin Portfolio updated

If you are happy with our support, please leave feedback here it will be much appreciated!


#2 savraot

savraot
  • Members
  • 23 posts
  • LocationGermany

Posted 06 October 2011 - 08:18 PM

Thank You Sean for this Great Idea with the Social Icons and the Plugin. :D Must I install the Plugin for every Style in all packages or only once?

#3 Sean James

Sean James

    Administrator

  • Administrators
  • 12,891 posts
  • LocationSydney Australia

Posted 06 October 2011 - 11:41 PM

Hey savraot I love it as well!!

You only need to install this plugin once and it will work with all of our skins.

Bluepearl Skins - vBulletin, XenForo & Custom Skins - Custom Skin Portfolio updated

If you are happy with our support, please leave feedback here it will be much appreciated!


#4 Taurus

Taurus

    Premium Customer

  • Customer
  • 145 posts
  • LocationWuxi, China

Posted 07 October 2011 - 04:10 PM

Now that is really cool! Great stuff mate. Thank you very much!
CreativX

Where you will find the greatest selection of custom designed Windows 7 Themes in the world!

#5 Sean James

Sean James

    Administrator

  • Administrators
  • 12,891 posts
  • LocationSydney Australia

Posted 07 October 2011 - 06:35 PM

No problem guys, Mosh did a great job with this mod.

Bluepearl Skins - vBulletin, XenForo & Custom Skins - Custom Skin Portfolio updated

If you are happy with our support, please leave feedback here it will be much appreciated!


#6 Razor

Razor
  • Customer
  • 8 posts
  • LocationOhio

Posted 08 October 2011 - 11:12 PM

Nicely done! Works great on the forums but the forward on CMPS seems bugged.

#7 Crotan

Crotan
  • Members
  • 22 posts

Posted 09 October 2011 - 02:25 PM

Awesome idea!, though are we still able to make the template edits in the same way if want to add social icons for sites maybe not included?

For instance I followed your layout but also added social icons for steam groups and our mumble server.

Attached Thumbnails

  • social icons.png

Posted Image


#8 Sean James

Sean James

    Administrator

  • Administrators
  • 12,891 posts
  • LocationSydney Australia

Posted 10 October 2011 - 08:19 AM

Nicely done! Works great on the forums but the forward on CMPS seems bugged.


The forward? Can you please post a screenshot. Also please double check this is happening on our demo board:
www.bluepearl-skins.com/vBulletin and is not caused by a plugin or mod.

Awesome idea!, though are we still able to make the template edits in the same way if want to add social icons for sites maybe not included?

For instance I followed your layout but also added social icons for steam groups and our mumble server.


This can be done by modifying this code in the navbar template:

 
  <ul>
   <vb:if condition="!empty($vbulletin->options['ws_bluepearl_sp_rss'])"><li><a href="{vb:raw vboptions.ws_bluepearl_sp_rss}"><img src="{vb:stylevar imgdir_icons}/icon-rss.png" /></a></li></vb:if>
   <vb:if condition="!empty($vbulletin->options['ws_bluepearl_sp_twitter'])"><li><a href="{vb:raw vboptions.ws_bluepearl_sp_twitter}"><img src="{vb:stylevar imgdir_icons}/icon-twitter.png" /></a></li></vb:if>
   <vb:if condition="!empty($vbulletin->options['ws_bluepearl_sp_facebook'])"><li><a href="{vb:raw vboptions.ws_bluepearl_sp_facebook}"><img src="{vb:stylevar imgdir_icons}/icon-facebook.png" /></a></li></vb:if>
   <vb:if condition="!empty($vbulletin->options['ws_bluepearl_sp_linkedin'])"><li><a href="{vb:raw vboptions.ws_bluepearl_sp_linkedin}"><img src="{vb:stylevar imgdir_icons}/icon-linkedin.png" /></a></li></vb:if>
   <vb:if condition="!empty($vbulletin->options['ws_bluepearl_sp_myspace'])"><li><a href="{vb:raw vboptions.ws_bluepearl_sp_myspace}"><img src="{vb:stylevar imgdir_icons}/icon-myspace.png" /></a></li></vb:if>
   <vb:if condition="!empty($vbulletin->options['ws_bluepearl_sp_blogger'])"><li><a href="{vb:raw vboptions.ws_bluepearl_sp_blogger}"><img src="{vb:stylevar imgdir_icons}/icon-blogger.png" /></a></li></vb:if>
   <vb:if condition="!empty($vbulletin->options['ws_bluepearl_sp_youtube'])"><li><a href="{vb:raw vboptions.ws_bluepearl_sp_youtube}"><img src="{vb:stylevar imgdir_icons}/icon-youtube.png" /></a></li></vb:if>
   <vb:if condition="!empty($vbulletin->options['ws_bluepearl_sp_flickr'])"><li><a href="{vb:raw vboptions.ws_bluepearl_sp_flickr}"><img src="{vb:stylevar imgdir_icons}/icon-flickr.png" /></a></li></vb:if>
   <vb:if condition="!empty($vbulletin->options['ws_bluepearl_sp_google'])"><li><a href="{vb:raw vboptions.ws_bluepearl_sp_google}"><img src="{vb:stylevar imgdir_icons}/icon-google.png" /></a></li></vb:if>
  </ul>

To something like this:

 
  <ul>
   <vb:if condition="!empty($vbulletin->options['ws_bluepearl_sp_rss'])"><li><a href="{vb:raw vboptions.ws_bluepearl_sp_rss}"><img src="{vb:stylevar imgdir_icons}/icon-rss.png" /></a></li></vb:if>
   <vb:if condition="!empty($vbulletin->options['ws_bluepearl_sp_twitter'])"><li><a href="{vb:raw vboptions.ws_bluepearl_sp_twitter}"><img src="{vb:stylevar imgdir_icons}/icon-twitter.png" /></a></li></vb:if>
   <vb:if condition="!empty($vbulletin->options['ws_bluepearl_sp_facebook'])"><li><a href="{vb:raw vboptions.ws_bluepearl_sp_facebook}"><img src="{vb:stylevar imgdir_icons}/icon-facebook.png" /></a></li></vb:if>
   <vb:if condition="!empty($vbulletin->options['ws_bluepearl_sp_linkedin'])"><li><a href="{vb:raw vboptions.ws_bluepearl_sp_linkedin}"><img src="{vb:stylevar imgdir_icons}/icon-linkedin.png" /></a></li></vb:if>
   <vb:if condition="!empty($vbulletin->options['ws_bluepearl_sp_myspace'])"><li><a href="{vb:raw vboptions.ws_bluepearl_sp_myspace}"><img src="{vb:stylevar imgdir_icons}/icon-myspace.png" /></a></li></vb:if>
   <vb:if condition="!empty($vbulletin->options['ws_bluepearl_sp_blogger'])"><li><a href="{vb:raw vboptions.ws_bluepearl_sp_blogger}"><img src="{vb:stylevar imgdir_icons}/icon-blogger.png" /></a></li></vb:if>
   <vb:if condition="!empty($vbulletin->options['ws_bluepearl_sp_youtube'])"><li><a href="{vb:raw vboptions.ws_bluepearl_sp_youtube}"><img src="{vb:stylevar imgdir_icons}/icon-youtube.png" /></a></li></vb:if>
   <vb:if condition="!empty($vbulletin->options['ws_bluepearl_sp_flickr'])"><li><a href="{vb:raw vboptions.ws_bluepearl_sp_flickr}"><img src="{vb:stylevar imgdir_icons}/icon-flickr.png" /></a></li></vb:if>
   <vb:if condition="!empty($vbulletin->options['ws_bluepearl_sp_google'])"><li><a href="{vb:raw vboptions.ws_bluepearl_sp_google}"><img src="{vb:stylevar imgdir_icons}/icon-google.png" /></a></li></vb:if>
<li>new link and image </li>
  </ul>

Bluepearl Skins - vBulletin, XenForo & Custom Skins - Custom Skin Portfolio updated

If you are happy with our support, please leave feedback here it will be much appreciated!


#9 Taurus

Taurus

    Premium Customer

  • Customer
  • 145 posts
  • LocationWuxi, China

Posted 14 October 2011 - 03:33 PM

Hi Sean, just installed the plugin, but I am not seeing the icons on any other Bluepearl skins than the Seamus skins. (Which had them already) I added my links in my ACP. Please help. Thanks.
CreativX

Where you will find the greatest selection of custom designed Windows 7 Themes in the world!

#10 Sean James

Sean James

    Administrator

  • Administrators
  • 12,891 posts
  • LocationSydney Australia

Posted 14 October 2011 - 05:21 PM

You will need to also update the navbar template and add the new CSS in the additional.css template.

Bluepearl Skins - vBulletin, XenForo & Custom Skins - Custom Skin Portfolio updated

If you are happy with our support, please leave feedback here it will be much appreciated!


#11 rocko

rocko
  • Members
  • 4 posts

Posted 22 October 2011 - 12:33 AM

My index page went blank and some other functions such as newthread and new post dont work when I imported this product. what do i do?????

#12 Sean James

Sean James

    Administrator

  • Administrators
  • 12,891 posts
  • LocationSydney Australia

Posted 23 October 2011 - 11:20 PM

Maybe you have a plugin that is effecting our one. Reponded to your support ticket, send me a list of your install plugins and we can sort out the problem.

Bluepearl Skins - vBulletin, XenForo & Custom Skins - Custom Skin Portfolio updated

If you are happy with our support, please leave feedback here it will be much appreciated!


#13 Mosh Shigdar

Mosh Shigdar
  • Members
  • 4 posts
  • LocationMelboune, Australia

Posted 26 October 2011 - 02:42 AM

You are most welcome Sean :)
-- Creator of Bluepearl's Social Icons vBulletin plugin
-- Wolfshead Solutions: Tab & Link Manager (vB 4) | WS iCart Notices (vB 4) | PM Management Suite (vB 3/vB 4).
-- WS Spider List Generator: Free vBulletin spider identification list service.

-- My Free vBulletin.org Hacks
-- I am NOT available to take on Paid Work Requests.

#14 Sean James

Sean James

    Administrator

  • Administrators
  • 12,891 posts
  • LocationSydney Australia

Posted 26 October 2011 - 05:27 AM

You are most welcome Sean :)


Customers are loving this plugin, great work ;)

Bluepearl Skins - vBulletin, XenForo & Custom Skins - Custom Skin Portfolio updated

If you are happy with our support, please leave feedback here it will be much appreciated!


#15 Ellendway

Ellendway
  • Members
  • 95 posts

Posted 23 November 2011 - 05:43 AM

Sean, can we somewhere change default icons for our own?

>>> Czech / Slovak Official World of Warcraft Fansite WoWFan.cz <<<


#16 Sean James

Sean James

    Administrator

  • Administrators
  • 12,891 posts
  • LocationSydney Australia

Posted 23 November 2011 - 09:38 AM

To change the icons, goto the /misc/ image folder and change the icons to whatever you would like them to be.

Bluepearl Skins - vBulletin, XenForo & Custom Skins - Custom Skin Portfolio updated

If you are happy with our support, please leave feedback here it will be much appreciated!


#17 Ellendway

Ellendway
  • Members
  • 95 posts

Posted 23 November 2011 - 11:36 AM

Oh yeah, I didn't notice these small bastards :) Thanks Sean.

>>> Czech / Slovak Official World of Warcraft Fansite WoWFan.cz <<<


#18 insidegames

insidegames
  • Members
  • 9 posts

Posted 29 November 2011 - 10:49 AM

Hey Sean

The Icons doesn't show up in my little, smart forum.

http://forum.insidegames.ch/

I used vBulletin 4.1.2. this plugin run on my forum -> http://www.vbulletin...ht=Add new tabs

#19 Sean James

Sean James

    Administrator

  • Administrators
  • 12,891 posts
  • LocationSydney Australia

Posted 30 November 2011 - 02:55 AM

Even though this plugin has not been tested with 4.1.2 this should not be a problem.
Do you have the icons uploaded to the misc or icons image folder?

Bluepearl Skins - vBulletin, XenForo & Custom Skins - Custom Skin Portfolio updated

If you are happy with our support, please leave feedback here it will be much appreciated!


#20 insidegames

insidegames
  • Members
  • 9 posts

Posted 30 November 2011 - 03:42 AM

Even though this plugin has not been tested with 4.1.2 this should not be a problem.
Do you have the icons uploaded to the misc or icons image folder?


Yes i upload the icons in misc folder




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

Links

Customers

Our Network

Our Friends