Поскольку фоновое изображения все чаще используется при создании различного рода WEB 2.0 сайтов я хочу привести пример реализации фиксированного фонового изображения.
CSS:
body { background:url(your-image.jpg) top right no-repeat; background-position:fixed; }
Где your-image.jpg как раз и является нашим изображением.
Возможно как раз Вам это было необходимо :- )
Читать далее Комментарии (0) 26-03-08 12:03:00 Большинство WEB браузеров умеют увеличивать текст ( исключение IE6, который не увеличивает изображение размеры которого заданы в пикселях ), однако далеко не все браузеры увеличивают изображения вместе с текстом (Firefox и Opera это конечно же не касается) . Как же сделать так, чтобы при увеличении текста изображение увеличивалось без потери качества а общее расположение элементов на странице оставалось прежним.
Есть достаточно простой способ это сделать, у изображения должен быть свой класс с предустановленной шириной скажем в 10em.
HTML:
<IMG src="images/fruit.jpg" alt="фрукт" class="expand">
CSS:
img.expand { width: 10em; }
Важно: необходимо убедиться в том, что стартовое изображение больше чем его размеры по умолчанию. Если изображение имеет размеры такие же как изображение которое отображается по умолчанию, то при увеличении будет заметна потеря качества.
Читать далее Комментарии (3) 16-03-08 18:03:57 Боремся с копированием изображений. Способ № 2Полагаю, что каждый из нас хоть раз, но встречал изображение ( картинку ) на которой зачастую в нижней ее части изображен к примеру логотип либо адрес сайта, на котором она размещена, это своего рода защита от копирования. Этот метод достаточно действенный поскольку разместив у себя данное изображение мы тем самым показываем где взяли данное изображение.
Однако с моей точки зрения данный метод обладает достаточно весомым недостатком а именно меняет само изображения нанося на него водяной знак.
Продолжая тему защиты изображения от копирования я хочу привести пример альтернативного способа защиты изображения от копирования, это конечно не остановит желающих получить его, но по крайней мере немного затормозит этот процесс.
Метод заключается в сокрытии части изображения
Примерно таким образом:
<div style="height:330px; width:500px; overflow:hidden;"><img src="image.jpg" width="500" height="400" />
Если вы попробуете сохранить данное изображение, то вы сохраните изображение с внесенными на него копирайтами как представлено выше.Комментарии (0) 6-03-08 14:03:01 Боремся с копированием изображений. Способ № 1Многие я полагаю замечали, что различные изображения очень часто “заимствуются” т.е. просто воруются с одного сайта и используются на другом, сегодня я хотел бы немного затронуть способ борьбы с копированием изображений.
Пример кода .htaccess который перенаправляет так сказать ссылки с других сайтов на заранее подготовленное изображение.
RewriteEngine On
RewriteCond %{HTTP_REFERER} !^http://(.+.)?yourwebsite.org.ua/ [NC]
RewriteCond %{HTTP_REFERER} !^$
RewriteRule .*.(jpe?g|gif|bmp|png|jpg)$ /images/yourgraphic.jpe [L]
.htaccess дает возможность владельцу сайта индивидуально конфигурировать веб-сервер в зависимости от своих потребностей.
Возможно создания множества файлов .htaccess - по одному на каждый каталог на вашем сайте.
Когда Вы что либо меняете ( создаете файл .htaccess ) не нужно перезапускать веб-сервер, изменения сразу же вступают в силу и действие данного файла распространятся только на директорию, в которой он расположен, следовательно при допущении какой либо ошибки Вы не нарушаете работу всего сервера.
.htaccess является служебным файлом и не доступен пользователям сайта, если файл расположен в корневой директории сервера, то его действие распространяется на весь сервер за исключением тех директорий, в которых есть свои файлы .htaccess.
Соответственно в дано коде вам необходимо заменить yourwebsite.org.ua на URL вашего сайта а изображение yourgraphic.jpe на соответствующее изображение, которое будет отображать что то на подобие “не хорошо воровать изображения … бла бла бла :- )”Комментарии (1) 5-03-08 11:03:44 Обновляем дату на копирайте автоматическиЛюбой создатель простого WEB-сайта в пару страниц или серьезного портала с ежедневным обновлением не забывает ставить копирайт, однако, исходя из собственных наблюдений, далеко не все WEB-сайты в силу ряда причин имеют соответствующую дату на копирайте.
Сегодня я приведу пример того, как можно легко избавить себя от подобной проблемы ( если это возможно назвать проблемой ) и сэкономить себе уйму времени если у вас более чем один WEB-сайт либо ваш сайт не динамический.
Данный код необходимо включить ( установить ) в необходимое нам место.
Copyright © <?php echo date('Y'); ?> Название Вашей Организации.
В данном примере мы использовали функцию date () которая формирует системную дату/время. В нашем случае мы получим год из 4х цифр … 2007 … 2008 и так далее.Комментарии (0) 6-02-08 10:02:00 |
