Главная | Регистрация | Вход Приветствую Вас Гость | RSS
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Форум » Все для Ucoz » Статьи вебмастеру » CSS3 трюк: «скрытое послание» (CSS3 трюк: «скрытое послание»)
CSS3 трюк: «скрытое послание»
cska7777777Дата: Воскресенье, 03.01.2010, 15:20 | Сообщение # 1
Генералиссимус
Группа: Администраторы
Сообщений: 474
Статус: Offline
Очень жалко, что этот трюк возможен (без использования JS) только в CSS3, т.к. уж очень удобно было бы им воспользоваться, чтобы отпугивать воров контента Смотрите сами:

На месте воришки, я бы задумалась прежде чем копировать контент Теперь, давайте посмотрим, как это делается.
На самом деле, все до ужаса просто. Чтобы реализовать такой трюк нам понадобиться псевдо-класс ::selection, который мы применим к абзацам текста:
Code
p::selection { background: #f00; }  
p::-moz-selection { background: #f00; }

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

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

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

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

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

 
Форум » Все для Ucoz » Статьи вебмастеру » CSS3 трюк: «скрытое послание» (CSS3 трюк: «скрытое послание»)
  • Страница 1 из 1
  • 1
Поиск:

Copyright MyCorp © 2018
Футбол на Soccer.ru: Новости футбола России и Европы онлайн, Евро кубки и чемпионаты Live Каталог Казахстанских ресурсов TABU SmartTop.info