Jump to content

Emojis :: Ultimate Emoticons Pack


sijad

Recommended Posts

  • Replies 111
  • Created
  • Last Reply

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

Link to comment

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?

Link to comment

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

 

 

 

 

 

 

Link to comment
  • 2 weeks later...

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

Link to comment

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.

 

Link to comment

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.

Link to comment
  • 2 weeks later...

Archived

This topic is now archived and is closed to further replies.

  • Recently Browsing   0 members

    • No registered users viewing this page.

×
×
  • Create New...