in.uCoz.org PDA design by Prosvetekvator
 
 
Форма входа

Старая форма входа
 
 
 
 
Категории
Шаблоны для uCoz [18]
Виды материалов [10]
Мини профили [7]
Мини чаты [8]
Виды комментариев [14]
Формы входа [3]
Информеры [33]
Украшения [16]
Меню сайта [5]
Кнопки [27]
Шапки сайта [3]
Медиа [19]
Переключатели [8]
Разное [65]
Формы поиска [9]
Скрипты [46]
Игры на сайт [6]
Аякс (Ajax) окна [1]
PHP скрипты [3]
 
 
 
 
Материал
Главная » 2013 » Февраль » 3 » Watermark для юкоз на css
« Предидущий | ID: 92 | Следующий »

19:03
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>

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

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

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

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

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

3 Prosvetekvator  
Думаю можно, но я не знаю как это сделать

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>

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
 
 
 
 
Статистика
Вверх | меню | пользователи
Онлайн всего: 3
Гостей: 3
Пользователей: 0
 
 
Полная версия сайта