» »

Стильный рейтинг профилей для топ uCoz


Стильный рейтинг профилей для топ uCoz

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

Далеко ходить не нужно и смотрим под модуль сделан.

Красивый рейтинг для топ сайта

Установка:

Идем в админ панель в информер, и создаем его по параметрам.

1) Если решили выбрать: Пользователи, так как скрипт под него заточен.
2) Способ сортировки: Репутация
3) Количества материалов и колонок: здесь выставляем, сколько вам нужно.

И прописываем туда код:

Код
<center><div class="repa">  
  <div class="repa-top">  
  <a href="$PROFILE_URL$" title="Профиль пользователя">  
  <?if($AVATAR_URL$)?><img src="$AVATAR_URL$" class="repa-top-img"><?else?><img src="http://vizar.ucoz.ru/Ajaxoskrip/Fekstura_tekst/AgsaRtunet/noavatar.jpg"><?endif?></a>  
  <p class="repa-top-angle">$GROUP_NAME$</p>  
  <p class="repa-top-skoka" title="Репутация $USERNAME$"><span>$REPUTATION$</span></p>  
  </div>  
  <div class="repa-content">  
  <a href="$PROFILE_URL$" title="Профиль пользователя"><h3>$USERNAME$</h3></a>  
  <p style="text-align: center;">$FULL_NAME$</p></div>  
</div></center>


Теперь остались стили в CSS:

Код
body, p, h3 {margin: 0}  
.repa {  
  width: 150px;  
  margin: 20px auto 0;  
  position: relative;  
  background: white;  
  box-shadow: 0 2px 3px rgba(0,0,0,0.1);  
  border-radius: 3px;  
  font-family: 'Play', sans-serif;  
}  
.repa-top {  
  min-height: 150px;  
  position: relative;  
  overflow: hidden;  
  opacity: 1;  
  background-color: #FE5A5A;  
}  
.repa-top:hover {  
  min-height: 150px;  
  position: relative;  
  overflow: hidden;  
  opacity:.8  
}  
.repa-top a {  
  text-decoration: none;  
  display: block;  
}  
.repa-top-img {  
  border-radius: 3px 3px 0 0;  
  min-width: 150px;  
  height: auto;  
  vertical-align: middle;  
}  
.repa-top-angle {  
  width: 180px;  
  height: 30px;  
  line-height: 30px;  
  position: absolute;  
  top: 26px;  
  right: -50px;  
  transform:rotate(45deg);  
  color: #FFFFFF;  
  text-align: center;  
  background: #FE5A5A;  
  font-size: 12px;  
  font-weight: lighter;  
  opacity:1  
}  
.repa-top-skoka {  
  width: 100%;  
  position: absolute;  
  bottom: 0;  
  right: 0;  
  text-align: right;  
}  
.repa-top-skoka span {  
display: inline-block;  
  height: 36px;  
  line-height: 32px;  
  padding: 0 10px;  
  background: rgba(0, 0, 0, 0.57);  
  border-radius: 3px 0 0 0;  
  color: #fefefe;  
  font-size: 12px;  
  font-weight: lighter;  
}  
.repa-top-skoka span:hover {  
display: inline-block;  
  height: 36px;  
  line-height: 32px;  
  padding: 0 10px;  
  background: #F8CF82;  
  border-radius: 3px 0 0 0;  
  color: black;  
  font-size: 18px;  
  font-weight: bolder;  
}  
.repa-top-skoka:after {  
  content: " ";  
  display: block;  
  height: 5px;  
  width: 100%;  
  position: absolute;  
  bottom: 0;  
  left: 0;  
  background: #F8CF82;  
}  
.repa-content {  
  padding: 20px;  
  font-family: 'Play', sans-serif;  
}  
.repa-content h3 {  
  font-size: 16px;  
  font-family: 'Play', sans-serif;  
  margin-right: 0px;  
  text-align: center;  
  padding: 0px;  
}  
.repa-content p {  
  margin-top: 10px;  
  color: #6e6e6e;  
  line-height: 1.5em;font-family: 'Play', sans-serif;  
  }


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

Источник: Webstart.ucoz.net и Fonts.clan.su
20.05.2016 Просмотров: 503 Комментарий: (17)

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

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

Комментарий: 17
feliksteg
feliksteg 20.05.2016 21:391
0
Топ пользователей уже как то не делают, здесь согласен, если только сделать страницу и под ссылку ее поставить. Но и также файлы, а в шаблон писать, но слишком велик, но смотря какой шаблон и вообще где установить.
Kosten
Kosten 20.05.2016 21:532
0
Но и файлы тоже не так сильно, просто идет так, кто в поиске в топ попал из материала, и переходов больше. Было бы так, что кто больше скачал, то как то реально показывало, стоящий материал или нет, а просмотры сильно не дают большого обзора и чтоб по ним что то говорить.
FeStemBer
FeStemBer 20.05.2016 22:003
0
Вообще мало скриптов с лентой, этот в торой вообще вижу, первый был мини профиль, не понимаю зачем там она вообще нужна была. А здесь очень даже хорошо все подошло, и показывает группу и по цвету разные.
csretven
csretven 21.05.2016 12:424
0
Рейтинг по просмотрам еще можно сделать, но не по пользователям, они там явно лишнее, если ты заходишь на сайт, то ищите что вам нужно, но если не нашли, тогда может и спросите, и это не будет зависить от рейтинга у кого спросить.
Сопрано
Сопрано 21.05.2016 14:185
0
Но как видно, из скрина, что он сделан на файлах, и что он просмотры выводит, но там вижу один рейтинг.
Kosten
Kosten 21.05.2016 16:286
0
Trantel, все зависит от твоей фантазий, куда можно такой скрипт применить и какие функций он будет выполнять.
kv1ckeN
kv1ckeN 24.05.2016 11:577
0
Укажите на источник ссылку правильно наша работа наш труд! Спасибо за уважение.
Kosten
Kosten 24.05.2016 13:368
0
Изменил. спам убрал с комментариев, не к чему он там.
kv1ckeN
kv1ckeN 24.05.2016 14:259
0
Хорошо. Спасибо вам.
Kosten
Kosten 24.05.2016 14:5310
0
Да, не вопрос, чужой труд нужно уважать.
feliksteg
feliksteg 24.05.2016 17:5111
0
Сейчас с этими источниками на такой тематике вообще не понять. Просто мало кто что то создаёт и если делает, то очень быстро расходиться по сайтам. И ставят тот где основном оригинальныескрипты, это чтоб не ошибиться. Но а зачем источник, нужно на что то ссылаться, но это к этой тематике не относиться, это новостная тема, а источник, как считаю, просто свою гордыню уладить, так как он не чего не несет.
LanigirO
LanigirO 29.05.2016 12:0812
0
Хм.... Первоисточник то мой: fonts.clan.su/ Но первый сайт, где я поделился этим скриптом - Вэбстарт, так что можно сразу два источника указать)
Kosten
Kosten 29.05.2016 12:2413
0
Поставил, не вдаваясь в подробности, если третий еще будет) то просто поставлю источник как Интернет.)
Сафрон
Сафрон 29.05.2016 12:2714
0
Kosten, тебе не кажется, что тебя просто разводят, но есть только один источник, но не приходилось видеть, чтоб было 2, в первые только сейчас увидел.
FeStemBer
FeStemBer 29.05.2016 12:3715
0
Сафрон, просто бывают такие ситуаций, что 2 знакомых человека, и один из них создал скрипт, а вот другой убрал все ошибки или просто что то добавил, чтоб красивей было, и как тут считать, если он появился в интернете с доработками, и до этого его в сети не было.

Но в таком случай ставят 2 источника, сами, кто создал, чтоб не было такого как сейчас. В другом случай, работает студия и у них один источник, здесь как понимаю, совершенно разные сайты.
ucozmental
ucozmental 29.05.2016 12:4516
0
Источник,это можно сказать уже дело интимное, вот не понимаю, почему так требуют, раньше как помню на этом сайте и хостов больше было и вообще не чего не было про источники, сейчас народу заходят мало, но как то находят материал и просят. С их стороны это правильно, но если народу на сайте нет, то источник не чего не даст, только то что он принадлежит какому то сайту, что не кто не увидит, так как уже сказал, хостов мало.
Kosten
Kosten 29.05.2016 12:5117
0
Сафрон, да мне все равно, развод не развод, не поломает второй источник прописать, хотя понимаю, 2 источника, как то глупо смотрится.
avatar