LimOnline                                                                         




        

Создаю профили в одноклассниках и вконакте.Телефон для заполнения в профиле тоже заполняю я.
Писать на
E-mail - oleg.kapakly@mail.ru - Цена 10 руб - 1 профиль!



Менюшка
Категории раздела
Полезное и нужное! [5]
Шаблоны [0]
Настройки [5]
Скрипты на сайт ucoz и т.д. [27]
Шапки Для Сайта [1]
Популярные разделы
Общалка
РАССКАЖИ ДРУЗЬЯМ

Случайный Опрос
Опрос сайта
Почему в России принимают столько нелепых законов?
javascript:; javascript:;
Всего ответов: 0

Соц.Закладки
Статистика
Total users: 5
Всего чел. на сайте: 5
Новых за месяц: 0
Новых за неделю: 0
Новых вчера: 0
Новых сегодня: 0
Счетчики
Онлайн лист
Онлайн всего: 1
Гостей: 1
Пользователей: 0
Статистика
Рейтинг@Mail.ru
Block title
Block title
 Статьи | Публикации 
Главная » Статьи » ВАШ САЙТ » Скрипты на сайт ucoz и т.д.

Вид комментариев ucoz
Вид комментариев ucoz
Замечательный скрипт для ucoz - Новый вид комментариев. Скрипт выполнен в светлых тонах без использования лишней графики. Вид комментариев отображается во всех браузерах одинаково. Rulez-dm постарался на славу!
Шаг 1 - Установка HTML
Для начала избавимся от старого кода вида комментариев для ucoz, заходим в П.У - Дизайн - Управление дизайном - Комментарии - Вид комментариев и устанавливаем следующий код:
<div class="cell_comment_os">  
  <div class="comment_p ">  
  <a href="$PROFILE_URL$"> <img class="comment_avatar" src="$USER_AVATAR_URL$" /><img src="http://wallaby.ucoz.ru/images2/no_avatar.jpg" class="comment_avatar" alt="аватар отсутствует" /></a><img src="http://wallaby.ucoz.ru/images2/no_avatar.jpg" class="comment_avatar" alt="аватар отсутствует" />  
  </div>  

  <div class="comment_v grey">  
  <a href="#ent$ID$" onclick="if (document.getElementById('comEnt$ID$')){$('body').scrollTo( { top:$('#comEnt$ID$').offset().top-22, left:0}, 500 );return false;}" name="ent$ID$"><strong>$NUMBER$</strong></a> |  
  <strong class="gren">$USERNAME$ $NAME$</strong> пишет: | $DATE$ | $TIME$ <a href="$EMAIL_JS$" title="Email"> ( E-mail )</a>  
  <span class="right">$MODER_PANEL$</span>  
  <a class="right" href="$ENTRY_URL$" target="_blank" title="Перейти на страницу материала">Страница с комментарием </a>|  
  </div>  

  <div class="comment_c text_11">  
  $MESSAGE$  
  <p class="vcc_otvet"><strong>Ответ</strong>: $ANSWER$<p>  
  </div>  

  <div class="comment_n grey text_9">  
  <a href="$ANSWER_URL$">Ответить</a> |  

    
  <a href="$GOOD_COMMENT_URL$"><img src="http://wallaby.ucoz.ru/images2/plus_01.gif" alt="+" title="Хороший пост"/></a>  
  <span class="post_r">($COMMENT_RATING$)</span>  
  <a href="$BAD_COMMENT_URL$"><img src="http://wallaby.ucoz.ru/images2/minuc_01.gif" alt="-" title="Плохой пост"/></a>  
    
  <img src="http://wallaby.ucoz.ru/images2/plus_02.png" alt="+" title="Хороший пост"/>  
  <span class="post_r">($COMMENT_RATING$)</span>  
  <img src="http://wallaby.ucoz.ru/images2/minuc_02.png" alt="-" title="Плохой пост"/>  
    
    
  <img src="http://wallaby.ucoz.ru/images2/plus_02.png" alt="+" title="Хороший пост"/>  
  <span class="red">($COMMENT_RATING$)</span>  
  <img src="http://wallaby.ucoz.ru/images2/minuc_02.png" alt="-" title="Плохой пост"/>  
    
  <img src="http://wallaby.ucoz.ru/images2/plus_02.png" alt="+" title="Хороший пост"/>  
  <span class="gren">(+$COMMENT_RATING$)</span>  
  <img src="http://wallaby.ucoz.ru/images2/minuc_02.png" alt="-" title="Плохой пост"/>  
    
    
    

  </div>  
  </div>
Шаг 2 - Установка CSS
Теперь придадим виду комментариев ucoz вид. Заходим в П.У - Дизайн - Управление дизайном(CSS) и вставляем код ниже:
/* Вид комментарий ucoz  
  ------------------------------------------*/  
  .cell_comment_os {  
  float:left;  
  width:100%;  
  background:#fff;  
  border:1px solid #CAD1DB;  
  padding-bottom:3px;  
  margin-bottom:15px;  
  }  

  .comment_p {  
  float:right;  
  width:80px;  
  }  

  .comment_v {  
  margin: 5px 0px 5px 10px;  
  }  

  .comment_c {  
  overflow: hidden;  
  text-align:justify;  
  margin: 0px 0px 0px 10px;  
  padding: 5px 0px;  
  border-top: 1px solid #e7e7e7;  
  }  

  .comment_n {  
  text-align:right;  
  margin: 3px 78px 0px 10px;  
  }  
  .vcc_otvet {overflow:hidden!important; border: 1px solid #eccece; padding: 10px;background:#fcf6f6; }  

  .comment_avatar {  
  width:40px;  
  height:40px;  
  padding: 4px;  
  margin: 8px 10px 0px 15px;  
  border: 1px solid #CAD1DB;  
  background:#F6F6F6;  
  -webkit-border-radius:5px;  
  -moz-border-radius:5px;  
  border-radius:5px;  
  }  

  .red {color: #d20000;}  
  .gren {color: #429e1e;}  
  .grey {color: #999;}  
  .text_9 {font: 9px Verdana,Arial,Helvetica, sans-serif;}  
  .right {float:right;}
Автор: Центер-дм



Источник: http://wallaby.ucoz.ru
Категория: Скрипты на сайт ucoz и т.д. | Добавил: Admin (16.03.2014)
Просмотров: 174 | Рейтинг: 0.0/0
Всего комментариев: 0
Поделитесь с друзьями в соц.сетях!
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Часы
Поиск
Кликните для Поиска
Вход
Регистрация
Вход
Вы вошли как Гость
Группа "Гости"
Block title
Реклама:5 руб - ссылка

ВАШ САЙТ
Разное...
Игры
Личный Профиль
          
          
     
     
Привет, Гость
Зарегистрируйтесь или авторизуйтесь и получите все приемущества сайта.
     
     
Лучшие Фильмы
Третий лишний (2012)
Радио
Block title

     Агитки - Иконки - музыкальные колонки

LimOnline - Игры,программы,видео,фильмы,1000 функций1000 приложений,статей и 10000 видеозаписей