Наш опрос
Любите ли вы участвовать в опросах?
Всего ответов: 30
Случайный анекдот
102 Офицер из Управления по борьбе с незаконным оборотом наркотиков приехал на ферму и требует показать ему поля на предмет выращивания там наркосодержащих растений. Фермер отвечает: - Нет проблем, сэр, только не ходите во-он на то поле... Офицер прямо взорвался: - Мистер, со мной власть Федерального правительства! С гордостью достаёт из кармана значок: - Видите этот значок? Этот значок означает, что я могу ходить туда, куда мне заблагорассудится. Абсолютно по любой земле! Безо всяких вопросов и отчётов! Я понятно выражаюсь?! - О'кей, сэр, - соглашается фермер. - Вы имеете полное право идти туда, куда вам нужно. Через пять минут фермер видит, что офицер со всех ног убегает от огромного разъярённого быка, и постепенно бык настигает его. Фермер бросает свои инструменты, после чего подбегает к заграждению и кричит офицеру во всё горло: - Твой значок! Покажи ему свой значок!..
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0

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

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