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

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


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

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

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


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

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: j-p-g.net Видео фоторедактор Транслит

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

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

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

Сообщение автор 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, не кидайте вопросы "как поставить", "как настроить" мне в ЛС! Я не юзаю личку.
Воспользуйтесь поиском. Откройте свою тему. Это не так страшно, как кажется ;)
avatar
IceQueen
Помощник
Помощник

Женщина

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

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

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, не кидайте вопросы "как поставить", "как настроить" мне в ЛС! Я не юзаю личку.
Воспользуйтесь поиском. Откройте свою тему. Это не так страшно, как кажется ;)
avatar
IceQueen
Помощник
Помощник

Женщина

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

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

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, не кидайте вопросы "как поставить", "как настроить" мне в ЛС! Я не юзаю личку.
Воспользуйтесь поиском. Откройте свою тему. Это не так страшно, как кажется ;)
avatar
IceQueen
Помощник
Помощник

Женщина

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

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

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, не кидайте вопросы "как поставить", "как настроить" мне в ЛС! Я не юзаю личку.
Воспользуйтесь поиском. Откройте свою тему. Это не так страшно, как кажется ;)
avatar
IceQueen
Помощник
Помощник

Женщина

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

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

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, не кидайте вопросы "как поставить", "как настроить" мне в ЛС! Я не юзаю личку.
Воспользуйтесь поиском. Откройте свою тему. Это не так страшно, как кажется ;)
avatar
IceQueen
Помощник
Помощник

Женщина

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

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

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
avatar
Tinna
 

Женщина

Сообщения : 331
Возраст : 98
Регистрация : 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(нажимаете создать новый)
avatar
Tinna
 

Женщина

Сообщения : 331
Возраст : 98
Регистрация : 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/

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

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


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