Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Общие вопросы по вёрстке » Наложение иконок категории а аватарки пользователя на картинки в новости.

Наложение иконок категории а аватарки пользователя на картинки в новости.


     28.07.2011    картинка, категории, аватарка, краткая новость, полная новость    Общие вопросы по вёрстке, Хаки    5000

вопрос
Помогите пожалуйста реализовать наложение иконки категории на все картинки краткой новости публикации. Примерно как тут:
Наложение иконок категории а аватарки пользователя на картинки в новости.


Если публикация находится в нескольких категориях, то иконки должны располагаться на картинке по порядку, в горизонтальном положении.

А также, наложение аватарки автора публикации:
Наложение иконок категории а аватарки пользователя на картинки в новости.


Надеюсь, Гуру не составит труда ответить на данные вопросы. winked

Ответил: ПафНутиЙ


Для вывода иконки категории на картинке необходимо сделать примерно следующее:
Во первых конечно выводить картинку через дополнительное поле. Во вторых в шаблон новости вставить:
[xfgiven_image]<div class="img_wrap"><img src="[xfvalue_image]"  alt=""/><div class="cat_icon">{category-icon}</div></div>[/xfgiven]

где image - имя дополнительного поля.
А в css прописать следующее:
.img_wrap {position:relative;}
.cat_icon {position:absolute; top: 5px; left: 5px;}

Это основное - остальное можете варьировать как душе угодно.

UPD 12.08.2011
По поводу вывода нескольких иконок категорий я ответил в этом вопросе
Отредактировал 12-08-2011, 08:46 - ПафНутиЙ
Причина: дополнил ответ

6 комментариев

Sander
PHP-developer

Sander - 28 июля 2011 21:25 -

Насчет вывода нескольких иконок - это уже надо хак писать.
Да и вывод аватарки - это тоже дополнительный запрос, или редактирование существующих.
А вот само расположение картинок - ничего сложного...

SanDev.pro - мой блог.

Telegram: @sandev
Skype: Sander8804

bratoz
Юзер

bratoz - 30 июля 2011 02:37 -

Цитата: Sander
Насчет вывода нескольких иконок - это уже надо хак писать.

эхх написал бы кто))

AndreY_ZO_o
Юзер

AndreY_ZO_o - 30 июля 2011 08:02 -

Если только за мани... no

DarkneZ
Юзер

DarkneZ - 30 июля 2011 12:07 -

всё отлично, но тег [xfgiven=image][/xf
given] лишний, а так же не [xfvalue=image], а [xfvalue_image]

ПафНутиЙ
Админ

ПафНутиЙ - 12 августа 2011 06:47 -

Дополнил ответ.

Каков вопрос - таков и ответ. Просто помните об этом.

AndreY_ZO_o
Юзер

AndreY_ZO_o - 12 августа 2011 07:23 -

Попробуем), благодарю)

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

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

наверх