Новости Joomla

0 Пользователей и 1 Гость просматривают эту тему.
  • 3 Ответов
  • 1257 Просмотров
*

invectro

  • Новичок
  • 9
  • 0 / 0
Добрый день! Хочу сделать на главной странице сайта вывод статей (Небольшой блог). Создал первую статью, затем в редакторе выбираю пункт - изображение. Загружаю. Перехожу на сайт и оно показывается по центру статьи. Хочу сделать так, чтобы оно было слева, а статья показывалась на этом же уровне справа и ниже изображения. В настройках ничего подобного не нашел. Как задать позицию и отступ текста?
*

improvizer

  • Осваиваюсь на форуме
  • 39
  • 1 / 0
в файле K2.css к блоку с картинкой добавить float:left или flat:right
*

chernblx

  • Захожу иногда
  • 262
  • 2 / 0
не помогает, хотя раньше получалось

Единственное, когда начинаешь ковырять position, текст уходит на уровень картинки, но скрывается под картинкой, а не становится на против картинки. видимо надо что то ещё прописать.

Код
.itemImageBlock {
margin: 0 0 12px;
overflow: hidden;
position: relative;
float:left;
}
« Последнее редактирование: 26.12.2013, 04:41:11 от chernblx »
*

chernblx

  • Захожу иногда
  • 262
  • 2 / 0
а вообще вот весь код что касается изображения в файле K2.css

Код
.itemImageBlock {
margin: 0 0 12px;
overflow: hidden;
position: relative;
float:left;
}
.itemImageBlock sup {
background: #e72e20;
color: #fff;
font-size: 11px;
font-weight: 600;
letter-spacing: 1px;
line-height: 28px;
height: 28px;
padding: 2px 12px;
position: absolute;
right: 0;
text-transform: uppercase;
top: 24px;
z-index: 1;
}
.itemImage {
display: block;
line-height: 0;
overflow: hidden;
}
.itemImageBlock img {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
display: block;
padding: 0;
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-ms-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-out;
width: 100%!;
}
.itemImageBlock img:hover {
-webkit-transform: scale(1.1) rotateZ(-2.5deg);
-moz-transform: scale(1.1) rotateZ(-2.5deg);
-ms-transform: scale(1.1) rotateZ(-2.5deg);
-o-transform: scale(1.1) rotateZ(-2.5deg);
transform: scale(1.1) rotateZ(-2.5deg);
opacity: 0.85
}
.itemImageCaption, .itemImageCredits {
color: #999;
display: block;
float: right;
font-size: 11px;
padding: 12px 0 0 16px;
}
.itemImageBlock > a {
display: block;
width: 100%;
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Как заменить заглушку изображения в к2?

Автор sergspb

Ответов: 0
Просмотров: 2966
Последний ответ 13.10.2022, 14:21:02
от sergspb
Изображения в K2

Автор portos

Ответов: 68
Просмотров: 31817
Последний ответ 10.12.2020, 00:45:57
от Divn
Можно ли безболезненно добавить загрузку еще одной миниатюры, изображения?

Автор designerandrey

Ответов: 0
Просмотров: 1575
Последний ответ 16.04.2019, 20:22:13
от designerandrey
Всплывающее окно изображения в материале

Автор Дмитрий 1989

Ответов: 6
Просмотров: 1978
Последний ответ 12.03.2018, 21:20:55
от Дмитрий 1989
Интегрировать в k2store вывод 3 d изображения в фотографии товара

Автор denia85

Ответов: 2
Просмотров: 1325
Последний ответ 15.11.2017, 14:30:44
от denia85