Jump to content
Invision Community
sijad

Emojis :: Ultimate Emoticons Pack

Recommended Posts

That is how I installed it the first time. 

it seems you didn't upload files in right place, does this files exists? '{IPS4_ROOT_FOLDER}/system/3rd_party/Sod/Emojis.php'

also please make sure your apache or nginx user (_www?) have right to access this files

Share this post


Link to post
Share on other sites

I noticed it wasn't moving those files so I moved them manually(its weird because other plugins installed and moved fine before). It seems to have installed and even changing the settings don't error anymore. Now I wonder how do I actually get the emoticons to show up in the editor. Or do I have to make them myself?

Share this post


Link to post
Share on other sites

I noticed it wasn't moving those files so I moved them manually(its weird because other plugins installed and moved fine before). It seems to have installed and even changing the settings don't error anymore. Now I wonder how do I actually get the emoticons to show up in the editor. Or do I have to make them myself?

This is what I did;

1. Upload all the files to the server.
2. Install the plug-in via the ACP (System >Plugins).
3. Adjust the settings in the ACP for the plugin (System > Plugins > Emojis) – I use .svg for the sake of responsive devices.
4. Go to the Customisation section of the ACP (Customisation > Emoticons) and delete all the old emoticons you have.
5. In the same area, click on 'Import Emoji Set'. Then select a pack you want to import (import them all) and just name them the same as the pack name (Nature = Nature, Emoticons = Emoticons, etc).
6. That's how you import them into the editor. You may need to then go to your skin css files and add the following to the Emoji.css file…

.ipsType_richText img.emoji{
	border:none !important;
	padding: 0 0 1px 0 !important;
	margin:0 2px;
    width: 1.5em !important;
}

.ipsEmoticons_item img {
    width: 36px !important;
    height: 36px !important;
}

img.emoji {
    width: 1.5em !important;
}

^ Those are my settings. I use em instead of px to get the emoji to adjust to the same height of my text (as the text changes on responsive view).

If you use .svg (recommended), you will need to add that to the CKEditor's .css file (APPLICATIONS/CORE/INTERFACE/CKEDITOR/CKEDITOR/SKINS/IPS/]CONTENTS.CSS). You may also need to adjust the IPSCONTENTS.CSS file too – I can't recall how it's setup. If you fail to do that, the images in the editor will appear full size (which fills up the window).

 

– Gabe

 

 

 

 

 

 

Share this post


Link to post
Share on other sites

Nice addon, bought it earlier today to help save me some time.

However, i cannot for the life of me figure out how to add new sets?

As Food, Celebration, Activity are not included in the sets with this plugin o.o

Share this post


Link to post
Share on other sites

Hi, sorry guys but due to some personal issue with IPS i can't support my files anymore, I'm looking for a new developer to support this file, this file will be support for free so anyone who needs refund please send me PM

thanks

Share this post


Link to post
Share on other sites

Just installed it. Thank you :)

There is an issue with displaying them in Shoutbox.

Default group will display but it show in one vertical column:

SNAG-0005.thumb.gif.c82072c773e711fbee63

Other groups don't display at all:

SNAG-0006.thumb.gif.27ff8cd20cae6672ffb2

I can confirm this as i had the same issue actually :|

Share this post


Link to post
Share on other sites

I did investigate more and this is a code for one particular emoji I see...

Shoutbox (wrong code):

<div class="sbEmoList" title=":house:" data-emoticon=":house:" data-action="emo_emo">
<img src="http://www.smartestcomputing.us.com/uploads/emojis_1f3e0" title="">
</div>

Reply:

<div class="ipsEmoticons_item" title=":house:" data-src="//twemoji.maxcdn.com/36x36/1f3e0.png" data-emoticon=":house:">
<img src="//twemoji.maxcdn.com/36x36/1f3e0.png" title="">
</div>

 

This a code from "emoticons' Template in Shoutbox:

<div class='ipsEmoticons_category' data-categoryid='{$k}'>
                        {{foreach (array) $group['emoticons'] as $emo}}
                            <div data-action="emo_emo" class="sbEmoList" data-emoticon="{$emo['text']}" title="{$emo['text']}"><img src="{$emo['src']}"></div>
                        {{endforeach}}                
                    </div>

It looks like Ultimate Emoticons Packs doesn't overwrite Shoutbox code at all.

 

Edited by broni

Share this post


Link to post
Share on other sites

Hi, sorry guys but due to some personal issue with IPS i can't support my files anymore, I'm looking for a new developer to support this file, this file will be support for free so anyone who needs refund please send me PM

thanks

Sorry to hear that @sijad - hopefully you can resolve the issues with IPS.

Share this post


Link to post
Share on other sites

I have another issue after installing the pack.

Inside posts all copyright, trademark and such signs look like this:

SNAG-0001.thumb.gif.8e5ecbad6efe1423bf6e

If I look at the source code IPB treats those signs as smileys:

SNAG-0002.thumb.gif.d4c334ff41e6b921afb5

Example: http://www.smartestcomputing.us.com/topic/82241-my-other-laptop-with-vista-has-been-hit-also/#comment-300204

only way images would show would be if been added !

Share this post


Link to post
Share on other sites

  • Recently Browsing   0 members

    No registered users viewing this page.

×