Новости Joomla

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

slepoy

  • Давно я тут
  • 753
  • 24 / 0
  • Тотальная шизофазия
Здравствуйте. Есть ряд изображений (не фоновые) и к некоторым из них нужно добавить небольшую картинку поверх в верхний правый угол. Например, что-то вроде "new" и т.п. т.е. по сути к таким "избранным" изображениям нужно добавить особый класс, но что в нем должно быть - ума не приложу.
Собственно, выглядеть в итоге должно примерно так:

Опишите, пожалуйста, параметры класса? Спасибо.
Помог? Поставь(те) плюс в репутацию.
*

gdX

  • Глобальный модератор
  • 995
  • 128 / 0
  • Открыт к заказам по дизайну
Как пример:

Код: html4strict
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru-ru" lang="ru-ru" >
<head>

<style type="text/css">
*{margin:0;padding:0;}
.img{position:relative;float:left;}
.img_new{position:absolute;top:0;right:0;background:red;padding:5px;}
</style>

</head>
<body>

<div class="img">
<img src="http://joomlaportal.ru/templates/jp/images/logo.gif" alt="" />
<img src="http://joomlaportal.ru/images/M_images/readon.gif" alt="" class="img_new" />
</div>
<div class="img">
<img src="http://joomlaportal.ru/templates/jp/images/logo.gif" alt="" />
<img src="http://joomlaportal.ru/images/M_images/readon.gif" alt="" class="img_new" />
</div>
<div class="img">
<img src="http://joomlaportal.ru/templates/jp/images/logo.gif" alt="" />
<img src="http://joomlaportal.ru/images/M_images/readon.gif" alt="" class="img_new" />
</div>

</body>
</html>

Ну а с отступами и с мелочами, думаю, что разберетесь.
*

slepoy

  • Давно я тут
  • 753
  • 24 / 0
  • Тотальная шизофазия
Код: html4strict
<div class="img">
<img src="http://joomlaportal.ru/templates/jp/images/logo.gif" alt="" />
<img src="http://joomlaportal.ru/images/M_images/readon.gif" alt="" class="img_new" />
</div>
У меня нет div'ов и желательно их избегать. Поэтому не могу таким образом совместить 2 класса.
Помог? Поставь(те) плюс в репутацию.
*

gdX

  • Глобальный модератор
  • 995
  • 128 / 0
  • Открыт к заказам по дизайну
*

danik.html

  • Живу я здесь
  • 2650
  • 353 / 4
имея тупо элемент img ты на него ничего не наложишь. нужно его обязательно обернуть во чтонибудь.
【Мегапак Virtuemart:
 • метатеги (description,keywords)
 • заголовки (title)
 • красивые алиасы (чпу) без тормозов и дублей!
*

gdX

  • Глобальный модератор
  • 995
  • 128 / 0
  • Открыт к заказам по дизайну
имея тупо элемент img ты на него ничего не наложишь. нужно его обязательно обернуть во чтонибудь.
Чистым CSS да, нужно к чему-то привязаться, но с вкраплением небольшого js можно.
*

slepoy

  • Давно я тут
  • 753
  • 24 / 0
  • Тотальная шизофазия
Убрал alt, title, blank и вот фрагмент:
Код
<td colspan="2" align="center" valign="top" width="548" class="bgc2">
<a href="site/amursvadba-big.jpg"><img src="site/amursvadba.jpg"/></a>
&nbsp; &nbsp;
<a href="site/dvsky-big.jpg"><img src="site/dvsky.jpg"/></a>
&nbsp; &nbsp;
<a href="site/giro-big.jpg"><img src="site/giro.jpg"/></a>
<br/><br/>
Снова повтор (по три картинки в каждом ряду)
</td>
При этом картинка New сопровождает абсолютно случайное изображение (не какой-то конкретный ряд и т.д.)
Возможно ли тогда изображение readon.gif ( условное "NEW", которое идет поверх) спрятать в класс, чтобы постоянно не прописывать его в HTML каждый раз? Лучше всего обойтись без JS. Спасибо.
П.с: тут: http://joomla1.5.youjoomla.info/youshopper/ значки "Top Deal" и "Free Delivery" в контенте идут как раз над текстом. Но ведь это не значит, что оно нормально наложится поверх картинки?
« Последнее редактирование: 30.05.2010, 18:33:23 от slepoy »
Помог? Поставь(те) плюс в репутацию.
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Позиция фонового изображения

Автор Forgiving

Ответов: 2
Просмотров: 1151
Последний ответ 30.03.2020, 10:58:49
от beliyadm
Рамка вокруг изображения (настройка)

Автор KingSnake

Ответов: 10
Просмотров: 2335
Последний ответ 12.08.2019, 14:48:41
от KingSnake
Ховер эффект для изображения

Автор Оксана6767

Ответов: 16
Просмотров: 4807
Последний ответ 17.04.2019, 09:30:15
от bayersoff
Как сделать чтоб картинка меняла масштаб вместе с ячейкой в которую вставлена?

Автор Dim

Ответов: 7
Просмотров: 3981
Последний ответ 02.12.2018, 23:54:36
от Dim
вывести элементы поверх остальных модулей

Автор lexxbry

Ответов: 6
Просмотров: 2283
Последний ответ 29.10.2017, 17:55:05
от lexxbry