Последние комментарии ucoz - Форум ProUcoz.com - Последние комментарии ucoz - Форум ProUcoz.com
Понедельник 12:32 | 23.01.2017
Свежие темы · Участники · Правила форума · Поиск · RSS
Страница 1 из 11
Модератор форума: GrandDooM, FR3cH 
Форум ProUcoz.com » Готовые скрипты и интересные решения для системы uCoz » Другие скрипты для uCoz » Последние комментарии ucoz
Последние комментарии ucoz
FR3cH[Нет на сайте]
Дата: Вторник, 12.06.2012, 17:01 | Сообщение # 1
Хитрец всем хитрым
Сообщений: 213
Скрин:


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

Создаем информер комментариев ucoz


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

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

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

Установка HTML

Теперь заходи в шаблон информера, удаляем содержимое и заменяем на следующий HTML код:
Code
<div class="last_comment_os transparency_i">   
   <div class="lc_message">   
   <a href="$ENTRY_URL$" title="$ENTRY_TITLE$">$MESSAGE$</a>   
   </div>   
   <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);   
   }   
   /* ------------------------------------------*/


Готово!

 
Форум ProUcoz.com » Готовые скрипты и интересные решения для системы uCoz » Другие скрипты для uCoz » Последние комментарии ucoz
Страница 1 из 11
Поиск: