PDA

View Full Version : Mini Mods - Vb-Skysa Toolbar


TRa5H
02-11-2010, 10:00 PM
Vb-SKysa Toolbar Ver 1.0.1 (beta)



- Officially Supported by the Skysa Development Team




Requirements:

* Vbulletin ver 3.8.x ( Non Tested on other versions, Vb 4 Series in Works)

* Skysa.com Toolbar Serial Id: (example: 98F465C1-1DBC-46A8-AAFC-A96FC8A8EA96)

-----------------------------------------------------------------------------------------

What does this Mod do?

* It's a simple java based Social Networking Toolbar integration for vbulletin .. it uses a toolbar that works like other toolbars (Facebook/Wibya/Myspace) and is designed by a third party company.

* http://www.skysa.com

* The script allows you to enter your Skysa toolbar Serial ID through vbulletin options within your admin cp.

-------------------------------------------------------------------------------------------------------------------

Main Features:

* Skysa Toolbar applet integrated into your site.
* Settings are done from the admin area
* Autotomatically logs forum user names into Messenger & Chatroom when logged into the forum
* Uses Skysa (http://www.skysa.com)web database to configure Toolbar Settings
* Instant Access to Widgets and Modifications from Skysa Dev Team
* Installs in less than 2 minutes


---------------------------------------------------------------------------------------------------------------

Instructions:

* In order to use the toolbar you must first register at the Skysa (http://www.skysa.com) Website and get your Toolbar Serial ID:

* Toolbar Serial Id: (example: 98F465C1-1DBC-46A8-AAFC-A96FC8A8EA96)

* Install Product in your Product Manager

* Copy the Serial ID into the Skysa Toolbar Options within the Vbulletin Options within your Admin Cp.

* And that is it your Skysa Toolbar will be integrated into the bottom of your Vbulletin forum and then from there you can configure your toolbar from the Skysa (http://www.skysa.com) Website!


* Live Demo (http://www.weltmuzik.com/forum/index.php)

------------------------------------------------------------------------------------------------------------------

What is Skysa?


* Skysa is a free on demand web application bar that is a quick and easy way to enhance any website or blog. Enabling a website with Skysa takes less then 5 minutes, once installed the Skysa Bar displays on the webpage at the bottom of the browser window, making it unobtrusive while presenting Applications you add in a centralized location. An example of some Apps that can be added to your Skysa Bar include; Chat, Sharing, Page Translate, Voting Poll, Twitter, Facebook, and many others (Full List) that are available in our App library.
Why Use Skysa?

* There are many reasons to use Skysa with your website. With Skysa you can add or improve social features, add your social spaces to your website, engage your website visitors, collect valuable member information, and the list goes on. Skysa is designed to help websites keep visitors longer, and build more traffic through socially engaging Apps. Skysa is a robust web platform, once added to your website you never have to update code to get new features or updates (Less Headaches for you).
The Skysa Difference.

* Not a Browser Plug-in. Skysa is not a browser plug-in, meaning your visitors do not have to install anything to use the apps added to your bar. It is ready on demand and available on every page you place our code on.

* Fully Customizable. The Skysa bar is fully customizable, from the apps you use to the design of your bar. Most apps have settings you can change to further fine tune your bar to your websites needs. For example, the customization options we allow for style of your bar in unmatched, giving you the option to set background images, font, hover colors and much more!

* Integrated Membership System. The Skysa platform features a secure integrated membership and registration system that is used with our integrated Chat Room, IM and Commenting apps. Plus you can configure Skysa to work with your own Member Registration System. If you have a Spruz or Ning website your bar will work seamlessly with the members of your website.

* Awesome User Experience. In some ways Skysa is similar to the task bar on a Windows PC, Skysa floats at the bottom of the browser window (IE, Firefox, Etc) making it very accessible for your website visitors and members. Our App Windows features drag and drop, and dynamic resizing within your webpage, and you can open several App windows at a time. Finally a website enhancement that is easy for you to setup and customize, looks great, adds value to your website and is free to use.

* Go White Label. While we love to promote our brand we understand that the brand of your website is more important, which is why Skysa allows you to remove our logos and branding if you so choose.
Skysa History

* Skysa was officially launched on December 28th 2009, but the concept dates back 2008. Skysa is developed by an experienced team of web entrepreneurs that know the benefits social and interactive features bring to websites, having also founded the Spruz Social Website Builder (http://www.spruz.com) in 2007.The Skysa website is powered by the Spruz Social Platform where anyone can create a Free Social Website in minutes.

-------------------------------------------------------------------------------------------------------------------

Key Features of the Skysa App Platform

Easy Setup and It's Free! - Copy. Paste. Connect. Skysa can be added to any website or blog within minutes.


* Skysa is not a browser plug-in, once added to your website everyone can enjoy the features on your Skysa Bar without having to install software.
* Never worry about having to update software or code to get new features, improvements and fixes.
* Bar Management Area that makes it easy add and remove Apps, arrange Apps, customize App Settings, Manage Members and more!
* Real Time Bar Preview that displays while you are Managing your Bar. Making it easy to see how your changes and adjustments effect your Skysa Bar.


Integrated Membership - Skysa is able to offer deeper apps because our bar has Member Integrated Features. We will have 100's of Social Apps you can use with your website that are possible thanks to intergraded membership.

* Integrated Member Login and Registration, this create a rich user experience and allows you to collect valuable member information.
* Micro Profiles with profile photo, member about me and much more. Customizable!
* Member management page for managing member accounts with full access to all member information including emails.
* Use your own Members Database. When your members are logged into your website they are logged into the bar.
* Members on Ning, and Spruz are automatically logged into the bar. Thus allowing for a richer member experience.

Attractive User Experience - We are the only bar platform with App Windows that can be Dragged, Resized and Moved inside your page.

* Clean Bar Design that makes it easy for your visitors to find an option they are looking for.
* Easy to use Bar Style Designer with real time style bar preview. This allows you to closely match the bar style to the look and feel of your website.
* Several Predesigned Bar Themes that can all be easily customized by you.
* Visitors can Drag, Resize and Move your App Windows
* Bar Collapse Options. Users can collapse the bar or you can collapse it for them.
* Tools Menu for collapse mode for easy access to your installed Apps without having to expand the whole bar. Plus you can turn off Bar Collapsing
* Go Completely White Label, removes all Skysa Branding from your bar.

----------------------------------------------------------------------------------------------------------------

Skysa App Collection

* Currently we have 23 Apps and growing. You can use and install the Apps that best fit your needs. It's up to you! We are adding new Apps Weekly, Go to your Get Apps page to add Apps to your bar. We will have a developer API ready soon.

Announcements
Alert your website visitors when there is something new to tell them. This App allows you to add announcements/notices that display automatically 1 time per person when something new is posted.

Chat Room
This Chat Room App is launch-able chat room and takes advantage of our integrated member system. The Chat Room features a list of who's online in the room, a counter in the bar that displays the number of people in chat and Instant Messaging just to name a few of the features.

Comments
Our commenting App is very customizable and takes advantage of our integrated membership system. Control rather visitors or only members can comment, select the number of comments per page, and more! Also has a comment liking feature so people reading a comment can like it.

Custom App
For Advanced Users Only. This App allows you to configure your own custom App for use in the bar. Copy and paste a Widget,HTML, Text or custom Javascripting.

Facebook Fan Page
This app displays information directly from your Facebook Group. Add this App to bring your social spaces a little closer to home.

Flickr Photo Gallery (Cooliris)
This is a photo wall that allows you to display photos from a flickr account

Friends IM App
With our Friends Instant Messaging App your members see a list of their friends that are online that they can IM. Currently this App only works on websites powered by the Spruz Platform.

Games (HeyZap)
Games powered by HeyZap

Games (Hooked Media)
Games powered by Hooked Media Group

Interactive Sharing (Beta)
Interactive sharing allows people on your website to comment, and share pieces of your websites content. Users can highlight blocks of text, images, and videos, then comment, and post it to their favorite sharing website (Facebook, Twitter, Etc). When people click on the shared link users will see the content that was shared highlighted right on your website with the option to comment on it. This App features reporting that shows the links shared, comments, clicks and much more!

Map and Directions (Google)
This app allows users to see a map and get directions to an address of your choosing. The user can also print out the directions.

Navigation Box
Adds a navigation menu to your website. Create links to sites you love, other pages on your site or Blog RSS feeds.

Quick Links
Offer quick launch links on your bar. Top Features daily click tracking, and launches a link while keeping a bar at the top for quick navigation back to your website.

RSS Feed
This App allows you to enter an RSS feed and display summary information from the feed in and App Window.

Search
Powered by Google Search allows your visitors to find content they are looking for within your website.

Share (By Addthis)
Allow your website to go Viral with Sharing. This uses the Sharing Service AddThis to offer your visitor with a hugh list of ways they can share your website.

Translate
Translates your website text to a language that is more familiar to your website visitor. You decide how many languages you want to offer your website visitor to pick from.

Twitter
Get Twitter Connected on your website, post tweets directly from your webpage or blog. Features your Twitter feed, Converstation feed and Twitter Search

Video Chat (TinyChat)
Cool Video Chat room that supports Web Cams and Audio powered by TinyChat. This App Supports Skysa Membership Systems, Members logged into your website automaticly can join chat without having to log into chat again.

Voting Poll
Allow your members to vote on hot topics that you create with this Voting Poll App. Key features include Poll History, Auto Poll Closing and More!

Who's Online IM
This Who's Online app features a list of who's online currently, a counter in the bar that displays to everyone with the number of people online and integrated Instant Messaging and co-browsing.

YouTube Video Wall (Cooliris)
Powered by Cooliris this App displays media from a your YouTube Channel on an interactive 3D wall.

YouTube Videos
Do you YouTube? If so this App is for you, automatically grabs your newest videos from your YouTube Channel and displays them in a movable box. Shows the video image, description, and title. Plus when a video is clicked it displays directly on your website!

------------------------------------------------------------------------------------------------------------------

FUTURE UPDATES:

* Blocked Access to Unregistered Users

* Automated .CSS for Multi-Colored Template Add Ons

* Integrated Folder Destination for Javascript Database

* Skysa Development Liscense Support

* Vbulletin Version 4.0.0 Integration


-----------------------------------------------------------------------------------------------------------------

Current UPDATES:

* Friends list options to Instant Messenger

* Officially Supported by the Skysa Development Team


-----------------------------------------------------------------------------------------------------------------
Notes:

* Also as seen in the LIVE DEMO (http://www.weltmuzik.com/forum/index.php) I have many Unique Icons for a better look and feel.

* These Icons can be found at ICON ARCHIVE (http://www.iconarchive.com/)

* * Everything in this app is Freeware or Add supported and can be downloaded free of charge.


----------------------------------------------------------------------------------------------------------------

Credits and Thanks:

* Thanks to KH99 (https://vborg.vbsupport.ru/member.php?u=346440) for his Javascript help!

* I would also like to give to credit to NAMALESS (https://vborg.vbsupport.ru/member.php?u=163700)... since I originally got this idea and most of the script from their Wibya Toolbar Script.


-----------------------------------------------------------------------------------------------------------------


If anyone has any questions please feel free to ask!
And please Support and Mark as Installed (https://vborg.vbsupport.ru/vborg_miscactions.php?do=installhack&threadid=235670).
If you like it Nominate it (https://vborg.vbsupport.ru/vborg_miscactions.php?do=nominate&threadid=235670&type=1)!
Thanks :D:up:

christicehurst
02-12-2010, 11:19 AM
I've installed this and it looks very smart. However I like to know to link the membership base so people can chat. Like Facebook

christicehurst
02-12-2010, 11:52 AM
Hmmm just abit confused, it's a late night here in Australia. When I click on the Member IM I expect to see a list of the current members online but all I see is "You and Go Offline" options.

TRa5H
02-12-2010, 11:55 AM
Database is Automatically Linked and Parsed into the script..

the code I have within the script for this is as follows:

<script type="text/javascript">
var _SKYAUTH = {
loginUrl:'/forum/login.php?u=$bbuserinfo[userid]',
memberNick:'$bbuserinfo[username]',
memberId:'$bbuserinfo[userid]',
profileUrl:'/forum/member.php?u=$bbuserinfo[userid]',
photoUrl:'/forum/image.php?u=$bbuserinfo[userid]'
};
</script>


It is already integrated within the Product so I would say you forum with two names to see if they are on the messenger list?

But I just took a look at your page and you have your Vbulletin within the Root folder of your website and not a Forum Folder so I taken, Now the error you are finding is in the Red highlights here:

So I fixed a new product for you, just download the attachment below!

<script type="text/javascript">
var _SKYAUTH = {
loginUrl:'/forum/login.php?u=$bbuserinfo[userid]',
memberNick:'$bbuserinfo[username]',
memberId:'$bbuserinfo[userid]',
profileUrl:'/forum/member.php?u=$bbuserinfo[userid]',
photoUrl:'/forum/image.php?u=$bbuserinfo[userid]'
};
</script>


Let me know if it still is not working for you.

christicehurst
02-12-2010, 11:56 AM
Hang on it works now. I removed /forum/ from it. I'll try and wake up. Great mod, what other stuff can I do with it?

TRa5H
02-12-2010, 12:16 PM
Ok I updated the MOD log at the top hopefully that helps..

You can manage the bar itself through www.skysa.com

As you can see on the LIVE DEMO (http://www.weltmuzik.com/forum/index.php)

I have designed the bar to match the site.. with my own ICONS and Artwork and Color Schemes..

I also added the Navigation app on the left side of the bar with the Welt Muzik Logo so there is a Navigation Menu pop out sort like Windows Start Menu and each link is a .php page within my Forum.

It is a very unique bar and above you can see the widgets Above and I currently am working on an Updated Version of the script where "Unregistered Users" will not be able appear logged into the bar or be able to message Online Members.

SO just keep checking back for updates..

And if you could Mark Installed thanks!


Ps: I am also going to be trying to design a whole logged program which allows the user to state what directory the forum is in like you were having so just like when you install vbulletin and it asks for your "Root" and then "Forum" It will do the same that way noone will have to download more than one script it will be incorporated.

I would also like to add Social and Usergroup access so if you are in a certain Social Group it has a seperate column for your Social group members or vise versa with User Group..

I know you it is also possible to change your own .CSS file to auto change colors to match the User/Members choice of which Template they Select.

I have many ideas for the full Release .. the only problem that i am having is the whole Javascript buisness .. i am new to Javascript well lol I am a Game Design major that knows a bunch of coding yet is just starting to improve my web design haha and VB!


Also here is a link to the icons I used if you are interested in the icons. (http://www.iconarchive.com/)

So just keep checking back!

Bluefin221
02-12-2010, 03:47 PM
Would like to see this for vb4 series.

TRa5H
02-12-2010, 03:55 PM
I will be working on a Version for VB4 as soon as I download VB4 ..

I do not know any of the new Variable Language that is being used. but soon enough ..

In the works!

Cybertims
02-12-2010, 04:13 PM
It needs to be able to be shown only on certain pages, it's a useless item on Who's online page for instance.

Cheers

TRa5H
02-13-2010, 01:34 AM
Ok I will try to figure out how to incorporate that into the user configuration..

But its more of a universal toolbar..

Like I have on my www.welmuzik.com/forum site I have a navigation bar built in on the left like a start menu..

Check it out if you know what I mean..

But yes I am slowly adding more user friendly configuration within the product for the actual release..

I am still new to all this lol..

Also the Who's Online Button Is an Im feature like AIM/ICQ as well kinda like Comet Chat ingeration.

So its not just a list of who is online its a live messenger.

Thanks for the help if you know how to do this already It would help even better thanks!

klaush
02-13-2010, 06:36 PM
Great stuff! We need to have the possibility to add users permissions.

Possible?

TRa5H
02-13-2010, 10:14 PM
I will be on that!

angeldevil
02-14-2010, 12:16 AM
Look very nice will try it later :)

TRa5H
02-17-2010, 07:09 AM
I am glad people are enjoying this...

I am currently working on updating the User Permissions so keep checking back!

bada_bing
02-17-2010, 07:57 PM
Yes needs usergroup permissions before I install

TRa5H
02-19-2010, 06:28 PM
A bit of an update..

I am still working on the user groups permissions for this product.. which in my case is not useless to have but i myself wont feel the need for it except to stop unregistered users from access to the messenger and chatroom.. as for other options I have figured a way to add friends list into the chat so you can have a seperate list of friends in the chatroom and messenger.. I will release this in the next update after I figure out how to make the user list only show friends if you want or at least minimize the online users list within the list sorta like Aim, yahoo and MSN...

Keep checking back for updates thanks!

havard20009
02-20-2010, 07:51 AM
hi guys
thank you about this mod
but i have problem with my template

TRa5H
02-20-2010, 12:25 PM
whats wrong with the template?

Let me know I might be able to help.

havard20009
02-20-2010, 03:24 PM
hi buddy
thank you about reply
my problem is my template extend from Width
what can i do ?

TRa5H
02-21-2010, 07:31 AM
You mean the toolbar is larger than your template or does the toolbar make your template change from its original form?

and what is the link to you forum so i can see the size changes... it might not be the product itself it might be that your template has the code set within your forums footer code where the destination for the products code is sent within your footer..

either way let me know the exact details so I can help.. i might be able to change the product for you personally.. :)

Cybertims
02-21-2010, 08:53 AM
Simple mod to this....

I only wanted this to load one one page rather than every page and each time I read a thread....so I changed this below in the Skysa Toolbar/Global_start plugin, I removed all text and replaced with this....

index being the main page you want it to load on, rename that to whatever you want if you need it to load elsewhere.

if(THIS_SCRIPT == index')
{
eval('$skysa_toolbar = "' . fetch_template('skysa_javascript') . '";');
}

TRa5H
02-22-2010, 06:43 AM
Awesome!!

Cybertims
02-22-2010, 09:07 AM
or if you need it to show on multiple pages try this...

if (in_array(THIS_SCRIPT, array('index', 'forum', 'forumdisplay')))
{
eval('$skysa_toolbar = "' . fetch_template('skysa_javascript') . '";');
}

Renaming, replacing or removing the pages index, forum or forumdisplay if you so wish.

TRa5H
02-26-2010, 05:42 AM
When I finish the Final Full product I will give you credit for this help..

I am currently working on the user permissions and I will be adding this in..

So that when you imput the Serial in vbulletin option there will be user permission options as well as default or edited page options using your code.

If this is alright with you there Cybertims?

Cybertims
02-26-2010, 09:17 AM
When I finish the Final Full product I will give you credit for this help..

I am currently working on the user permissions and I will be adding this in..

So that when you imput the Serial in vbulletin option there will be user permission options as well as default or edited page options using your code.

If this is alright with you there Cybertims?There may be much better ways of achieving the same result as I wanted, I'm just not a coder and still learning the ropes mate, this worked for me so I thought I'd share it is all.....I dont need any credit for this, you carry on as you wish.

Cheers and thanks for the MOD

TRa5H
02-27-2010, 07:18 AM
Sounds good... I am glad you like it!

Drareg
02-27-2010, 06:56 PM
Interesting, but I would like to test it first if possible.
I have a test style on our board (3.8.2) can I just use it for this style so memebers can't see it yet?

Oh I now see it is for 3.8.4 so I guess it won't work with 3.8.2, hmmm shame! Or does it also work with 3.8.2?

TRa5H
03-05-2010, 05:21 AM
should work for all 3.8

bada_bing
03-11-2010, 07:34 PM
When I finish the Final Full product I will give you credit for this help..

I am currently working on the user permissions and I will be adding this in..

So that when you imput the Serial in vbulletin option there will be user permission options as well as default or edited page options using your code.

If this is alright with you there Cybertims?

Any updates to the usergroup permissions?

hpidriver
03-23-2010, 05:00 AM
looks like a great add on but everytime i enable this i get this error message "Parse error: syntax error, unexpected T_VARIABLE in forumroot/public_html/forums/global.php(834) : eval()'d code on line 41"

Any help would be greatly appreciated, ide love to get this running on all my forums.

staticrebelle
03-25-2010, 11:42 AM
Great mod! Thanks for introducing me to Skysa!

bada_bing
03-25-2010, 01:54 PM
Is this hack DEAD as it been released IN February and no updates to these features

FUTURE UPDATES:

* Blocked Access to Unregistered Users

* Automated .CSS for Multi-Colored Template Add Ons

* Integrated Folder Destination for Javascript Database

* Skysa Development Liscense Support

* Vbulletin Version 4.0.0 Integration

Saviour
04-18-2010, 06:52 PM
Anyone still supporting this hack?

Saviour
04-18-2010, 06:58 PM
By the way...

photoUrl:'/forum/image.php?u=$bbuserinfo[userid]'

The above only grabs the image if the image is stored in the database. What if the vbulletin users are using the filesystem method?

Saviour
04-21-2010, 11:34 PM
I see we have a posting, or two, about how to modify this hack's Global Start plugin in order to display the toolbar on certain pages. However, I want to display it on all pages of the site...except for the Who's Online page.

So...instead of modifying the code to include every page I want it displayed on...can someone show me how to modify the code to just exclude the online.php page?

Thanks in advance...

Update...

Never mind...It's been worked out.

Alphaforums.com
05-30-2010, 03:14 PM
Yes, we need to get this working on VBulletin 4, it is above mandatory. Meanwhile, I checked a https://vborg.vbsupport.ru/external/2012/01/12.gif and nominated for MOTM.

We need this man! :) :up:

CrosseyedGamer
07-18-2010, 12:07 AM
does not seem to work in 4.0.5..

CyBrSuFr
08-28-2010, 05:36 PM
Installed on 3.8.5 and working perfect. Marked as installed and voted 4 MOTM

Thanks for a great addition

Devil_Dog
09-17-2010, 04:13 AM
Would love to see this for VB 4.0

SBlueman
12-31-2011, 05:40 AM
My website uses "forums" not "forum". What changes do I need to make besides this:

loginUrl:'/forums/login.php?u={$vbulletin->userinfo[userid]}',
memberNick:'{$vbulletin->userinfo[username]}',
memberId:'{$vbulletin->userinfo[userid]}',
profileUrl:'/forums/member.php?u={$vbulletin->userinfo[userid]}',
photoUrl:'/forums/image.php?u={$vbulletin->userinfo[userid]}',
friendsCall:'/forums/member.php?u={$vbulletin->userinfo[userid]}#friends'

to not get this resulting URL when trying to view a member's profile:

http://gridironfans.com/forum/member.php?u=1

it should be:

http://gridironfans.com/forums/member.php?u=1

ladytechlv2012
08-24-2012, 03:21 AM
Has anyone had any luck with Skysa and 4.2? I would be willing to pay someone to install this on my site.

Thanks

kylek
02-27-2013, 07:56 PM
I found an easy way to use Skysa and vb4. This works for us as we have no ads or banners at the bottom of the page.

Admincp > advertising > add new add.

Now if you want it just on the forums you can select forum and use the Below Threadlist area.

If you want it all over - select global and use the Above Footer area.

We got this code from Skysa when we signed up for the bar.

<a href="http://www.skysa.com/page/features/live-support-chat" id="SKYSA-NoScript">Live Support</a><script type="text/javascript" src="//static2.skysa.com?i=xxxxxx-xxxxxxx-xxxxxxx-xxx" async="true"></script>

All I did was place this in the ad html box, gave it a title, and saved, and it works.