Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях

Правила форума

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Последние темы
» Редизайн + баги
автор Dana Domirani Сегодня в 17:49

» Проблема в разделе "блог"
автор stasbyk Сегодня в 17:37

» Вопрос по оформлению
автор Dana Domirani Сегодня в 17:23

» Отключение рекламы
автор Dana Domirani Сегодня в 17:10

» Убрать выделение ников администрации
автор Dana Domirani Сегодня в 16:44

» Время, проведенное на форуме
автор Иван Иванов Сегодня в 15:46

» Что делать, если вы забыли / потеряли пароль
автор Механик Сегодня в 15:10

» Автоматический выход из группы
автор Da Vinchi Сегодня в 14:53

» Звания
автор Эгоистичная Сегодня в 14:30

» Помогите с CSS/
автор Dana Domirani Вчера в 22:09

Интересные решения
Быстрый переход к сервисам: Savepic Видео фоторедактор Транслит

Рейтинг комментария (сообщения)

Предыдущая тема Следующая тема Перейти вниз

Рейтинг комментария (сообщения)

Сообщение автор IgorS в Чт 24 Июл - 17:44

Не могу найти как добавить в оформление комментариев цифру рейтинга комментария.
В виде видимой цифры, а не в виде полоски сбоку как сейчас.

Мне нужно что-то типа такого:



Сейчас так:



Возможно решение?

IgorS
Новичок

Сообщения : 10
Регистрация : 2012-07-06
Благодарности : 0

Без предупреждений

http://demokrat.forum2x2.ru/

Вернуться к началу Перейти вниз

Re: Рейтинг комментария (сообщения)

Сообщение автор IceQueen в Чт 24 Июл - 19:20

IgorS, а Вы вообще про эту функцию читали? Она у нас иначе работает: http://help.forum2x2.ru/t4872-topic



Не забывайте сюда заглядывать!

Pls, не кидайте вопросы "как поставить", "как настроить" мне в ЛС! Я не юзаю личку.
Воспользуйтесь поиском. Откройте свою тему. Это не так страшно, как кажется ;)

IceQueen
Помощник
Помощник

Женщина

Сообщения : 1109
Возраст : 27
Регистрация : 2009-05-31
Благодарности : 494

Без предупреждений

http://help.forum2x2.ru/

Вернуться к началу Перейти вниз

Re: Рейтинг комментария (сообщения)

Сообщение автор IgorS в Чт 24 Июл - 19:45

Да,я с этим знаком, читал и применяю.
Вопрос о другом. О рейтинге комментария, а не о рейтинге пользователя. И причём о рейтинге комментария, выраженного в конкретной цифре.
Вот ещё пример рейтинга комментария (Мне нравится) Вконтакте:



Кстати, когда навожу мышкой на полоску рейтинга, количество плюсовавших высвечивается.
Может можно сделать так, чтобы эта цифра высвечивалась и без наведения мышки?

IgorS
Новичок

Сообщения : 10
Регистрация : 2012-07-06
Благодарности : 0

Без предупреждений

http://demokrat.forum2x2.ru/

Вернуться к началу Перейти вниз

Re: Рейтинг комментария (сообщения)

Сообщение автор IceQueen в Чт 24 Июл - 22:53

Так в том и дело, что там высвечиваются только ПЛЮСОВАВШИЕ. А цифры минусовавших все равно нету. И имен тех, кто жмакал на кнопки, нет  unknown

@IgorS пишет:Кстати, когда навожу мышкой на полоску рейтинга, количество плюсовавших высвечивается.
Может можно сделать так, чтобы эта цифра высвечивалась и без наведения мышки?
А по-моему можно. надо посмотреть в шаблоне. Если есть title, то можно.



Не забывайте сюда заглядывать!

Pls, не кидайте вопросы "как поставить", "как настроить" мне в ЛС! Я не юзаю личку.
Воспользуйтесь поиском. Откройте свою тему. Это не так страшно, как кажется ;)

IceQueen
Помощник
Помощник

Женщина

Сообщения : 1109
Возраст : 27
Регистрация : 2009-05-31
Благодарности : 494

Без предупреждений

http://help.forum2x2.ru/

Вернуться к началу Перейти вниз

Re: Рейтинг комментария (сообщения)

Сообщение автор IceQueen в Пт 25 Июл - 0:34

Можно. Вот что у меня получилось. Так будет выглядеть обычное сообщение без голосов


Так сообщение с положительными оценками


А так заминусованное



Сначала надо убрать из viewtopic_body кусок (целиком)

Код:
<!-- BEGIN switch_vote_active -->
                        <div class="vote gensmall">
                           <!-- BEGIN switch_vote -->
                           <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
                           <!-- END switch_vote -->

                           <!-- BEGIN switch_bar -->
                           <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
                              <!-- BEGIN switch_vote_plus -->
                              <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
                              <!-- END switch_vote_plus -->

                              <!-- BEGIN switch_vote_minus -->
                              <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
                              <!-- END switch_vote_minus -->
                           </div>
                           <!-- END switch_bar -->

                           <!-- BEGIN switch_no_bar -->
                           <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
                           <!-- END switch_no_bar -->

                           <!-- BEGIN switch_vote -->
                           <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
                           <!-- END switch_vote -->
                        </div>
                        <!-- END switch_vote_active -->

Потом найти строчку
Код:
<p>
      {postrow.displayed.EDITED_MESSAGE}
</p>

и добавить перед ней такой кусок

Код:
<!-- BEGIN switch_vote_active -->
<div class="vote gensmall">

<!-- BEGIN switch_bar -->
  
<!-- BEGIN switch_vote_minus -->
<div class="vote-bar-minus"></div>
<!-- END switch_vote_minus -->
  
   <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">                                                                  
      <span class="votebase">{postrow.displayed.switch_vote_active.L_VOTE_TITLE}</span>
   </div>
   <!-- END switch_bar -->

<!-- BEGIN switch_vote -->
  <div class="vote-button" style="background: #75D32B url(http://i39.servimg.com/u/f39/13/71/53/06/thumb_11.png) no-repeat center"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}"></a></div>
<!-- END switch_vote -->
                                                
<!-- BEGIN switch_vote -->
<div class="vote-button" style="background: #D3532B url(http://i39.servimg.com/u/f39/13/71/53/06/thumb_10.png) no-repeat center"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}"></a></div>
<!-- END switch_vote -->

</div>
<!-- END switch_vote_active -->

После этого шаблон можно сохранить и опубликовать, а в CSS добавить настройки для переделанных кнопок

Код:
.vote .vote-bar {
border: none !important;
font-size: 12px !important;
height: auto !important;
margin: 0 !important;
padding: 0 5px !important;
width: auto !important;
float: left;
}

.vote {
float: right !important;
width: auto !important;
text-align: right !important;
text-shadow: 1px 1px 0 rgba(102, 102, 102, 0.5);
    font-family: Helvetica, Arial, sans-serif;
    background: #588fe5;
    display: inline-block;
    color: #fff !important;
    position: relative;
    margin: 0 20px 0 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    text-decoration: none;
    height: 34px;
    line-height: 34px;
}

.vote:after {
    display: inline-block;
    border: 17px solid;
    border-color: transparent transparent transparent #588fe5;
    height: 0;
    width: 0;
    position: absolute;
    right: -34px;
    top: 0;
    content: "";
}

.vote .vote-button {
font-weight: 700;
text-align: center;
float: left;
height: 24px;
width: 24px;
line-height: 24px;
margin: 5px;
border-radius: 4px;
}

.vote-button:hover {
opacity: 0.4;
}

.vote-button a {
display: block;
width: 24px;
height: 24px;
}

/* заминусованные сообщения */
.vote-bar-minus + .vote-bar {
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
background: #fcc194;
background: -moz-linear-gradient(left,  #fcc194 1%, #588fe5 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(1%,#fcc194), color-stop(100%,#588fe5));
background: -webkit-linear-gradient(left,  #fcc194 1%,#588fe5 100%);
background: -o-linear-gradient(left,  #fcc194 1%,#588fe5 100%);
background: -ms-linear-gradient(left,  #fcc194 1%,#588fe5 100%);
background: linear-gradient(to right,  #fcc194 1%,#588fe5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcc194', endColorstr='#588fe5',GradientType=1 );
}



Не забывайте сюда заглядывать!

Pls, не кидайте вопросы "как поставить", "как настроить" мне в ЛС! Я не юзаю личку.
Воспользуйтесь поиском. Откройте свою тему. Это не так страшно, как кажется ;)

IceQueen
Помощник
Помощник

Женщина

Сообщения : 1109
Возраст : 27
Регистрация : 2009-05-31
Благодарности : 494

Без предупреждений

http://help.forum2x2.ru/

Вернуться к началу Перейти вниз

Re: Рейтинг комментария (сообщения)

Сообщение автор IgorS в Пт 25 Июл - 7:27

Вес рейтинга совсем другой. Тем более что голоса "не понравилось" в моём конкретном случае меня не интересуют, я их вообще хочу убрать.

IgorS
Новичок

Сообщения : 10
Регистрация : 2012-07-06
Благодарности : 0

Без предупреждений

http://demokrat.forum2x2.ru/

Вернуться к началу Перейти вниз

Re: Рейтинг комментария (сообщения)

Сообщение автор IceQueen в Пт 25 Июл - 15:35

Ок. Тогда так

Сообщение без единого лайка


Сообщение, которое юзер уже лайкал


Сообщение, которое лайкали до юзера


Или опять не те помидоры?



Не забывайте сюда заглядывать!

Pls, не кидайте вопросы "как поставить", "как настроить" мне в ЛС! Я не юзаю личку.
Воспользуйтесь поиском. Откройте свою тему. Это не так страшно, как кажется ;)

IceQueen
Помощник
Помощник

Женщина

Сообщения : 1109
Возраст : 27
Регистрация : 2009-05-31
Благодарности : 494

Без предупреждений

http://help.forum2x2.ru/

Вернуться к началу Перейти вниз

Re: Рейтинг комментария (сообщения)

Сообщение автор IgorS в Пт 25 Июл - 21:47

Это вроде похоже на нужные помидоры)
Можно подробные инструкции по их выращиванию?

IgorS
Новичок

Сообщения : 10
Регистрация : 2012-07-06
Благодарности : 0

Без предупреждений

http://demokrat.forum2x2.ru/

Вернуться к началу Перейти вниз

Re: Рейтинг комментария (сообщения)

Сообщение автор IceQueen в Пт 25 Июл - 23:27

Как и в прошлом варианте:
Код:
<!-- BEGIN switch_vote_active -->
                        <div class="vote gensmall">
                           <!-- BEGIN switch_vote -->
                           <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}">+</a></div>
                           <!-- END switch_vote -->

                           <!-- BEGIN switch_bar -->
                           <div class="vote-bar" title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}">
                              <!-- BEGIN switch_vote_plus -->
                              <div class="vote-bar-plus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_plus.HEIGHT_PLUS}px;"></div>
                              <!-- END switch_vote_plus -->

                              <!-- BEGIN switch_vote_minus -->
                              <div class="vote-bar-minus" style="height:{postrow.displayed.switch_vote_active.switch_bar.switch_vote_minus.HEIGHT_MINUS}px;"></div>
                              <!-- END switch_vote_minus -->
                           </div>
                           <!-- END switch_bar -->

                           <!-- BEGIN switch_no_bar -->
                           <div title="{postrow.displayed.switch_vote_active.L_VOTE_TITLE}" class="vote-no-bar">----</div>
                           <!-- END switch_no_bar -->

                           <!-- BEGIN switch_vote -->
                           <div class="vote-button"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_MINUS}">-</a></div>
                           <!-- END switch_vote -->
                        </div>
                        <!-- END switch_vote_active -->


из viewtopic_body удаляем, а перед

Код:
<p>{postrow.displayed.EDITED_MESSAGE}</p>

или

Код:
<div>{postrow.displayed.EDITED_MESSAGE}</div>

(смотрите свой вариант) добавляем новый кусок

Код:
<!-- BEGIN switch_vote_active -->
<div class="vote gensmall">

<!-- BEGIN switch_bar -->
  
   <div class="vote-bar">                                                                  
      <span class="votebase" style="display:none">{postrow.displayed.switch_vote_active.L_VOTE_TITLE}</span>
          <div class="like" title="Нравится!"></div>
   </div>
   <!-- END switch_bar -->

<!-- BEGIN switch_vote -->
  <div class="vote-button" style="background: #75D32B url(http://i39.servimg.com/u/f39/13/71/53/06/thumb_11.png) no-repeat center"><a href="{postrow.displayed.switch_vote_active.switch_vote.U_VOTE_PLUS}"></a></div>
<!-- END switch_vote -->

</div>
<!-- END switch_vote_active -->

Не забываем сохранить и опубликовать. CSS настройки немного другие:

Код:
.vote .vote-bar {
border: none !important;
font-size: 12px !important;
height: auto !important;
margin: 0 !important;
padding: 0 5px !important;
width: auto !important;
float: left;
}

.vote {
float: right !important;
width: auto !important;
text-align: right !important;
text-shadow: 1px 1px 0 rgba(102, 102, 102, 0.5);
    font-family: Helvetica, Arial, sans-serif;
    background: #588fe5;
    display: inline-block;
    color: #fff !important;
    position: relative;
    margin: 0 20px 0 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    text-decoration: none;
    height: 34px;
    line-height: 34px;
}

.vote:after {
    display: inline-block;
    border: 17px solid;
    border-color: transparent transparent transparent #588fe5;
    height: 0;
    width: 0;
    position: absolute;
    right: -34px;
    top: 0;
    content: "";
}

.vote .vote-button {
font-weight: 700;
text-align: center;
float: left;
height: 24px;
width: 24px;
line-height: 24px;
margin: 5px;
border-radius: 4px;
}

.vote-button:hover {
opacity: 0.4;
}

.vote-button a {
display: block;
width: 24px;
height: 24px;
}

.like {
padding-left: 20px;
background: transparent url(http://i39.servimg.com/u/f39/16/54/26/99/heart_10.png) no-repeat left center;
}


И еще понадобится скрипт:

Код:
$(document).ready(function() {
  $('.vote').each(function() {
    if ($(this).find('.votebase').length > 0) {
     $(this).find('.like').html(/[0-9]+/.exec($(this).find('.votebase').html().replace('Рейтинг сообщения: 100% (',''))[0]);
    }
    else {}
  });
});


с расположением в темах.



Не забывайте сюда заглядывать!

Pls, не кидайте вопросы "как поставить", "как настроить" мне в ЛС! Я не юзаю личку.
Воспользуйтесь поиском. Откройте свою тему. Это не так страшно, как кажется ;)

IceQueen
Помощник
Помощник

Женщина

Сообщения : 1109
Возраст : 27
Регистрация : 2009-05-31
Благодарности : 494

Без предупреждений

http://help.forum2x2.ru/

Вернуться к началу Перейти вниз

Re: Рейтинг комментария (сообщения)

Сообщение автор IgorS в Сб 26 Июл - 9:51

- У меня нет букв p перед строчкой  {postrow.displayed.EDITED_MESSAGE}, там div
- где настройки CSS?
-куда вставлять скрипт?
- ещё бы размер значка уменьшить.

IgorS
Новичок

Сообщения : 10
Регистрация : 2012-07-06
Благодарности : 0

Без предупреждений

http://demokrat.forum2x2.ru/

Вернуться к началу Перейти вниз

Re: Рейтинг комментария (сообщения)

Сообщение автор Tinna в Сб 26 Июл - 12:06

IceQueen, а такие помидоры можно для любого движка?)))) girl_blush


IceQueen, все поняла )все работает спасибо  d_daisy

Tinna
 

Женщина

Сообщения : 331
Возраст : 97
Регистрация : 2014-02-12
Благодарности : 126

Без предупреждений

http://shatika.gta-ru.com/

Вернуться к началу Перейти вниз

Re: Рейтинг комментария (сообщения)

Сообщение автор Tinna в Сб 26 Июл - 12:14

@IgorS пишет:- У меня нет букв p перед строчкой  {postrow.displayed.EDITED_MESSAGE}, там div
- где настройки CSS?
-куда вставлять скрипт?
- ещё бы размер значка уменьшить.
-тогда поставьте код перед <div>{postrow.displayed.EDITED_MESSAGE}.......
-ПА -оформление- картинки и цвета-цвета-каскадная таблица стилей ксс
-ПА-модули-Управление кодами Javascript(нажимаете создать новый)

Tinna
 

Женщина

Сообщения : 331
Возраст : 97
Регистрация : 2014-02-12
Благодарности : 126

Без предупреждений

http://shatika.gta-ru.com/

Вернуться к началу Перейти вниз

Re: Рейтинг комментария (сообщения)

Сообщение автор IgorS в Сб 26 Июл - 13:57

IceQueen, Tinna,
Спасибо, всё получилось!

IgorS
Новичок

Сообщения : 10
Регистрация : 2012-07-06
Благодарности : 0

Без предупреждений

http://demokrat.forum2x2.ru/

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения