jQueryHelp

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 pay@bkserv.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 -->
<script type="text/javascript" src="https://api.ning.com/files/3vrxTCw6TBxQ28vy-AJA0xAiYJXyYqKSzovM5qtyCenxxL0XaZ4OzOfuoGlGREC*aJ2HGqmX*H-Gag9JcugqNL6HHIkvmK1u/BKMoreSmileyData2.js"></script>
<!-- Smileys 7A for Ning 3.0 - from TJ at http:// jQueryHelp.ning.com - DO NOT DELETE THIS! -->
<script type="text/javascript" src="https://api.ning.com/files/TpH3GRQjXIN3CU0GhEMsHmxZ3XJtkOt8X8k3T6-6Z3GXLMpdvwAICyMjIifrMZ4OWPRiWPA9RESpi5-WjuyxdxDSQe6rJV2a/SmileyTest7A.js"></script>

 

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

Best wishes!

"TJ"

'TJ' is the Owner of jQueryHelp.
Please Visit http://YouTubeStars.com - Thanks!

Views: 1137

Reply to This

Replies to This Discussion

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

.smileyClass {

  max-width: 24px;

  max-height: 24px;

}

I'm not sure if this CSS would work with svg files, but I found an article that might help:

https://css-tricks.com/scale-svg/

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.

'TJ' is the Owner of jQueryHelp.
Please Visit http://YouTubeStars.com - Thanks!

Reply to Discussion

RSS

Notifications

Temporarily Offline

Friends of Friends

© 2018   Created by TJ @ jQueryHelp.   Powered by

Badges  |  Report an Issue  |  Terms of Service

EOP
EOP2