Little square emoticons

From: af (CAER) 5 Dec 2010 12:59
To: ALL1 of 26
Hullo! I have made some emoticons!

They look like this:

(or see here for individual versions)

I know, only 10 so far, but I have Plans to make more.

How do I go about setting them up in a format that Beehive can understand? I would like to offer them for use here :D

edit: made some more.
EDITED: 5 Dec 2010 16:31 by CAER
From: Peter (BOUGHTONP) 5 Dec 2010 13:19
To: af (CAER) 2 of 26
Grab Beehive from SourceForge.

Locate beehiveforum/forum/emoticons directory.

Copy any of the first three folders (boughton|default|edd).

Put your images in the images sub-dir - ideally use the same filenames as the ones they're replacing (that's less work, but not essential).

Edit style.css to update the width, height, and font-size values as appropriate. (If you've got different image names, change them here too.)

Remove or comment any not-yet-created emotes in this file and in definitions.php mapping file.
Put a sensible description in desc.txt

Done.

To get them actually in the main Beehive, remove the two .svn directories (enable view hidden folders if necessary), then zip the whole thing up and give it to someone with commit access.
From: af (CAER) 5 Dec 2010 13:24
To: Peter (BOUGHTONP) 3 of 26

Tankyew kindly, I shall get right on it!

 

One thing though: since there's not many emotes in my set yet, what happens if someone uses one that's not there? Does it just appear as text?

EDITED: 5 Dec 2010 13:25 by CAER
From: Peter (BOUGHTONP) 5 Dec 2010 13:46
To: af (CAER) 4 of 26
Yep.

You can test it to be sure by entering stuff that's only on the Trillian set (the default one, here) and then switching to the others.
From: af (CAER) 9 Dec 2010 22:06
To: Peter (BOUGHTONP) 5 of 26
From: Peter (BOUGHTONP)10 Dec 2010 11:56
To: af (CAER) 6 of 26

That all looks ok.

 

Seems I've not got Beehive SVN checked out here though, so best to prod Matt - plus he'd need to add it to here anyway.

EDITED: 10 Dec 2010 11:56 by BOUGHTONP
From: af (CAER)10 Dec 2010 13:26
To: Matt 7 of 26
*prod*
From: Matt10 Dec 2010 14:33
To: af (CAER) 8 of 26
*punch*
From: af (CAER)10 Dec 2010 14:33
To: Matt 9 of 26
Thanks :D

*drinks*
From: Matt11 Dec 2010 16:16
To: af (CAER) 10 of 26
Your CSS is too complicated for Beehive to be able to parse :D

Make it simpler, like the CSS from the other emoticon packs and they should work then.
From: af (CAER)11 Dec 2010 20:06
To: Matt 11 of 26
(fail)

I was only trying to be efficient :((
From: af (CAER)11 Dec 2010 20:36
To: Matt 12 of 26
From: Matt12 Dec 2010 20:10
To: af (CAER) 13 of 26
They're in and up here.

I ended up removing the CSS parsing. Decided it's not worth worrying about, of course it means if you (or any other emoticon authors) have forgotten to add the CSS for any of your emoticons then they won't display, but I figured that'd be better than not offering them for use.
From: Peter (BOUGHTONP)12 Dec 2010 20:56
To: Matt 14 of 26
I'm getting some missing stuff (image-wise) with the default/trillian emotes.

These ones: }:> >.< ^.^ <_<
From: Matt12 Dec 2010 21:30
To: Peter (BOUGHTONP) 15 of 26
I think they're from your's and Edd's emoticon packs and never existed in the Trillian pack that Jay made, at least there are no images for them.

I shall remove them.
From: af (CAER)12 Dec 2010 22:48
To: Matt 16 of 26
Are you saying my CSS was still too complicated? I tried to make it even simpler than it was :'D

But anyway, thank you Matt :D :D

(except I realise I forgot to include the 1px offset to nudge the emote images down a bit, but I dunno if it'd even work with Beehive. I also borrowed Beehive's inner <span> trick to show the text representation of the emote if CSS isn't available :$ )

Incidentally, how do I post code that contains the <code> tag? e.g. like this only with actual < instead of &lt;
JavaScript code:
var codify = function(inp) {
    // Wraps 'inp' in &lt;code> tags
    return ["&lt;code>", inp, "&lt;/code>"].join("");
};
If the &lt; are changed to a <, it gets all confused and closes the tag early:
JavaScript code:
", inp, "
"].join(""); };
Seems ok with other tags:
JavaScript code:
var headify = function(inp) {
    // Wraps 'inp' in <h1> tags
    return ["<h1>", inp, "</h1>"].join("");
};


Edit: I guess it's a tricky thing to solve, cos you'd have to keep track of all <code> and </code> and only treat the outermost ones as actual tags.
EDITED: 12 Dec 2010 22:55 by CAER
From: af (CAER)13 Dec 2010 14:38
To: Matt 17 of 26
Also, I am a fool and have mistakenly defined the :{) emote as :{

Can you pretty please fix it? :$
From: koswix16 Dec 2010 14:44
To: Matt 18 of 26

Hello lovely Matt.

 

Just been to change my emotes to Caer's and noticed that the Preview link doesn't work until you save the changes to your emotes (well it works, but shows the previous emotes you had selected).

 

Mwah x

 

(Firefox 3.6.8 on Win 7)
</bug report>

EDITED: 16 Dec 2010 14:45 by KOSWIX
From: af (CAER)16 Dec 2010 14:49
To: koswix 19 of 26
I noticed that too :$
From: Matt16 Dec 2010 17:03
To: koswix 20 of 26
What you should be doing is clicking Save, then click Preview. If you don't like them, choose another pack, click Save and repeat until happy.

HTH.

</not bug>