Ставить в html в форме ответа!
<style>
.input #main-reply{width: 75%; display: inline;}
.smiles {width: 23%; float: right; margin-top: -180px; height: 170px;overflow: auto;}
</style>
<div class="smiles">
<img src="http://www.kolobok.us/smiles/standart/acute.gif" alt="Колобок-смайл" onclick="smile('')" />
<img src="http://www.kolobok.us/smiles/standart/aggressive.gif" alt="Колобок-смайл" onclick="smile('')" />
<img src="http://www.kolobok.us/smiles/standart/agree.gif" alt="Колобок-смайл" onclick="smile('')" />
<img src="http://www.kolobok.us/smiles/standart/air_kiss.gif" alt="Колобок-смайл" onclick="smile('')" />
<img src="http://www.kolobok.us/smiles/standart/bad.gif" alt="Колобок-смайл" onclick="smile('')" />
<img src="http://www.kolobok.us/smiles/standart/beee.gif" alt="Колобок-смайл" onclick="smile('')" />
<img src="http://www.kolobok.us/smiles/standart/black_eye.gif" alt="Колобок-смайл" onclick="smile('')" />
<img src="http://www.kolobok.us/smiles/standart/blum2.gif" alt="Колобок-смайл" onclick="smile('')" />
<img src="http://www.kolobok.us/smiles/standart/blum3.gif" alt="Колобок-смайл" onclick="smile('')" />
<img src="http://www.kolobok.us/smiles/standart/blush2.gif" alt="Колобок-смайл" onclick="smile('')" />
<img src="http://www.kolobok.us/smiles/standart/boast.gif" alt="Колобок-смайл" onclick="smile('')" />
<img src="http://www.kolobok.us/smiles/standart/boredom.gif" alt="Колобок-смайл" onclick="smile('')" />
<img src="http://www.kolobok.us/smiles/standart/censored.gif" alt="Колобок-смайл" onclick="smile('')" />
<img src="http://www.kolobok.us/smiles/standart/clapping.gif" alt="Колобок-смайл" onclick="smile('')" />
<img src="http://www.kolobok.us/smiles/standart/cray.gif" alt="Колобок-смайл" onclick="smile('')" />
<img src="http://www.kolobok.us/smiles/standart/dance.gif" alt="Колобок-смайл" onclick="smile('')" />
<img src="http://www.kolobok.us/smiles/standart/dance2.gif" alt="Колобок-смайл" onclick="smile('')" />
<img src="http://www.kolobok.us/smiles/standart/dance3.gif" alt="Колобок-смайл" onclick="smile('')" />
<img src="http://www.kolobok.us/smiles/standart/dance4.gif" alt="Колобок-смайл" onclick="smile('')" />
<img src="http://www.kolobok.us/smiles/standart/laugh1.gif" alt="Колобок-смайл" onclick="smile('')" />
<img src="http://mybb.ru/f/collection/0208.gif" alt="автор Bloom" onclick="smile('')" />
<img src="http://mybb.ru/f/collection/0211.gif" alt="автор Bloom" onclick="smile('')" />
<img src="http://mybb.ru/f/collection/0213.gif" alt="автор Bloom" onclick="smile('')" />
<img src="http://i039.radikal.ru/0806/ec/a5ffc6d7cfd9.gif" alt="автор Bloom" onclick="smile('')" />
<img src="http://mybb.ru/f/collection/0217.gif" alt="автор Bloom" onclick="smile('')" />
<img src="http://mybb.ru/f/collection/0224.gif" alt="автор Bloom" onclick="smile('')" />
<img src="http://i053.radikal.ru/0806/7f/8b80a2497566.gif" onclick="smile('')" />
<img src="http://mybb.ru/f/collection/0226.gif" alt="автор Bloom" onclick="smile('')" />
<img src="http://mybb.ru/f/collection/0229.gif" alt="автор Bloom" onclick="smile('')" />
<img src="http://mybb.ru/f/collection/0230.gif" alt="автор Bloom" onclick="smile('')" />
<img src="http://i008.radikal.ru/0806/c4/39d56aaa7dad.gif" onclick="smile('')" />
<img src="http://i023.radikal.ru/0806/0e/0f0c289d656c.gif" onclick="smile('')" />
<img src="https://forumupload.ru/uploads/0000/14/1c/346394-1.gif" onclick="smile('')" />
</div>
Как добавить свои смайлы:
<img src="http://www.kolobok.us/smiles/standart/laugh1.gif" alt="Колобок-смайл" onclick="smile('
Указанную строчку можно размножать, дважды заменяя адрес на свой.