How to insert custom smilies or emoticons in phpBB 3.xx (version 3)

October 13th, 2011

Adding custom smilies and emoticons to your phpBB forum is an easy way to insert personal style to your boards. It’s also rather easy to do once you know how. Unfortunately for me, when I searched for how to do it I got outdated information that applied to phpBB 2. I will never, ever, EVER accuse the phpBB interface of being intuitive, so figuring out how to do it in version 3 was a lot more painful than it should have been. If you’ve found this post, I hope to save you the trouble I ran into. Here’s how to add custom smilies in phpBB 3.xx.

  • First off, make the actual smilies. Typically each smilie should be a 16×16 gif file. They can be animated. It helps if the file name is the same as the emotion the emoticon is expressing.
  • Upload the smiles to the “images/smilies” directory of your phpBB installation.
  • Log into the admin panel for phpBB.
  • Click on the “Posting” tab.
  • Click on “Smilies” in the left hand menu.

If you’re only adding a few smilies
If you’re only adding a few smilies, it’s probably fastest to do this individually through the phpBB interface. Click the “Add multiple smilies” button at the bottom of the page. You’ll then be taken to a page where you can select any image in the “smilies” directory and assign it a shortcode.

Hint: It’s best to create a shortcode surrounded by colons or some other marker to distinguish them from regular text, like :smile: If you just use a word, like “smile,” then anytime a visitor uses the word “smile” in a post it will be replaced by the emoticon.

phpBB smilies

If you’re adding several smilies
If you’re adding several smilies, it’s faster to create a .pak file that will import all the settings at once. You can create the proper file using Dave’s and Mykee’s *.pak Generator for phpBB 3.xx that’s hosted on RapidShare. (Click the green button in the middle of the page to download. I think they make it confusing on purpose.) According to this forum post you need VB6 runtime installed for it to work.

.pak generator

If you want the emoticons to show up on the right side of the screen when people are writing a post, be sure to uncheck the “Hide” checkbox on the left. Otherwise visitors will have to click a link under the regular emoticons to get a pop-up showing the extra emoticons, which sounds like a total pain. Check the “Click here!” box and you will be prompted to choose the directory that has your emoticon images. Your code will then be populated in the white box. Click the “Generate File” button to save the .pak file.

If the generator doesn’t work for you, you can make the .pak file by hand. Each line in the .pak file gives phpBB instructions on how to insert the emoticon in this format:

ImageFileName, ImageWidth, ImageHeight, Show on posts screen (0 or 1), Emotion, Shortcode

So an example line from my .pack file looked like this:

'angry.gif', '23', '19', '1', 'angry', ':angry:', 

Upload the .pak file to the “smilies” directory on your server which also includes all the smilie images. Go back to the Posting -> Smilies screen in the admin panel and click the “Install smilies package” link at the top right of the page. Your .pak file should be available to select from the dropdown. Select how you want to handle duplicate files. If you select the “Delete All” option, you will delete all other emoticons from the listings, whether they are duplicates or not. The images will still be on the server, they just won’t be listed. When you’re ready, click “Install smilies package.” That’s it! The smilies will now be active.

If you happen to accidentally delete the default smilies (not that I would ever do that), you can reimport them by selecting “smilies.pak” from the dropdown. If that’s missing from your installation, you can download the default emoticon pak here.

If you ever need to edit and delete smilie, this can also be done on the Postings -> Smilies page.

Have fun, and don’t forget to smile while you’re at it!

Leave a Reply