Новый вид комментариев


Новый вид комментариев

327
9.8 из 10
Проголосовало: 7





Это простой вид комментариев, подойдёт под сайт с лёгким и светлым дизайном. По желанию его можно переделать и под тёмный, но это уже Ваше право.
В данном виде используется модер-панель как на DLE.

Установка:
Перейдите в ПУ > Управление дизайном > Вид комментариев и замените всё на этот код:
Код
<div class="ucomm_block<?if($IS_OWN$)?> me<?endif?>">
  <div class="left">
  <div class="ava ug"><img src="<?if($USER_AVATAR_URL$)?>$USER_AVATAR_URL$<?else?>http://pandora.clan.su/img/noava.png<?endif?>" alt="<?if($USERNAME$)?>$USERNAME$<?else?>$NAME$<?endif?>"></div>
  </div>
  <div class="right">
  <div class="mess_cont">
  <div class="top"><span style="float:right;margin-top:2px">$NUMBER$</span><a href="$PROFILE_URL$"><?if($USERNAME$)?>$USERNAME$<?else?>$NAME$<?endif?></a> <span>$DATE$ в $TIME$</span></div>
  <div class="middle message_fix">$MESSAGE$</div>
  <?ifnot($CUR_GROUP_ID$=999 || $CUR_GROUP_ID$='255')?><div class="bottom">
  <?if($CUR_USER_ID$ > 0)?><a href="javascript:chitata('$USERNAME$',selection);" onmouseover="wQuote()">Цитировать</a><?endif?>
  <?if($ANSWER_URL$)?><a href="$ANSWER_URL$">Ответить</a><?endif?>
  <?if($CUR_USER_ID$ > 0)?><?if($IS_OWN$ = 0)?><a href="/index/14-1-0-1" style="color:red;">Жалоба</a><?endif?><?endif?>
  <?if($MODER_PANEL$)?>
  <a href="javascript://" rel="nofollow" onclick="new _uWnd('Ie',' ',-600,-200,{autosize:1,closeonesc:1,resize:0},{url:'/index/37-$ID$'});return false;" id="wEDIT$NUMBER$" style="display:none;">Редактировать</a>
  <a href="javascript://" rel="nofollow" onclick="del_item($ID$); return false;" id="wDELETE$NUMBER$" style="display:none;">Удалить</a>
  <div style="display:none;" id="wMODER$NUMBER$">$MODER_PANEL$</div>
  <?endif?>
  </div><?endif?>
  </div>
  </div>
</div>

<script>
  if($('#wMODER$NUMBER$').text().indexOf('IP address')!=-1) {$('#wIP$NUMBER$').show();}
  if($('#wMODER$NUMBER$').text().indexOf('Редактировать')!=-1) {$('#wEDIT$NUMBER$').show();}
  if($('#wMODER$NUMBER$').text().indexOf('Удалить')!=-1) {$('#wDELETE$NUMBER$').show();}
  function del_item(id) {if(confirm('Вы подтверждаете удаление?')) {$.get('/index/14-0-0-1', function (ssid) {_uPostForm('',{type:'POST', data:{a:'38', s:id, ssid:$('input[name="ssid"]', ssid).val()}, url:'/index/'}); _uWnd.alert('<b style="color:green">Комментарий удален!</b>','', {w:222,h:77,tm:5555});});}} function chitata(qname,text){if (text!=""){ qname=qname.replace(/[\[\]]/g, "|"); parent.window.document.getElementById('message').focus();parent.window.document.getElementById('message').value+=("[quote="+qname+"]"+text+"[/quote]\n");} else {_uWnd.alert('<b style="color:#c82626;">Выделите текст для цитирования</b>','',{w:222,h:77,tm:5555});}} function paste(text,flag){if ((document.selection)&&(flag)) {document.addform.message.focus();document.addform.document.selection.createRange().text = text;} else document.addform.message.value += text;}
  function wQuote() {if (window.getSelection){selection = window.getSelection().toString();}else if (document.getSelection) {selection = document.getSelection();}else {selection = document.selection.createRange().text;}}
</script>


После зайдите в ПУ > Управление дизайном > Таблице стилей (CSS) и в самый низ добавьте этот код:
Код
.ucomm_block {font-family: 'Open Sans', Tahoma, sans-serif; font-size: 14px;} /* Можете убрать, если используете другой шрифт и размер шрифта. */
   
  .ucomm_block.me .ava, .ucomm_block.me .mess_cont {background: #f0f7fe;}
  .ucomm_block {display: table; width: 100%; padding: 5px 0;}
  .ucomm_block .left, .ucomm_block .right {display: table-cell; vertical-align: top;}
  .ucomm_block .left {width: 70px; text-align: center;}
  .ucomm_block .right {width: calc(100% - 70px);}
  .ucomm_block .ava {width: 60px; height: 60px; overflow: hidden; background: #fff; box-shadow: 0 0 0 1px rgba(32,32,32,.25) inset; padding: 3px; border-radius: 50% 3px 50% 50%;}
  .ucomm_block .ava img {width: 60px; height: 60px; border-radius: 50%; object-fit: cover; overflow: hidden;}
  .ucomm_block .mess_cont {display: block; width: 100%; background: #fff; box-shadow: 0 0 0 1px rgba(32,32,32,.25) inset; border-radius: 3px;}
  .ucomm_block .top, .ucomm_block .middle, .ucomm_block .bottom {width: calc(100% - 20px); padding: 0 10px 3px;}
  .ucomm_block .top {height: 20px; line-height: 20px; box-shadow: 0 1px 0 0 rgba(32,32,32,.25);}
  .ucomm_block a {color: #343434; text-decoration: none; font-weight: bold;}
  .ucomm_block a:hover {color: #343434; text-decoration: underline; opacity: .85;}
  .ucomm_block .top span {font-size: 12px; color: #b0b0b0;}
  .ucomm_block .middle {min-height: 50px; padding: 5px 10px;}
  .ucomm_block .message_fix img, .ucomm_block .message_fix iframe {max-width: 100%;}
  .ucomm_block .bottom {height: 20px; line-height: 20px; box-shadow: 0 -1px 0 0 rgba(32,32,32,.25); font-size: 12px; text-align: right;}
  .ucomm_block .bottom a:nth-of-type(1):before {display: none;}
  .ucomm_block .bottom a:before {display: inline-block; content: '|'; color: rgba(32,32,32,.25); margin: 0 1px;}
Автор публикации: Загрузка
Загрузка
CbIPoK2513, это его n материал
Источник: http://pandora.clan.su/
  • Всего комментариев: 8

Вовчик
0
Вовчик написал: Написано 07 Июля 2016 в 19:54
Комментарий №6
смахивает на оф.форум ucoz... вообщем неплохо)

p.s. и вставляй скрин так же в краткое описание

-D-I-N-I-S-
0
-D-I-N-I-S- написал: Написано 06 Июля 2016 в 15:51
Комментарий №4
Установка:
Перейдите в ПУ > Управление дизайном > Вид комментариев и добавьте этот код:


Может заменить весь код, а не добавить ?

CbIPoK2513
0
CbIPoK2513 написал: Написано 07 Июля 2016 в 00:34
Комментарий №5
Спасибо, исправил.

1488
0
1488 написал: Написано 06 Июля 2016 в 12:30
Комментарий №3
не очень!а так смотрится хорошо.

Вовчик
0
Вовчик написал: Написано 08 Июля 2016 в 00:01
Комментарий №7
как может смотреться хорошо что не очень?!))

1488
0
1488 написал: Написано 08 Июля 2016 в 23:51
Комментарий №8
Не для каждого сайта, он подойдет ! надо под себя настраивать это так лень:) а так норм смотрится

CbIPoK2513
0
CbIPoK2513 написал: Написано 06 Июля 2016 в 10:50
Комментарий №2
Кстати, Вовчик, на тестовом сайте, где делал этот вид, там модер-панель работала. У меня на Пандоре не рубит почему-то..

CbIPoK2513
0
CbIPoK2513 написал: Написано 06 Июля 2016 в 10:48
Комментарий №1
Наконец-то что-то в голову пришло biggrin

  • Оставить комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 24
Скрипты и модификации для Ucoz 2101
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 429
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
Поставил ваш код он начинает считать от 0 до 100 и останавливаеться. я думал он будет в случайном порядке показывать цыфры
как поставить свою ссылку и логотип
  • Сатурн-1 написал:
  • Похвально.
  • Winston888 написал:
  • Я не говорил что делаю только скрипты. Я делаю шаблоны, скрипты, адаптации с разных движков под ucoz и на оборот + я ещё и сам рисую. В данный момент занимаюсь дизайном для webo4ka сам рисую сам верстаю.
  • Сатурн-1 написал:
  • Заметь, мы делаем почти одну и ту же работу.
    Ты - скрипты, я -шаблон. И каждый делает это бесплатно, НО
    ты делаешь скрипты без шаблона, я делаю шаблон без скриптов (не считая основных).
    Я тоже могу сказать что твои скрипты не идеальны, но не буду т.к. даже не знаю какие из всех существующих твои.
    Поэтому ты не сравнивай скрипты и шаблоны да еще и на Ucoz'e, мы же не на хакатоне каком нибудь.
    Последние темы
    Опрос
    205
    А
    Р
    Что произойдёт: $("#...
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 7
    Гостей: 6
    Пользователей: 1
    0
    Сегодня были
    Топ пользователей: