Стильный информер топ материалов на uCoz - Информеры - UCOZ - Каталог файлов - Каморка
kamorka
Menu
Правила чата
Пользователи онлайн
Мини-чат
+Мини-чат
0
Онлайн всего: 1
Гостей: 1
Пользователей: 0
   Категории

Комментарии

KaMoRkA.uCoz.com -- uCoz -- Информеры


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

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

Установка:

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

[ Каталог файлов · Материалы · В случайном порядке · Материалы: 20 · Колонки: 1 ]
Code
<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; "><font color="" onmouseover="this.style.color='blue';" onmouseout="this.style.color='';">$TITLE$</font></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: rgb; 
 border-radius: 5px; 
 border: solid 1px #6D6D7F; 
 width: 100%; 
 margin-top: 2px!important; 

.toplist:hover { background: #f1f1f1;} 
</style>

Важно!

При копировании материала указывать ссылку на источник.

- 466
- 11-Ноября-2016
- 0
Материал разместил:

Похожий материал
Похожего материала не найдено...
Статьи сайта