Composr Tutorial: The Composr emoticon system

Written by Chris Graham
Emoticons (also known as smilies) are little images used to convey 'emotion' within text. These are an important part of informal communication on the Internet, as body language and tone are not available to (sub-consciously) transmit the same information.

Without use of emoticons, it can be impossible (unless the writer took great care to express themselves fully) to gauge unwritten details, such as the importance of what is being written, or the writer's emotional perspective on it.

If you are using a third-party forum, that forum will be responsible for management of emoticons, and Composr will use those from the forum.

If you are using the Composr forum, Conversr, emoticon management features are provided, as well as a very large set of emoticons.

Table of contents

  1. Composr Tutorial: The Composr emoticon system
    1. Conversr emoticons
    2. See also

Conversr emoticons

Image

Adding an emoticon

Adding an emoticon

(Click to enlarge)

Conversr emoticons are tied into the theme image system, although you are unlikely to need to know this as the images may be manipulated using direct features (Admin Zone > Style > Emoticons). You'll find links to add or edit emoticons. You can delete an emoticon from the bottom of its edit form.

Images are associated with the 'code' that is typed to place the emoticon. You may have multiple codes per image, by using a single image in multiple emoticons: the interface allows you to select from existing images when you add. It is possible to bulk import emoticons from a selection of image files.

Emoticons are given a relevancy level, which determines which areas they are listed for use in. The relevancy levels are described in the interface.
You can also determine whether an emoticon can be used as a 'topic emoticon' (an emoticon placed next to a topic on the forum). It is best to only use standard sized emoticons as topic emoticons.

Code Image Code Image Code Image Code Image
:reallybadday: :reallybadday: :constipated: :constipated: :upsidedown: :upsidedown: :depressed: :depressed:
:puppyeyes: :puppyeyes: :christmas: :christmas: :offtopic: :offtopic: :rolleyes: :rolleyes:
:birthday: :birthday: :whistle: :whistle: :goodbye: :goodbye: :fishing: :fishing:
:thumbs: :thumbs: :shutup: :shutup: :cyborg: :cyborg: :hippie: :hippie:
:ninja2: :ninja2: :rockon: :rockon: :sinner: :sinner: :guitar: :guitar:
:cowboy: :cowboy: :ninja: :ninja: :shake: :shake: :drool: :drool:
:devil: :devil: :party: :party: :sarcy: :sarcy: :angel: :angel:
:fight: :fight: :tired: :tired: :cool: :cool: :hand: :hand:
:sick: :sick: :nerd: :nerd: :king: :king: :idea: :idea:
:boat: :boat: :whew: :whew: :dry: :dry: :wub: :wub:
:lol: :lol: :zzz: :zzz: :nod: :nod: :hug: :hug:
:'( :'( O_o O_o ^_^ ^_^ (K) (K)
:P :P :( :( :) :) :o :o
;) ;) :$ :$ :| :| :D :D
:S :S :@ :@
Code Image
:reallybadday: :reallybadday:
:constipated: :constipated:
:upsidedown: :upsidedown:
:depressed: :depressed:
:puppyeyes: :puppyeyes:
:christmas: :christmas:
:offtopic: :offtopic:
:rolleyes: :rolleyes:
:birthday: :birthday:
:whistle: :whistle:
:goodbye: :goodbye:
:fishing: :fishing:
:thumbs: :thumbs:
:shutup: :shutup:
:cyborg: :cyborg:
:hippie: :hippie:
:ninja2: :ninja2:
:rockon: :rockon:
:sinner: :sinner:
:guitar: :guitar:
:cowboy: :cowboy:
:ninja: :ninja:
:shake: :shake:
:drool: :drool:
:devil: :devil:
:party: :party:
:sarcy: :sarcy:
:angel: :angel:
:fight: :fight:
:tired: :tired:
:cool: :cool:
:hand: :hand:
:sick: :sick:
:nerd: :nerd:
:king: :king:
:idea: :idea:
:boat: :boat:
:whew: :whew:
:dry: :dry:
:wub: :wub:
:lol: :lol:
:zzz: :zzz:
:nod: :nod:
:hug: :hug:
:'( :'(
O_o O_o
^_^ ^_^
(K) (K)
:P :P
:( :(
:) :)
:o :o
;) ;)
:$ :$
:| :|
:D :D
:S :S
:@ :@


See also


Feedback

Please rate this tutorial:

Have a suggestion? Report an issue on the tracker.