fbpx
Перейти к содержимому

Информер материалов в виде фотографий для сайтов uCoz

Предлагаю Вашему вниманию информер фотографий для сайтов uCoz. Этот информер для тех, кому нужно сделать акцент именно на фотографии из статей модуля Каталог статей. Что такое информер и как его создать читайте в статье Информер материалов.

✪ DEMO⇊ СКАЧАТЬ

Особенности:

  • Изображение берется из первого загруженного изображения при добавлении новой статьи.
  • Все изображения абсолютно одинаковые по размеру. Если изображение иное, чем указано в параметрах рамки, оно выравнивается по ширине и обрезается по высоте.
  • При нажатии на изображение, его можно увидеть полностью, не обрезанным, так что пользователь ничего не теряет.
  • Если у Вашего материала нет пока еще комментариев это поле не выводится вовсе.

Установка информера фотографий

— Скачать файловый архив ☝
— Создать в корне Вашего сайта папку inf_mat.
— Скачать файлы из файлового архива(нажмите на кнопку слева), разархивировать и загрузить в папку inf_mat.
— В папку нужно загружать только картинки, исходники — просто для Вас.

HTML

Перейти: Панель управления — Информеры и создать новый Информер с любым названием:

  • Раздел: Каталог статей
  • Тип данных: Материалы
  • Способ сортировки: Количество просмотров A
  • Количество материалов: 16 (или на Ваше усмотрение)
  • Количество колонки: 4 (или на Ваше усмотрение)

Далее нажать на ссылку Шаблон информера, стереть полностью код в нем, и вставить следующий:

Больше статей:   Интернет-магазин из Модуля Каталог статей

CSS

Для работы информера нужно добавить стили CSS.
Перейти: Панель управления — Дизайн — Управление дизайном (CSS)
В самом конце всех стилей ставим следующие:

Больше статей:   Вид материалов на сайте uCoz в несколько столбиков

Теперь вам осталось расположить информер на странице, где Вы хотите чтобы он функционировал.

17 комментариев для “Информер материалов в виде фотографий для сайтов uCoz”

  1. Последний код, как раз то, что нужно по размерам! Спасибо огромное! Подскажите, как мне убрать количество комментариев и рейтинг, и оставить только количество просмотров, а то сильно наляписто смотрится из-за своего размера нынешнего?

  2. Скажите, пожалуйста, какой стандартный размер картинок в этом информере?

  3. Дело в том, что у меня изображения очень маленькие, размер 70 на 70 пикселей, а в этом информере они увеличиваются и растягиваются, из-за чего смотрятся просто ужасно.
    Поэтому мне надо изменить параметры рамки по высоте и ширине, но в CSS, увы, я не разбираюсь.

    1. Екатерина Дело в том, что информер сделан именно под эти размеры картинки, так как при маленьком размере картинки он получается некрасивым. Тогда нужно придумывать просто новый дизайн. Судите сами:

      1. Картинки стали нормальными, но вместе с ними и размер надписей уменьшился и все остальное. Плохо дело 🙁

          1. Екатерина

            Жаль, такой информер классный и на сайте смотрится красиво. Я думала, что можно в стилях подправить размер и чтобы картинка маленькая была, но только по центру информера размещалась, а сам размер информера был прежней. Но такое сделать нельзя, да?

            1. Тогда так, но мне, если честно, так не нравится)))

    2. Здравствуйте! Подскажите, пожалуйста, как в данном информере уменьшить вид выводимых изображений?

    3. Добрый вечер.
      У вас в инструкции написано, что при создании информера нужно выбрать «Способ сортировки: Количество просмотров A». Скажите, а если мне нужно, чтобы было количество просмотров D и я укажу именно это, то в самом коде, вернее, шаблоне информера ничего менять не нужно будет?

    4. Добрый вечер, спасибо за полезную информацию, пояснения и коды! Подскажите, пожалуйста, причины и возможности их устранения, сделала все по плану «Информер материалов в виде фотографий» в Opera — все отлично, а Мазилье» нет фото?! За ранее, спасибо

    5. Здравствуйте, это все конечно интересно, но вот какая проблема, сделал все как тут написано, информер есть а картинок в нем нет, почему?, или их надо самому в код прописывать.

      1. Здравствуйте! За картинку отвечает условный оператор $IMG_URL1$. Информер создается из уже ранее созданных материалов. В каждом таком материале в режиме «добавления и редактирования материала» должна быть загружена картинка в поле Изображения». При чем будет видна в информере именно та картинка, которая самая первая. Также почитайте статью Информеры

    Добавить комментарий для Iren Отменить ответ

    Ваш адрес email не будет опубликован. Обязательные поля помечены *