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

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

✪ DEMO⇊ СКАЧАТЬ

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

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

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

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

HTML

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

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

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

CSS

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

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

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

  1. Екатерина

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

  2. Екатерина

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

  3. Екатерина

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

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

      1. Екатерина

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

          1. Екатерина

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

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

          2. Екатерина

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

          3. Екатерина

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

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

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

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

Добавить комментарий

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