/
ваш баннер.
Статьи веб-мастеру [144]
Видеоуроки [8]
Поднятье страницы вверх
Хороший изменённый мини-чат
Мы Vконтакте.VK (отображеник вашей группы на сайте )
Светлый вид материалов каталога файлов с увеличением изображ
Вот это статистика всем статистикам для ucoz.
Скрипт баннерных мест 150х200 и 88х31 для темных дизайнов на
Часы для сайта со звуком (прикольно)
Скрипт красивый мини-чат для Ucoz
Радио для сайта(3шт)
Вид материала в синих тонах
200
    Информер

Главная » Файлы » Другое веб-мастеру » Статьи веб-мастеру

CSS3 трюк: «скрытое послание»
13.03.2010, 22:09
Очень жалко, что этот трюк возможен (без использования JS) только в CSS3, т.к. уж очень удобно было бы им воспользоваться, чтобы отпугивать воров контента Смотрите сами:

На месте воришки, я бы задумалась прежде чем копировать контент Теперь, давайте посмотрим, как это делается.
На самом деле, все до ужаса просто. Чтобы реализовать такой трюк нам понадобиться псевдо-класс ::selection, который мы применим к абзацам текста:

Code


p::selection { background: #f00; }  
p::-moz-selection { background: #f00; }

Префикс -moz- необходим, чтобы трюк работал и в FF.

Таким образом, при выделении текста мышкой, он полностью закраситься в черный цвет. А чтобы оставить то самое «скрытое послание», достаточно нужные слова заключить в какой-либо еще тег, например и прописать правила «читабельности» текста. И тогда получаем следующее:

Code


Этот текст при выделении никто не увидит.  
А этот текст увидят злостные воришки

абочий пример можно увидеть на сайте Ph.Creative, просто выделите весь текст мышкой.

P.S. Перенесла на Eskhosting еще один сайт (благо на тарифе Блог можно разместить аж до 5 сайтов!), теперь вообще не переживаю за стабильность, все работает как часы.

Категория: Статьи веб-мастеру | Добавил: Sm@sh
Просмотров: 472 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]


Что то ваше.
[ Кто on-line? ]
[ Кто нас сегодня посетил ]
Что лучше ?
Всего ответов: 67