Вторник, 22.08.2017, 08:21
Главная  Форум Регистрация Блог RSS
Приветствую Вас, Гость
Меню сайта
Наш опрос
Какой поисковик Вы используете?


Всего ответов: 307

установить такой вид опроса
Статистика
Яндекс.Метрика
Онлайн всего: 4
Гостей: 4
Пользователей: 0


Зарегистрировано 30367 (сегодня + 0 новых, вчера + 0 новых), В каталоге файлов 1127 материала(ов), Оставлено 5114 комментариев, На форуме создано тем и ответов.

установить такую статистику

Блок CW результаты

Победы
Победы(10)

Поражения
Поражения(5)


Установить CW блок на свой сайт
Внимание!
Наш сайт адаптирован под браузер Mozilla Firefox
скрипты для uCoz
Скачать/Download
В остальных браузерах наш сайт может отображаться некорректно! (IE,Opera,Google Chrome и т.д)

установить такой блок
Расскажи Друзьям!
Комментарии
Новость: Counter Strike Шаблон для сайта uCoz
Дмитрий Чёрный написал:
Битая ссылка
Новость: 500 flash часов для ucoz
Doshin Doshinovish написал:
Ссылки битые
Новость: Красивый еффект при наведении на картинки для uCoz
DNZ написал:
И че? Обычные картинки. cool
Новость: Раскрутка сайта uCoz, повышение хостов, посетителей и просмотров
Женя Антонов написал:
БЛИН САЙТ ПРИКРЫЛИ
uCoz
403

У вас нет прав для просмотра этой страницы

Вернуться на главную страницу
sad
Новость: Как заработать в интернете? Стоит ли пробовать?
сергей клодт написал:
Всем привет! Не буду долго рекламировать, как это делает большинство работодателей , обещая огромные , не реальные заработки. я сам долго искал нормальный заработок. http://vktarget.ru/?ref=2478119 вктаргет . Просто плаят за то что ставишь лайки , репосты, вступаешь в группы и тд . Главное -НИКАКИХ ВЛОЖЕНИЙ

Читать все комментарии
Топ комментаторов

установить такой информер
VKONTAKTE

FACEBOOK
Главная страница » Помощь Вебмастеру » Категория Для Веб мастера » Добавлено [01.11.2013, 16:32]

Оригинальный вид комментариев для uCOZ

Войти или Зарегистрироваться [скачивать файлы могут только зарегистрированные пользователи!]

Оригинальный вид комментариев для uCOZ . Отличительной особенностью от других видов комментариев является то что в данной версии присутствует нестандартный вид панели редактирования, который сделан под дизайн вида комментариев. Также кроме панели редактирования, присутствует маленькая кнопочка LIKE и кнопка ответить на комментарий пользователя.
 
Данный вид комментариев будет отлично смотреться на сайтах различной тематики и послужит отличной заменой стандартного вида комментариев uCOZ. Еще одним на мой взгляд немалым плюсом данного скрипта является полное отсутствие багов и простота в установке, а так же возможность использовать социальный замок вместе с ним.

Если же у вас у вас остались какие-то вопросы и проблемы по установке данного вида комментариев для uCOZ, то прошу оставлять их в комментариях и в скорее наши модераторы ответят на все интересующие вас вопросы.

Установка:
Шаг 1

Для начала нам следует удалить старый html код вида комментариев, для этого идём в Админ панель => Дизайн => Управление дизайном => Комментарии => Вид комментариев и устанавливаем следующий код:

Код
<div class="content-com">  
  <div class="com_p text_r text_9">  
  <a href="$PROFILE_URL$"> <img class="avatar_comment wbr3" src="$USER_AVATAR_URL$" /><img src="/img/no_avatar.jpg" class="avatar_comment wbr3" alt="аватар отсутствует" /></a><img src="/img/no_avatar.jpg" class="avatar_comment wbr3" alt="аватар отсутствует" />  

    
    
    
  <a class="kcom_like ts_b wbr3" href="$GOOD_COMMENT_URL$">Like</a>  
    
    
    
   
  </div>  
  <div class="com_l wbr3">  
  <div class="com_v grey">  
  <div class="left_block"><a href="$ANSWER_URL$" title="Комментировать"><div class="otvet"></div></a></div>  
<div class="left_block top cherta-right gren">$USERNAME$</div><div class="left_block top cherta-right gren">$NAME$</div><div class="left_block top cherta-right gren">Гость</div>  
  <div class="left_block top2 text_9">$DATE$ - $TIME$</div>  
  <div class="right top2 text_9 grey cherta-left ">Like | 0<span class="gren">+$COMMENT_RATING$</span></div>  
  <div class="right top2 text_9 grey cherta-left">№$NUMBER$</div>  
    
  <a title="Удалить" onclick="del_item($ID$);return false;" id="di$ID$">  
  <div class="delete-com right"></div>  
  </a>  
  <a title="Редактировать" onclick="new _uWnd('Ie',' ',-600,-200,{autosize:1,closeonesc:1,resize:0},{url:'/index/37-$ID$'});return false;">  
  <div class="edit-com right"></div>  
  </a>  
    
  </div>  
  <div class="com_c text_115">$MESSAGE$ </div>  
  <div class="com_n grey text_9">  
  <span class="left">  
  </span>  
  </div>  
  </div>  
</div>

Шаг 2 

Теперь нам надо прописать стили "css" что бы наш вид комментариев отображался корректно и стал симпатичным.

Код
/* Вид комментариев v.1  
  ------------------------------------------*/  

/* Выравнивание */  
  div.left_block {float:left;}  
  div.right_block {float:right;}  

/* Кнопки комментировать, редактировать, удалить */  
.otvet {  
  background: url(/img/otvet.png);  
  background-position: -0px -0px;  
  width: 25px;  
  height: 23px;  
  cursor: pointer;  
  border-right:1px solid #cad1db;  
  }  
.otvet:hover  
  {  
  background: url(/img/otvet.png);  
  background-position: -0px -23px;  
  width: 25px;  
  height: 23px;  
  cursor: pointer;  
  }  

.edit-com {  
  background: url(/img/moder-panel.png);  
  background-position: -0px -0px;  
  width: 35px;  
  height: 23px;  
  cursor: pointer;  
  border-left:1px solid #cad1db;  
  }  
.edit-com:hover  
  {  
  background: url(/img/moder-panel.png);  
  background-position: -0px -23px;  
  width: 35px;  
  height: 23px;  
  cursor: pointer;  
  }  

.delete-com {  
  background: url(/img/moder-panel.png);  
  background-position: -35px -0px;  
  width: 35px;  
  height: 23px;  
  cursor: pointer;  
  border-left:1px solid #cad1db;  
  }  
.delete-com:hover  
  {  
  background: url(/img/moder-panel.png);  
  background-position: -35px -23px;  
  width: 35px;  
  height: 23px;  
  cursor: pointer;  
  }  

/* Аватар */  
.avatar_comment {  
  width:50px;  
  height:50px;  
  padding:3px;  
  background:#888888;  
}  

/* Закругление углов */  
.wbr3 {  
  -webkit-border-radius:3px;  
  -moz-border-radius:3px;  
  border-radius:3px;  
}  

/* Контент */  
.content-com {  
  float:left;  
  width:100%;  
  position:relative;  
  margin-bottom:15px  
  }  

.com_p {  
  top:0;  
  right:0;  
  width:75px;  
  position:absolute;  
  background:url(/img/ugolok.png) no-repeat top left  
}  

.com_l {  
  padding:0px 0;  
  background:#fff;  
  border:1px solid #cad1db;  
  margin:0 74px 0 0;  
  overflow:hidden  
}  

.com_v {  
  height:23px;  
  border-bottom:1px solid #cad3da  
}  

.com_v,.com_n {  
  margin:0 0px 0 0px  
}  

.com_c {  
  min-height: 39px;  
  overflow:hidden;  
  margin:5px 15px 7px 15px;  
}  

.com_c p {  
  padding:10px;  
  margin:10px 0;  
  background:#ebfce8;  
  overflow:hidden!important;  
  border:1px solid #b4e5ac  
}  

/* Like */  
.kcom_like:link,.kcom_like:visited {  
  text-align:center;  
  color:#fff;  
  float:right;  
  width:47px;  
  background:#999999;  
  margin-top:3px;  
  padding:1px 3px 1px 3px;  
  border:1px solid #666666  
}  

.kcom_like:hover {  
  text-decoration: none;  
  border:1px solid #666666!important;  
  color:#375e15!important;  
  text-shadow:1px 1px 1px #d7ffb6!important;  
  background:#9aeb56!important  
}  

/* Черта возле кнопок */  
.cherta-right {  
  height:20px;  
  border-right:1px solid #cad1db;  
}  

.cherta-left {  
  height:19px;  
  border-left:1px solid #cad1db;  
}  

/* Текст */  
.text_r {  
  text-align:right;  
}  

.text_9 {  
  font:9px Verdana,Arial,Helvetica, sans-serif;  
}  

.grey {  
  color:#b1b1b1;  
}  

.grey2 {  
  color:#cac8c8;  
}  

.gren {color:#429e1e;  
  font-weight:bold;  
}  

.right {  
  float:right;  
}  
.left {  
  float:left;  
}  

.top {  
  padding: 4px 12px 0px 12px;  
}  

.top2 {  
  padding: 5px 12px 0px 12px;  
}  

.bold {  
  font-weight:bold;  
}  

.text_115 {  
  font:115%/1.5 Verdana,Arial,Helvetica, sans-serif;  
}

Готово!


При копирование материалов с сайта необходимо указать активную ссылку источника - Скрипты для uCoz 2013 и Оригинальный вид комментариев для uCOZ



Расскажи друзьям интересные новости:


- Установить на свой сайт блок социальных закладок
Категория: Для Веб мастера | Добавил: BLoOd | Теги: оформление, Вид комментариев для ucoz, Веб мастеру
Просмотров: 2997 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Для добавления необходима авторизация

Хостинг от uCoz