« Отличный информер Последние комментария для uCoz »

Описание материала:

Ваши материалы часто комментируют? Тогда этот информер отлично подойдет Вам и будет красиво смотреться на светлом дизайне. В данном информер нет изображений, кроме аватара пользователя, информер сделан на чистых CSS и HTML кодах. В нашем варианте присутствуют такие цвета как - Оранжевый и Темно-Серый. В информер входит - Аватар пользователя, Ник пользователя, Название материала, Текст комментария и Ссылка на комментарий.

Установка:
1. Заходим в ПУ - Информеры - Создать информер и создаем информер с такими параметрами Комментарии · Материалы · Дата добавления материала D · Материалы: 3 · Колонки: 1, далее заходим в Шаблон информера и заменяем весь код, на этот:

Код
<div class="internetempire_com">  
<div class="internetempire_user">  
<?if($USER_AVATAR_URL$)?><img alt="" src="$USER_AVATAR_URL$" height="45" width="45">
<?else?><img src="http://internetempire.ru/ava/coll/avatar_4.png" height="45" width="45" /><?endif?>
<div class="internetempire_author"> <a href="$PROFILE_URL$">$USERNAME$</a></div>
<div class="internetempire_comm">$ENTRY_TITLE$</div>
</div>
<div class="internetempire_text">$MESSAGE$ <a href="$ENTRY_URL$"> Читать »</a></div>  
</div>

2. Заходим в ПУ - Управление дизайном - Таблица стилей (CSS) и в самый низ ставим код:
Код
/* Отличный информер Последние комментария для uCoz */
.internetempire_com {width: 100%; float: left; font-size: 11px; margin-bottom: 15px; border-right: solid #F3BE81; padding-right: 5px;}  
.internetempire_com:hover {border-right: solid #393939;}
.internetempire_text { color: #393939; font-size: 12px; }
.internetempire_text a {font-size: 10px; border-radius: 3px; color: #393939; float: right; display: -webkit-box;text-decoration: none;}
.internetempire_text a:hover {font-size: 10px; border-radius: 3px; color: #FF9822; float: right; display: -webkit-box;text-decoration: none;}
.internetempire_author {font-size: 14px; font-weight: bold; font-family: Tahoma, Geneva, sans-serif;}
.internetempire_author a {color: #FF9822 !important;text-decoration: none;}
.internetempire_author a:hover {color: #393939 !important;text-decoration: none;}
.internetempire_user img {float: left;width: 45px;height: 45px;margin-right: 5px;border-radius: 10px;border: 1px solid #F3BE81;padding: 2px 2px;}
.internetempire_user {min-height: 60px;}
.internetempire_comm {font-size: 10px;}
/* InternetEmpire.Ru */

3. Заходим в ПУ - Управление дизайном - выбираем Контейнер и где хотите видеть данный информер, ставим код:
Код
$MYINF_X$

4. Находим в выше указанном коде $MYINF_X$ и заменяем X на номер своего информера.

Готово!


Установка материала

Мы поможем установить данный материал к Вам на сайт


Добавил: YaVi | Категория: Информеры для uCoz | Просмотров: 725


Поделиться в соц. сетях:
Комментариев к материалу: 3
obla4ko 22.01.2017 в 13:27Спам
Отличный файл
0
Супер! Мне нравится, и оттенки подобрал отлично!
0
Виктор Ягодин 09.03.2016 в 16:55
biggrin Спасибо)
0
avatar