Вид материалов для модуля Каталог статей

Предлагаю Вашему вниманию вид материалов для модуля Каталог статей сайтов uCoz. Данный шаблон вида материалов не является моей разработкой, а позаимствован на очень любимом мною сайте – Center-DM.
В итоге я создала несколько вариантов вида материалов и их цветовых рашений.

✪ DEMO⇊ СКАЧАТЬ

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

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

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

Вариант 1

Вид материалов

HTML

Перейти: Панель управления – Дизайн – Управление дизайном (шаблоны) – Каталог статей – Вид материалов и комментариев к нему
Стереть полностью код, который там, и вставить следующий:

CSS

Теперь нужно добавить стили CSS.
Перейти: Панель управления – Дизайн – Управление дизайном (CSS)

В самом конце всех стилей ставим следующие:

Вариант 2

Вид материалов
Точно также как и варианте 1 вставляем Html и Css.

HTML

CSS

Другие цветовые решения для Вида материалов

Голубой дизайн первого варианта вида материалов

Вид материалов

CSS

Розовый дизайн Второго варианта вида материалов

Вид материалов

CSS


Подпишитесь на RSS канал - если Вы хотите первыми узнавать о новых статьях на сайте!!!

Статьи по теме:

4 комментария

  1. Подскажите пожалуйста а где настраивается размер изображение, которое выводится https://b.radikal.ru/b01/2005/e0/2f06fc5f5e63.jpg

  2. Здравствуйте код HTML не работает точнее он не вставляется, после попытки вставить код при сохранение пишет ошибка В шаблоне не найден обязательный код $POWERED_BY$ сайт на ucoz.
    Да чуть не забыл там нет строки Вид материалов и комментариев к нему, есть
    страница материала и комментарии к нему

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

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