Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) Ламерские вопросы Дополнительное поле в краткой новости с картинкой

Дополнительное поле в краткой новости с картинкой


     06.02.2014    Ламерские вопросы    1595

вопрос
Дополнительное поле в краткой новости с картинкой

Здравствуйте. Подскажите как сделать дополнительное поле, чтобы в зеленый квадратик я мог вставлять картинки 45х45.
Попробовал в ксс поредактировать, но ничего не получилось...

Ответа пока нет


Комментарии пользователей (5)

Lynat1k
1

373 | 93

Lynat1k - 6 февраля 2014 10:34 - Юзер

вывести картинку из доп поля очень просто а вот вывести в углу картинки там надо повозиться с html и сss

nazip
7

nazip - 6 февраля 2014 11:18 - Юзер

на вскидку.
в css:
.poster {
float:left;
position: relative;
width:100px;
}
.poster img {
width:100%;
}
.poster img.block {
position:absolute;
top:-10px;
left:-10px;
width:45px;
height:45px;
}


в html:
<div class="poster">
<img src="[xfvalue_image]" alt="" />
[xfgiven_block]
<img class="block" src="[xfvalue_block]" />
[/xfgiven_block]
</div>


ну соответственно меняешь на свои значения

neskafe1
1

neskafe1 - 6 февраля 2014 14:41 - Юзер


Вот собственно что получилось, сделал все как вы сказали

nazip
7

nazip - 6 февраля 2014 16:00 - Юзер


Я дал примерный код, он работает как вы хотите. Я вот только что проверил. Дело в том что он из выдуманных мной "данных". Я не могу по картинке определить стили и html код.
Если вы любите картинки объясню может так будет понятнее, в загруженном изображении я указал что за что отвечает в моем выдуманном шаблоне. Может так будет понятнее. А судя по тому что выложили вы, вы просто вставили мой код, соответственно он работаться не будет. Даже таких доп полей у вас не существует, их тоже необходимо менять на свои.

frizoro
33

95 | 135

frizoro - 6 февраля 2014 14:53 - Юзер

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

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы