HTML Logo by World Wide Web Consortium ( Click to learn more about our commitment to accessibility and standards.

Moving forward with Composr

ocPortal has been relaunched as Composr CMS. ocPortal 9 is superseded by Composr 10.

Head over to for our new site, and to our migration roadmap. Existing ocPortal member accounts have been mirrored.

ocPortal Tutorial: The ocPortal emoticon system

Written by Chris Graham, ocProducts
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 ocPortal will use those from the forum.

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

OCF emoticons

Thumbnail: Adding an emoticon

Adding an emoticon

OCF 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 (in the 'Style' section of the Admin Zone, under the 'Emoticons' icon).

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 zip 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
:constipated: :constipated:
:upsidedown: :upsidedown:
:christmas: :christmas:
:depressed: :depressed:
:puppyeyes: :puppyeyes:
:rolleyes: :rolleyes:
:offtopic: :offtopic:
:whistle: :whistle:
:cyborg: :cyborg:
:thumbs: :thumbs:
:hippie: :hippie:
:shutup: :shutup:
:guitar: :guitar:
:ninja2: :ninja2:
:rockon: :rockon:
:sinner: :sinner:
:drool: :drool:
:devil: :devil:
:shake: :shake:
:party: :party:
:ninja: :ninja:
:sarcy: :sarcy:
:sick: :sick:
:nerd: :nerd:
:king: :king:
:hand: :hand:
:cool: :cool:
:zzz: :zzz:
:dry: :dry:
:wub: :wub:
:nod: :nod:
:lol: :lol:
:'( :'(
(K) (K)
^_^ ^_^
O_o O_o
:P :P
:$ :$
;) ;)
:( :(
:) :)
:| :|
:o :o
:D :D
:S :S
:@ :@


A small graphical of a facial expression placed into the flow of text by typing a special symbol that often resembles the face as laid sideways; provides emotional sub-text
A synonym for emoticon

See also