Всем привет.
Сегодня речь пойдёт о выделении текста на сайте, да-да даже таким вещам тоже стоит уделять внимание.
Конечно, в стандартном выделении текста нет ничего плохого, но все, же стандартное оно и в Африке стандартное…
Если вы выделите текст на моём блоге то увидите, что цвет выделенного текста будет несколько иного цвета, нежели на других сайтах. Разумеется, не только я один использую данную возможность, но всё-таки эту функцию использует очень мало людей.
Некоторые считают, что это ненужно, другие не знают как это реализовать, а третьи вообще не догадываются что это возможно.
Если вы относитесь к тем, кому это ненужно-то статью можете не читать, а если же всё-таки вас заинтересовала данная возможность, то сейчас я вам о ней расскажу.
Первым делом посмотрим на CSS код, который используется:
::selection {
background: #FFCC66;
}
::-moz-selection {
background: #FFCC66;
}
Если вы заметили то цвет в обоих пунктах повторяется, это из-за того что разным браузерам нужен разный CSS, ведь разные браузеры и работают по-разному.
Кстати скоро я напишу статью о главных различиях браузеров, которые могут помешать вам в вёрстке своих сайтов, подпишитесь на RSS, чтобы не пропустить это.
Итак, CSS код у нас есть теперь мы будем разбираться в том, как и куда его вставить.
Перейдите в CSS файл вашей темы или шаблона и в самом верху вставьте код, который вы видели выше, затем сохраните.
Теперь всё будет функционировать, вы сможете изменять цвет на любой, который вы захотите, но главное не забывайте, что в обоих пунктах цвет должен быть одним и тем же.
Кстати советую при выборе цвета ориентироваться на таблицу html цветов, которую составил Артемий Лебедев, которая находится здесь. В ней представлены наиболее безопасные html цвета, которые не режут глаз, и не будут затруднять жизнь пользователям.
И имейте ввиду: цвет выделения текста не должен совпадать с цветом текста, который будет выделяться, согласитесь это глупо, если чёрный текст выделяется чёрной рамкой и пользователь просто не может увидеть какой участок он выделил.
Если у вас возникнут какие-либо проблемы с использованием данного CSS кода, то задавайте свои вопросы в комментариях, я с удовольствием на них отвечу.
Теперь ещё немножко о выделении текста, я думаю, во время чтения у вас возникла мысль, что вы работаете на благо копипастерам, мол, ведь только они будут копировать текст.
Это не так, любой человек, который какое-то время читает ваш блог, может время от времени цитировать ваши высказывания в своих статьях, и т.д.
Кстати я часто натыкаюсь на различные скрипты, плагины и php функции, которые не позволяют копировать текст, и хотелось бы высказать своё мнение по данному поводу:
Ребят не страдайте фигнёй!
Даже самую сильную защиту можно обойти за пару минут, поэтому данные функции лишь повеселят «воров» и усложнят жизнь простым пользователям.
Ну а мне остаётся лишь попрощаться и пожелать вам удачи.
Искренне ваш Мудрый Кот.
А на закусочку клип на песню «Капитал», вам понравится!
Ух ты, интересно =) Не знал об этом, спасибо.
Sergio, всегда рад
Да, если не удаётся взять с сайта, то всегда можно взять с архива поисковика.
seo-самурай, Мало того!
Иногда можно обойти такую защиту посредством простого просмотра html кода
Это я не мог взять картинку с какого-то китайского сайта.
Администация нашего сайта вручает вам переходящий «Кубок признания» за неоценимые заслуги в области популяризации IT-технологий, просьба забрать по адресу http://dzyo-san.ru/?p=2589
seo-самурай, Завтра заберу
, как раз новую статейку добавлю и в конец записи вставлю заметку 
::selection {
background: #FFCC66;
}
::-moz-selection {
background: #FFCC66;
}
Не валидный код
Я когда читаю, всегда выделяю текст — так проще ориентироваться на странице. А на тех сайтах, которые закрываются скриптом, долго не задерживаюсь — некомфортно.
На каком-то блоге видела реализацию, когда не требуется вводить каждый раз Имя/URL. Как его мне не хватает )))
Моё почтение. Так быстро среагировал! Отличный пример как надо работать с поведенческим.
NMitra, всё для вас
Нашел ошибочку. Артемий Лебедев, а не Дмитрий) Очень помог твой пост, хороший блог)
Спасибо
Спасибо.
Для самого блоггера вещь конечно бесполезная, а вот гостю будет приятно копировать))
Да это очень хорошая тема! Спасибо
Вот немного улучшенный код, цвета на ваше усмотрение …
::selection {
background: #e8dc8d;
color: #000000;
}
::-moz-selection {
background: #e8dc8d;
color: #000000;
}
Двояко понимается как то
P.S. Please review our icons for Windows and windows13icons.
Все, что угодно.
P.S. Please review our icons for Windows and windows13icons.
Симпатичная мысль
P.S. Please review SEO Icons
Балин, вот это да…:(
P.S. Please review 3d Menu Icons from Ikonga
Это очень ценная информация
P.S. Please review Artistic Toolbar Icons from Happy Icon Studio
Как любопытно..
P.S. Please review Aero Business Icons for Wi… from popavidi3
Я конечно, прошу прощения, но, по-моему, есть другой путь решения вопроса.
P.S. Please review Avia oftware Icons from designesticons
Прикольно, я тронут)
P.S. Please review Online Icon Set from designesticons
шото слишком мутное
P.S. Please review Anchor Icon from email-icon-set
Интересная тема, приму участие. Я знаю, что вместе мы сможем прийти к правильному ответу.
P.S. Please review 48×48 Free Object Icons from Ikonod
ого!…. и такое бывает!…
P.S. Please review 3D Glossy Icons from Iconoman
Сожалею, что не могу сейчас поучаствовать в обсуждении. Очень мало информации. Но с удовольствием буду следить за этой темой.
P.S. Please review Aero Business Icons for Windows 8 Demo from fawkesbonfire
Просто сейчас занята наполнением новостного портала [url=http://super.real-warezok.ru/video/115-dom-svidanie-s-planetoj-home-2009-dvdrip.html]Дом — Свидание с планетой смотреть[/url]
Для всех оптимизаторов поможет [url=http://link.ac/]create short url[/url]
Просто сейчас работаю над развитием новостного блога [url=http://r54.info/hofqgigw.php]hakkapeliitta suv 5 шип[/url]
Всем пользователям рекомендую посмотреть [url=http://softwen.ru/films/9934-skachat-besplatno-fantomas-f.html]Фантомас[/url]
Одно из интерестных пополнений было [url=http://besters.info/films/5059-derushhijsya-tigr-kinta-2008-dvdrip.html]дерущийся тигрскачать[/url], что пополнилосьне очень давно
Совсем недавно меня безумно затронуло, это [url=http://cs-ua.net/news/laurent_wolf_no_stress/2011-07-03-99]Laurent Wolf — No Stress онлайн[/url]
Недавно нашел заметку об [url=http://seo-progon.info/seo/view.php?video=mAMFn324dug&feature=youtube_gdata_player&title=SEO+Jacking]смотреть SEO Jacking[/url]
Мне также очень приглянулась публикация [url=http://eportal.ws/video/7390-nostradamus-vsja-pravda-nostradamus-the.html]скачать Нострадамус — Вся правда[/url]
Недавно нашел на одном из сайтов некую статью: [url=http://necft.com/films/53021-nastoyaschaya-mafiya-long-zai-jiang-hu-1998-hdrip.html]Настоящая мафия бесплатно[/url]
Не так давно нашел заметку об [url=http://oborotos.ru/films/41961-pravda-o-zombi-the-truth-behind-zombies-2010.html]смотреть Правда о зомби[/url].
Нравится отдыхать и ознакамливатся с [url=http://zedu-gostur.ru/view.php?video=20LkYvEZOZs&title=WikiLeaks+Iraq+Shooting+Video+Analysis]смотреть онлайн WikiLeaks Iraq Shooting Video Analysis[/url]. И, в принципе, я очень энергичен
Очень нравится сайт где уведела [url=http://antirip.ws/komediya/5447-mokasiny-manitu-der-schuh-des-manitu-2001-dvdrip-avc.html]Мокасины Маниту смотреть бесплатно[/url]
Всем гостям рекомендую изучить [url=http://fanpic.ru/thumbnails.php?album=16]CHRISTIAN REISE LASSEN: современные художники[/url]
Просто сейчас занята созданием информационного сайта [url=http://rucatalog.ucoz.org/dir/4]рубрика «Интернет» порталы[/url]
Просто сейчас занимаюсь созданием новостного портала [url=http://i4s.info/base.php?id=117&lev=1]Наша Компания называется: Гарант-сервис[/url]
Недавно прочитал заметку про [url=http://softyork.ru/10307-lyubov-na-storone-on-va-saimer-dvdrip137.html]Любовь на стороне[/url]