Наш опрос
Что бы вы хотели купить в интернете?
Всего ответов: 18
Случайный анекдот
19 - Как ты относишься к людям, которые постоянно хотят спать? - Я к ним отношусь...
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0

» Сегодня нас посетили:
» Зарег. на сайте
Всего: 3476
Новых за месяц: 1
Новых за неделю: 0
Новых вчера: 0
Новых сегодня: 0
» Из них
Администраторов: 1
Модераторов: 3
С активностью: 176
Авторизованных: 3296

   Последние комментарии ucoz

Вывод последних комментариев стал еще удобнее и стильнее. Шаблон информера комментариев выполнен в светлых тонах, с использованием всего 1 картинки весом(1 кб). Это пример того, как можно сделать свой сайт еще мобильнее, при этом не меняя стиль. Теперь создаем информер комментариев для ucoz.
Инструменты => Информеры => Создать информер и создаём данный информер: 

Раздел: Комментарии 

Модуль: Все модули 

Количество материалов: 10

Количество колонок:1

Заходим в файловый менеджер, создаем папку comment и закачиваем в нее файлы архива.

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

Код
<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>  
    
  <a href="$PROFILE_URL$">  
    
  <img class="lc_avatar" alt="Аватар $USERNAME$" title="$USERNAME$" src="$USER_AVATAR_URL$" />  
    
  <img class="lc_avatar" title="$USERNAME$" alt="аватар отсутствует" src=" /comment/92873634.jpg" />  
    
  </a>  
    
  <img class="lc_avatar" title="$NAME$" alt="аватар отсутствует" src=" /comment /92873634.jpg"/>  
    
  <span class="lc_name"><a href="$PROFILE_URL$">$USERNAME$</a>$NAME$</span>  
  <span class="lc_data">$DATE$ | $TIME$</span>  
  </div>  
  </div>


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

Код
/* Белый вариант последних комментариев  
  ------------------------------------------*/  
  .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(/comment/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);  
  }  
  /* ------------------------------------------*/
nbsp;

Скачать архив 3,94 кб Html редактор
Автор: Prosvetekvator
Просмотров: 10269
09.12.2012


Другие статьи почитайка;)
Поделись ссылкой на форумах
Ссылка:
BB-code:
HTML:


« Пред. Последние комментарии ucoz След. »

Всего комментариев: 1

1 Даниил Варлаков (IIul{Ys)
Кривой скрипт!!! И руки мои не причём!

25.09.2013 в 03:38 | Перейти к материалу >
-
+1
+

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Форма входа

Мини-чат
Топ пользователей
Новое на форуме








Комментарии
11.06.2022