<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>

<div>
<input type="Button" value="Дополнительные смайлы" onclick="return showhide(this)">
<p style="display:none">
<img src="адрес смайла" style="cursor:pointer"onclick="smile('--')"/>
<img src="адрес смайла" style="cursor:pointer"onclick="smile('--')"/>
<img src="адрес смайла" style="cursor:pointer"onclick="smile('--')"/>
<img src="адрес смайла" style="cursor:pointer"onclick="smile('--')"/>
</div>
<script>
function showhide(b){
p = b.parentNode.getElementsByTagName("p")[0]
if(b.value=="Дополнительные смайлы"){
b.value="Скрыть смайлы"
p.style.display="block"}
else{
b.value="Дополнительные смайлы"
p.style.display="none"}
return false}
</script>