ZorNet.Ru — сайт для вебмастера » Скрипты для uCoz » Информер вывода изображений для uCoz

Информер вывода изображений для uCoz

Информер вывода изображений для uCoz
Горизонтальный информер для сайта uCoz, который выводит изображение без названия материала, а чисто снимок, что меняется с обновлением страницы. Больше всего такой формат подойдет под сайты, где на одной картинки можно считывать информацию, как пример, это афиша для кино фильмов. Что можно с большой вероятностью сказать, что его под кино онлайн создавали, ведь можно менять количество фотографий

А также сделать более уже или шире по формату, где все меняется в прикрепленном HTML коде. Также здесь идет небольшой эффект затемнение данных снимков, где при наведении курсора появляется эффект, что намного корректно смотрится изображение. Здесь нужно добавить, что хотел проверить на сайте, и почему-то не сохраняло вписанные данные. Что пришлось выставлять на браузере, где сразу предупреждаю, возможно будет не корректно. Хотя по снимку мы видим, что все показывает как нужно.

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

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

Заходим в панель управления сайта, создаём информер с такими параметрами:
Код
[ Каталог файлов · · В случайном порядке · Материалы: 5 · Колонки: 1 ]

Настройка информера на сайте юкоз

Как всё выставили, то сохраняем и вставляем в шаблон информера HTML:
Код
<li class="sliderElement"><a title="$TITLE$" href="$ENTRY_URL$"><img src="<?if($IMG_SMALL_URL1$)?>$IMG_SMALL_URL1$<?else?>$IMG_URL1$<?endif?>" alt="$TITLE$" /></a></li>

Потом по месту прописать, где хотите видеть информер:
Код
<?if($MYINF_номер$)?><style>.sliderElement {/*list-style:none;display:inline-flex;overflow:hidden;*/ width: 147px; height: 200px; float: left; margin:3px; padding:3px; opacity:0.7; background-color:#5F6365; border-radius: 3px} .sliderElement:hover {opacity:1;}
.sliderElement img {width: 100%;height: 100%;border-radius: 3px}</style>
<ul class="sliderElements">
$MYINF_номер$ (или скриптом)
</ul><?endif?>

Где $MYINF_номер$ - номер вашего информера. Cкриптовая пропись информера следующая:
Код
<script type="text/javascript" src="/informer/номер"></script>
Как совет, то выводите лучше скриптом - так всегда можно выводить в системе, к примеру, чтобы блок не индексировался (ведь в нашем случае данные идут в случайном порядке).

На заметку:

Как в прошлые разы объяснял уже, что style в информер совать нельзя - потом довесками повторяется в каждом материале (то есть лучше вынести в общую таблицу стилей сайта CSS или чтобы были на той странице, где будет виден ваш информер).
2022-01-13 Просмотров: 241 Комментарий: (0)

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

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

Оставь свой отзыв

Комментарий: 0
avatar