Меню показать Меню скрыть
Современные
проекты
от ПаЛыЧа
Сайк ПавелСайк Павел
9 г. назад

Оформление вида вступлений новостей

Необходимо поместить во вступление картинку при верстке шаблона Joomla. А делается просто. Стиль картинки явдяется дочерним, чтобы выделить именно изображение которое участвует во  вступлении.

Оформление новостей

.contentpaneopen img {
  position : relative;
  top      : -35px;
  z-index  : 5
}

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

.contentheading h2 {
  padding-left : 180px
}

Вот и все. Работает, кстати, во всех браузерах.

А это еще не все. А чтобы при условии обтекания картинки текстом, не было большого свободного пространства под картинкой, прописываем так:

.contentpaneopen img {
  position      : relative;
  top           : -35px;
  z-index       : 5;
  margin-bottom : -32px
}

 

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

Наверх