• Страница 1 из 1
  • 1
Форум » Веб-разработка » HTML + CSS — коды » Информер популярные материалы для uCoz (Информер самые просматриваемые статьи и материалы для ucoz)
Информер популярные материалы для uCoz
Kosten
Воскресенье, 16 Января 2022 | Сообщение 1
Оффлайн
Администраторы
Сообщений:44267
Награды: 70
Это простой по дизайну информер, который мало займет место, но будет актуален для тех, чкто зайдет на сайт. Ведь он выводит самые популярные материалы, а точнее их название, гдк вы сами выставляете численность, это от одной статьи или название файла и более.

Можно добавить шрифтовые кнопки, что безусловно украсит дизайн. Если у вас кино сайт, то вам не нужно задействовать страницу на самые просматриваемы фильмы, можно в этом случай задействовать информер.

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

Так выглядит стиль дизайна при установке:



Установочный процесс:

[ Каталог файлов · Материалы · Количество просмотров D · Материалы: 15 · Колонки: 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>
Прикрепления: 3436936.jpg (67.8 Kb)
Страна: (RU)
-SAM-
Среда, 19 Января 2022 | Сообщение 2
Оффлайн
Друзья сайта
Сообщений:880
Награды: 40
В очередной раз идёт неправильная установка. Якобы нужно стили ставить в информер - нельзя так делать, потом сплошные довески. Допустим, на странице 15 материалов выводиться через информер, значит будет 14 раз стили лишним писать еще.

Если стили в информер всё же ставить, то нужно их обернуть в условие:
Код
<?if($NUMBER$=1)?><style> [...] </style><?endif?>
То есть стили так будет выводить после первого материала в информере, а для последующих не выведет.

Ну и инлайновые стили тоже не нужны, в общем >>>

• В созданный вами информер ставим HTML:
Код
<div class="toplist"><b>$NUMBER$</b> <a href="$ENTRY_URL$" title="$READS$ просмотров">$TITLE$</a></div>

• В таблицу стилей дописываем CSS (или 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;}
.toplist > b {border: solid 0px #888; padding: 1px 4px; border-radius: 50px;}
.toplist a {padding-left: 2px;}




Помог? Скажи спасибо в виде "+" - вам мелочь, а мне приятно.
Бесплатное оказание помощи в ответах на "Вопросы про uCoz".


Сообщение отредактировал
-SAM- - Среда, 19 Января 2022, 07:04
Страна: (UA)
Kosten
Среда, 19 Января 2022 | Сообщение 3
Оффлайн
Администраторы
Сообщений:44267
Награды: 70
Цитата -SAM- ()
В очередной раз идёт неправильная установка. Якобы нужно стили ставить в информер


Знаю, так как не раз отписывали, но так бывает, что в CSS нет места, и не знаешь как стили вывести через текстовой документ, то по первому варианту играешь. 11a
Страна: (RU)
Форум » Веб-разработка » HTML + CSS — коды » Информер популярные материалы для uCoz (Информер самые просматриваемые статьи и материалы для ucoz)
  • Страница 1 из 1
  • 1
Поиск: