Стиль вложен в сам код, использование графики не требуется, только замена аватара если его нет у пользователя который оставил комментарий. Информер комментариев обрезанный стилем для ucoz.
Если вы помните, то я создавал уже множество подобных выводов информационной темы комментариев на нашем сайте ucozon.ru, но с каждым постоянная проблема и за ссылок, кода, или смайла. Так вот решение вопроса само нашлось, тем что используется стиль обрезания текста, код настроен таким образом что показывается всего три строчки текста и все что далее то обрезается и не показывается пользователю, даже если код, ссылка, или смайл, не имеет значения, смотрите пример показанный на картинке.
Все это происходит благодаря строке стиля
padding: 5px; height: 28px; overflow: hidden; где
padding: 5px; отступ от границ блока.
height: 28px; высота показа текста перед обрезанием.
overflow: hidden; охватываем, обрезаем текст.
Создание и установка:
Создаем информер с следующими параметрами
[ Комментарии · Материалы · Дата добавления материала D · Материалы: 5 · Колонки: 1 ]
Настраиваем как указана на скрине:
Максимальная длина текста комментария: обязательно ставим ноль! это важно.
В созданный модуль информации вкладываем следующий код:
Code
<tr> <td style="background: none repeat scroll 0% 0% rgb(255, 255, 255); padding: 3px 3px 4px;" width="28px"><a href="$PROFILE_URL$"><img src="<?if($USER_AVATAR_URL$)?>$USER_AVATAR_URL$<?else?>http://avtos.do.am/img/comment/no_avatar.png<?endif?>" title="$USERNAME$" height="28px" border="1" width="28px"></a></td> <td class="comment_ucozon" valign="top"> <div style="padding: 5px; height: 28px; overflow: hidden;"><a href="$ENTRY_URL$" title="$ENTRY_TITLE$"><span style="font-size: 7pt;">$MESSAGE$</span></a></div></td></tr>
для вывода информации в блок контейнера вашего проекта, необходимо следующий код изменить на цифру своего созданного информера и вставить:
Code
<table>$MYINF_24$</table>
В таблицу стилей CSS вставляем стиль, без этого стиля весь эффект блока теряется:
Code
.comment_ucozon {border-width: 0px 0px 1px 0px; border-style: none none solid solid; border-color: -moz-use-text-color -moz-use-text-color rgb(204, 204, 204); -moz-use-text-color rgb(204, 204, 204); -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-image: none;}
Настройка: Если у вас размеры не входят то можно изменить width="28px" height="28px" аватара.
Меню сайта
Меню сайта
