Наш опрос
Какая у вас скорость интернета?
Всего ответов: 78
Случайный анекдот
111 Прилетел Змей Горыныч в деревню и говорит крестьянам: - Чтоб через неделю был собран обоз с золотом, иначе - всем хана! Собрались крестьяне мыслями, и пошли к Илье Муромцу... - Илья, змей прилетел, сказал золота обоз ему через неделю или всем хана! Выручай! - Ну, тут думать надо - говорит Илья. - Сколько думать то, Илюш? - Месяц думать надо. - Да ну тебя, помрем быстрей... И пошел народ к Добрыне Никитичу... - Добрыня, выручай, змей-золото-неделя... - Ну тут думать надо. - молвит Добрыня. - Сколько думать то? - Ну, недели две думать... - да ну тебя, помрем быстрей... Пошли они к Алеше Поповичу... - Алеша выручай, змей - золото – неделя - хана всем... Алеша вскакивает, берет меч, щит, запрыгивает на коня.... Народ в след: - Алеша, а как же думать??? - А х#ли тут думать – съ#бывать надо!!!
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0

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

   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
Просмотров: 11892
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