» »

Стильный информер топ материалов на uCoz

Стильный информер топ материалов на uCoz

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

Вы можете вывести как 10 или 20, вообщем сколько установите, когда будите создавать информер. На светлый сайт, вам нужно будет в стилях его перенастроить, а точнее выставить тот оттенок цвета, который вам нужен. По и небольшой эффект, это при наведение, меняется гамма цвета, что идет по умолчанию на вашем интернет ресурсе. Так все очень просто по установке, и думаю для пользователя это будет важным, что предпочитают другие.

Установка:

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

[ Каталог файлов · Материалы · В случайном порядке · Материалы: 20 · Колонки: 1 ]

Код
<div class="toplist">
<b style="border: solid 0px #888; padding: 1px 4px; border-radius: 50px; ">$NUMBER$</b> <a href="$ENTRY_URL$" title="$READS$ просмотров" style=" padding-left: 2px; ">$TITLE$</a> </div>

<style>
.toplist {
  font-size: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: bold;
  padding: 7px 0!important;
  list-style: inside;
  background: #1D1C1C;
  border-radius: 5px;
  border: solid 1px #6D6D7F;
  width: 100%;
  margin-top: 2px!important;
}
.toplist:hover { background: #151414;}
</style>
30.10.2016 Просмотров: 909 Комментарий: (7)

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

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

Комментарий: 7
tsakonter
tsakonter 30.10.2016 20:581
0
Сравнительно красиво сделан по своему стилю, о том говорю, что точно можно поставить на любую тему. Уже такой встречал, только там цифры были в круге, но и этот отлично смотрится.
Kolinkor
Kolinkor 30.10.2016 21:062
0
Где можно еще увидеть, это на сайте cstavr его можно было увидеть, видать и сейчас стоит. Просто для кино сайта, это отлично подходит, так как там всегда много файлов, так назовем, если мало материала, то не к чему и ставить. С начало развивать нужно и под хоть 500 постов сделать и там уже видно будет, какой популярен в поиске.
Tergran
Tergran 30.10.2016 21:113
0
А, что сразу на светлый не сделали, то нужно перекраивать его по всем цветам, а кто то не понимает. 07a
Kolinkor
Kolinkor 31.10.2016 01:254
0
А что уже самому не как просто цвета расставить, если нужно могу сделать.
Maryges
Maryges 31.10.2016 01:275
0
Самый нормальный информер по просмотрам, не каких картинок и как можно больше фильмов берет, и весит будет меньше других, и по дизайн сделан нормально.
Angerfist
Angerfist 31.10.2016 11:336
+1
Kosten, в спешке выложил фрагмент кода вообще от какого то слайдера )
Kosten
Kosten 31.10.2016 14:147
+1
Не то слово, даже сам не знаю что за скрипт, все исправил.
avatar