» »

Стильный вид репутации пользователя uCoz


Установив стильный вид репутаций, вы можете на странице пользователя ее проверять в разных оттенках цвета, что будет показывать всю ту репутацию, что вам поставили. А это может быть как одна, что видно ниже на изображение, а также несколько, что также представлено вам. Этот код очень похожий на этот материал, только здесь работает на странице персонала, а там в личных сообщениях, что друг другу не помешает, а смотреться как видите намного красивее будет.

Здесь изначально идут как стили и файл js, что означает, вы сами можете выставить дизайн какой вам нужно или поменять кнопки, что идут под каждую репутацию, как понимаете их там три. Но думаю все понятно что вы будите изменять, а просто точнее дорабатывать, чтоб смотрелось стильно, и как всегда все проверенно и работает.

Установка:

Для этого нам первую очередь нужно пройти в персональную страницу и найти кусок кода:

Код
<a title="Смотреть историю репутации" class="repHistory" href="$_REP_READ_URL$">Репутация (<b>$_REPUTATION$</b>)</a>

Как находим, нужно его убрать и поставить этот.

Код
<a href="javascript://" onclick="rep.read('$_USER_ID$','$_USERNAME$')">История репутации</a>


Как все сделали, ниже ставим скрипт, прямо под ним.

Код
<link type="text/css" rel="StyleSheet" href="http://zornet.ru/Ajaxoskrip/Abaveg/repstyle_css.css" />  
  <script>  
  var _userid = '$_USER_ID$';  
  var _group = '$GROUP_ID$';  
  </script>  
  <script type="text/javascript" src="http://zornet.ru/Ajaxoskrip/Abaveg/repstyle.js"></script>


Как примеры работы этого материала.

1)

Новый вид истории репутации пользователя

2)

Красивый вид истории репутации пользователя

Источник: www.mybeststudio.ru
27.09.2016 Просмотров: 411 Комментарий: (15)

Поделиться в социальных сетях

Материал разместил

Комментарий: 15
avatar
Start 28.09.2016 23:461
0
Как тока цвета поставить?
Сафрон
Сафрон 28.09.2016 23:592
0
Больше всего, что они с стилях находятся, как и кнопки.
Kosten
Kosten 29.09.2016 00:073
0
Но понимал что в CSS находится, но скрипт стоял на тестовом сайте, и все там менять нужно, так как проверил. Ссылку на стили делаете на свою ссылку, потом появляется гаечный ключ, что нажимаете и появится окно, там и меняем все и не забываем после всего как сделали сохранить. А чтоб проверить как что вышла, просто перезагружаем страницу и смотрим.

avatar
Start 29.09.2016 10:424
0
Про стандартный, без этой установки... как стили поставить?
Kosten
Kosten 29.09.2016 12:585
0
Можно так сделать, открыть файл со стилями и все от туда скопировать в CSS и так легче что то можно поменять и уже не устанавливать.

Код
<link type="text/css" rel="StyleSheet" href="http://zornet.ru/Ajaxoskrip/Abaveg/repstyle_css.css" />
avatar
Start 29.09.2016 14:236
0
Так не будет работать... оно работает с установкой js...
Сопрано
Сопрано 29.09.2016 15:458
0
Так js в скрипте оставляй а вот стили загоняй в CSS.
avatar
Start 29.09.2016 16:0811
0
не удается, так как надо в js...
avatar
Start 29.09.2016 15:167
0
вот так хотелось -бы видеть biggrin
Сопрано
Сопрано 29.09.2016 15:469
0
Не очень красиво, сильно ярко и шрифты под тенями раздражает.
avatar
Start 29.09.2016 16:0810
0
это исправить можно...
Kosten
Kosten 29.09.2016 16:2512
0
Так в CSS исправить как раз можно а js больше за работу отвечает, а стили за дизайн.
avatar
Start 29.09.2016 17:5815
0
В этом js лишнее всё кроме цвета фона + и - ... не могу сделать норм...
FeStemBer
FeStemBer 29.09.2016 17:2713
0
У вас шрифт полностью темный и чтоб он красиво смотрелся, нужен этот стиль.

text-shadow: 0 1px 0 #ffffff;
Kosten
Kosten 29.09.2016 17:3514
0
Там на некоторых видно, что стоит, и возможно на тех шрифтах есть стиль, просто не настроен цвет.
avatar