Как изменить вывод смайликов в чате

До:

А хочу сделать вот так

После:

 

Вот код вывода смайликов:

 

<div id="shoutbox-smilies-button_menucontent" style="display:none;">
<div class="full_emoticon">
	<table cellspacing="0" class="ipb_table">
		<tbody>
			{parse striping="shoutboxEmo" classes="row1,row2"}
			<foreach loop="$emoticons as $emo">
				<tr class="{parse striping="shoutboxEmo"}">
					<td class="shoutbox_emol short">
						<a title="{$emo['image']}" onclick='ipshoutbox.emoticonOnclick("{$emo['text']}"); return false;' href="#">{$emo['text']}</a>
					</td>
					<td class="shoutbox_emor short">
						<a title="{$emo['image']}" onclick='ipshoutbox.emoticonOnclick("{$emo['text']}"); return false;' href="#"><img alt="{$emo['image']}" src="{$this->settings['emoticons_url']}/{$emo['image']}"/></a>
					</td>
				</tr>
			</foreach>
		</tbody>
	</table>
</div>
</div>

 

Например заменить

<a title="{$emo['image']}" onclick='ipshoutbox.emoticonOnclick("{$emo['text']}"); return false;' href="#">{$emo['text']}</a>

на

<a title="{$emo['image']}" onclick='ipshoutbox.emoticonOnclick("{$emo['text']}"); return false;' href="#"><img alt="{$emo['image']}" src="{$this->settings['emoticons_url']}/{$emo['image']}"/></a>

 

Если смайлики будут повторяться, обратитесь к разработчикам. Версткой это не поправить.

Например заменить

<a title="{$emo['image']}" onclick='ipshoutbox.emoticonOnclick("{$emo['text']}"); return false;' href="#">{$emo['text']}</a>

на

<a title="{$emo['image']}" onclick='ipshoutbox.emoticonOnclick("{$emo['text']}"); return false;' href="#"><img alt="{$emo['image']}" src="{$this->settings['emoticons_url']}/{$emo['image']}"/></a>

 

Если смайлики будут повторяться, обратитесь к разработчикам. Версткой это не поправить.

 

Смайлики к сожалению повторяются, а как сделать хотя бы столбец поуже?

Можно снести это

                                                <td class="shoutbox_emol short">
                                                       <a title="{$emo['image']}" onclick='ipshoutbox.emoticonOnclick("{$emo['text']}"); return false;' href="#">{$emo['text']}</a>
                                               </td>

 

А это

 <div class="full_emoticon">

заменить на

 <div class="full_emoticon" style="width: нужная ширина в px">

Но между панелью смайликов и кнопочными рядами может остаться дырка.

 

В обычном редакторе ширина меняется так – http://ipbskins.ru/forum/topic7243.html

Попробуйте прописать (повторить с нужными параметрами) необходимые классы в css shoutbox

Спасибо.

 

Дабы не создавать другую тему можно я еще задам здесь вопрос? :)

Только он уже не относится к чату.

Изменено 28 марта 201114 г пользователем heinz

За оффтопик положен пожизненный эцих с гвоздями.

Поэтому тему закрываю.