Help with jQuery Mods and Hacks for your Ning Network!
( 3/1/14: There is an updated and unbranded version of the Smiley package for Ning 3.0 available for $15. Pay at email@example.com and then write me at TJ@bkserv.com and I'll send you the code for the updated and unbranded version. Thanks! )
Here is our port of the very popular jQueryHelp Smileys package, for Ning 3.0!
There are well over 300 Ning networks that have our smiley package on them. Now we'll be converting it to work on the Ning 3.0 platform. This is our first version and works for comments on photos and blogs.
[JULY 2013 - Code updated to fix the Photobucket image issue, read more here: http://jqueryhelp.ning.com/forum/topics/ning-3-0-emoticons]
If you want to try it out on your Ning 3.0 site, please add this code to your Custom Code "End of Page Code" box:
<!-- Setup file for More Smileys - Add your own custom Smileys -->
<!-- Smileys 7A for Ning 3.0 - from TJ at http:// jQueryHelp.ning.com - DO NOT DELETE THIS! -->
If you want to try this, copy it exactly as you see it here into your custom code box. DO NOT Change Anything!
Read about our popular smiley package for Ning 2.0 here: http://jqueryhelp.ning.com/forum/topics/try-smileys-version-6-for-the
If you are using your own smiley files then you should just size them to whatever size you want.
Or maybe if a class is assigned to the smiley images, then CSS could be used to size them. The code contains these 2 lines:
var imgStart = "<img src='http://www.bkserv.net/images/";
var imgStartNoPath = "<img src='";
They could be changed to give a class to the smileys.
var imgStart = "<img class='smileyClass' src='http://www.bkserv.net/images/";
var imgStartNoPath = "<img class='smileyClass' src='";
Then you could add a CSS style rule, something like
I'm not sure if this CSS would work with svg files, but I found an article that might help:
I don't do much CSS so I'm not sure about the article, but it might work.
If it were me, I'd convert the svg files to gif or jpg or png.