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

Предлагаю Вашему вниманию вид материалов для модуля Каталог статей сайтов 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 канал - если Вы хотите первыми узнавать о новых статьях на сайте!!!

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

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

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