Наш опрос
Вы добавили нас в закладки?
Всего ответов: 23
Случайный анекдот
18 В три часа ночи по московскому времени начался бой между тяжеловесами группой "Rammstein" и строительным перфоратором фирмы "Hoffmann". В четвёртом раунде обоим зачли техническое поражение: кто-то из соседей выкрутил пробки.
Статистика
Онлайн всего: 4
Гостей: 4
Пользователей: 0

» Сегодня нас посетили:
» Зарег. на сайте
Всего: 3478
Новых за месяц: 3
Новых за неделю: 1
Новых вчера: 0
Новых сегодня: 0
» Из них
Администраторов: 1
Модераторов: 3
С активностью: 176
Авторизованных: 3298

   Watermark для юкоз на css


Надоел стандартный ватермарк системы юкоз, немного погуглив нашел несколько решений этого вопроса, но все они использовали скрипты, а мне мягко говоря не хочется загружать сайт. И вот я нашел простое решение на чистом css. Установка очень проста и не требует от вас супер способностей, самое сложное будет нарисовать сам Watermark, для этого вам в помощь Photoshop или даже стандартный Paint.
Установка:
В css сохраняем код
Код
#gallery {width:100%; overflow:hidden;}  
#gallery a {position:relative; float:center;}  
#gallery a span { background-image:url(Ссылка на ваш Watermark); background-repeat:no-repeat; width:ширина ватермарка px; height:высота ватермарка px; position:absolute; right:1px; bottom:1px;}


Теперь идем в вид материалов нужного вам модуля и ставим
Код
<div id="gallery"><a title="$TITLE$" ><span></span><img src="ссылка на картинку" alt="$TITLE$"></a></div>

Вот и все, как и обещал установка не сложная.

Html редактор
Автор: Prosvetekvator
Просмотров: 11142
03.02.2013


Другие статьи почитайка;)
Поделись ссылкой на форумах
Ссылка:
BB-code:
HTML:


« Пред. Watermark для юкоз на css След. »

Всего комментариев: 5

4 Djdr f,hj (rop)
так и не смог разобраться как работает скрипт, особенно:
Цитата
Теперь идем в вид материалов нужного вам модуля и ставим
Выделить код
<div id="gallery"><a title="$TITLE$" ><span></span><img src="ссылка на картинку" alt="$TITLE$"></a></div>
куда именно этот код вставляется может подробней доработать описание

09.07.2013 в 16:21 | Перейти к материалу >
-
-1
+

5 Алексей Чубаров (Prosvetekvator)
Чего не понятно то? Какой модуль что ли? Или где вид материалов находится? Или где ссылку на картинку брать? Что?

Цитата
куда именно этот код вставляется
В вид материалов

09.07.2013 в 17:45 | Перейти к материалу >
-
0
+

2 (Амила)
А нельзя этот вотермарк в раскрытом изображении вставить? (Которое во втором спойлере)

29.06.2013 в 14:23 | Перейти к материалу >
-
0
+

3 Алексей Чубаров (Prosvetekvator)
Думаю можно, но я не знаю как это сделать

29.06.2013 в 14:36 | Перейти к материалу >
-
0
+

1 Алексей Чубаров (Prosvetekvator)
Вот так должно быть!

Код
<div id="gallery"><a title="$TITLE$"  href="$img_[запрещено]1$" onclick="return hs.expand(this, {captionid: 'caption1'})"><span></span><img     
src="$img_[запрещено]1$" width="173" alt="$title$"     
title="$title$"></a></div>

12.04.2013 в 16:30 | Перейти к материалу >
-
+1
+

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Форма входа

Мини-чат
Топ пользователей
Новое на форуме








Комментарии
11.06.2022