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

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

Рейтинг комментария (сообщения) Fdf10
С нашей помощью вы можете создать форум,
похожий на этот!
Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

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

Рейтинг комментария (сообщения) Fdf10
С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях
Важная информация!

Правила форума
для обязательного прочтения!

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

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

Я админ, не могу зайти!
(забыл / потерял пароль)

Общий FAQ по управлению форумом

FAQ: реклама на форуме

Туториалы по разным функциям ваших форумов

Алфавитный указатель

Интересные решения для форумов

Наши видео-туториалы

Условия пользования сервисом

Ссылки на полезные ресурсы
Последние темы
» ВПН
автор Danny_Marcelo Сегодня в 07:47

» Пропала вкладка "Обработка пользователей"
автор Svet007 Вчера в 07:39

» Как найти администратора?
автор PushPayer Ноябрь 21st 2024, 00:58

» Не корректное отображение картинок
автор VENEFICA. Ноябрь 15th 2024, 14:46

» Не меняется название форума
автор Aviator Ноябрь 14th 2024, 15:40

» Дублируется ссылка на форум в боковом меню
автор Чистый сталкер Октябрь 26th 2024, 21:13

» совет админам
автор лексей2222 Октябрь 23rd 2024, 05:45

» Проблема с гугл из-за Hitskin
автор Вултур Октябрь 21st 2024, 15:43

» [решено]Редактирвоание темы
автор AlexDarkTech Октябрь 13th 2024, 08:14

» Пропали иконки редактирования - HEEELP
автор Archaea Сентябрь 23rd 2024, 18:11

Видео-туториалы
Настройка шапки форума
Категории и подфорумы - 1
Создание портала
Модули
Виджеты
Как присваивать награды
Выброс кубиков
Pop-up для входа на форум
Настроение в профиле

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

Участников: 3

Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума

Перейти вниз

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

Сообщение автор IgorS Июль 24th 2014, 17:44

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

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

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

Сейчас так:

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

Возможно решение?
avatar
IgorS
Новичок

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

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

http://demokrat.forum2x2.ru/

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

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

Сообщение автор IceQueen Июль 24th 2014, 19:20

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



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

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

Женщина

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

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

https://help.forum2x2.ru/

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

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

Сообщение автор IgorS Июль 24th 2014, 19:45

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

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

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

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

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

http://demokrat.forum2x2.ru/

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

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

Сообщение автор IceQueen Июль 24th 2014, 22:53

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

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



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

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

Женщина

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

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

https://help.forum2x2.ru/

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

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

Сообщение автор IceQueen Июль 25th 2014, 00:34

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

Так сообщение с положительными оценками
Рейтинг комментария (сообщения) Image_12

А так заминусованное
Рейтинг комментария (сообщения) Image_13


Сначала надо убрать из 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
IceQueen
Помощник
Помощник

Женщина

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

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

https://help.forum2x2.ru/

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

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

Сообщение автор IgorS Июль 25th 2014, 07:27

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

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

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

http://demokrat.forum2x2.ru/

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

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

Сообщение автор IceQueen Июль 25th 2014, 15:35

Ок. Тогда так

Сообщение без единого лайка
Рейтинг комментария (сообщения) Image_14

Сообщение, которое юзер уже лайкал
Рейтинг комментария (сообщения) Image_15

Сообщение, которое лайкали до юзера
Рейтинг комментария (сообщения) Image_16

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



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

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

Женщина

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

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

https://help.forum2x2.ru/

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

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

Сообщение автор IgorS Июль 25th 2014, 21:47

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

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

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

http://demokrat.forum2x2.ru/

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

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

Сообщение автор IceQueen Июль 25th 2014, 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
IceQueen
Помощник
Помощник

Женщина

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

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

https://help.forum2x2.ru/

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

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

Сообщение автор IgorS Июль 26th 2014, 09:51

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

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

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

http://demokrat.forum2x2.ru/

timoha69 поставил(а) лайк

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

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

Сообщение автор Tinna Июль 26th 2014, 12:06

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


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

Женщина

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

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

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

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

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

Сообщение автор Tinna Июль 26th 2014, 12:14

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

Женщина

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

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

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

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

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

Сообщение автор IgorS Июль 26th 2014, 13:57

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

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

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

http://demokrat.forum2x2.ru/

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

Вернуться к началу

- Похожие темы

Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума

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