Наш опрос
Сколько у вас сайтов в системе uCoz?
Всего ответов: 48
Случайный анекдот
84 Для съемок одного фильма в Нью-Йорке понадобился разбитый автобус. Нашли один подходящий, с хорошей вмятиной от фонарного столба. Правда, на другом конце города. Снарядили мужика доставить сие транспортное средство на съемочную площадку. Благо, автобус на ходу, мужик сел, завел, поехал. По дороге решил перекусить, остановился у Макдональса, и ради шутки решил припарковаться таким образом, что бы вмятина пришлась как раз на фонарный столб. Зашел внутрь, перекусил. Выходит - а в салоне автобуса сидят с десяток евреев с порезами и царапинами на фейсах и названивают по сотовым своим адвокатам.
Статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0

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

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