Изменяем цвет выделения текста с помощью небольшого CSS кода

Всем привет.
Сегодня речь пойдёт о выделении текста на сайте, да-да даже таким вещам тоже стоит уделять внимание.
Конечно, в стандартном выделении текста нет ничего плохого, но все, же стандартное оно и в Африке стандартное…

Если вы выделите текст на моём блоге то увидите, что цвет выделенного текста будет несколько иного цвета, нежели на других сайтах. Разумеется, не только я один использую данную возможность, но всё-таки эту функцию использует очень мало людей.

Некоторые считают, что это ненужно, другие не знают как это реализовать, а третьи вообще не догадываются что это возможно.
Если вы относитесь к тем, кому это ненужно-то статью можете не читать, а если же всё-таки вас заинтересовала данная возможность, то сейчас я вам о ней расскажу.

Первым делом посмотрим на CSS код, который используется:

::selection {
background: #FFCC66;
}
::-moz-selection {
background: #FFCC66;
}

Если вы заметили то цвет в обоих пунктах повторяется, это из-за того что разным браузерам нужен разный CSS, ведь разные браузеры и работают по-разному.
Кстати скоро я напишу статью о главных различиях браузеров, которые могут помешать вам в вёрстке своих сайтов, подпишитесь на RSS, чтобы не пропустить это.

Итак, CSS код у нас есть теперь мы будем разбираться в том, как и куда его вставить.
Перейдите в CSS файл вашей темы или шаблона и в самом верху вставьте код, который вы видели выше, затем сохраните.
Теперь всё будет функционировать, вы сможете изменять цвет на любой, который вы захотите, но главное не забывайте, что в обоих пунктах цвет должен быть одним и тем же.

Кстати советую при выборе цвета ориентироваться на таблицу html цветов, которую составил Артемий Лебедев, которая находится здесь. В ней представлены наиболее безопасные html цвета, которые не режут глаз, и не будут затруднять жизнь пользователям.
И имейте ввиду: цвет выделения текста не должен совпадать с цветом текста, который будет выделяться, согласитесь это глупо, если чёрный текст выделяется чёрной рамкой и пользователь просто не может увидеть какой участок он выделил.

Если у вас возникнут какие-либо проблемы с использованием данного CSS кода, то задавайте свои вопросы в комментариях, я с удовольствием на них отвечу.

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

Кстати я часто натыкаюсь на различные скрипты, плагины и php функции, которые не позволяют копировать текст, и хотелось бы высказать своё мнение по данному поводу:
Ребят не страдайте фигнёй!
Даже самую сильную защиту можно обойти за пару минут, поэтому данные функции лишь повеселят «воров» и усложнят жизнь простым пользователям.

Ну а мне остаётся лишь попрощаться и пожелать вам удачи.
Искренне ваш Мудрый Кот.

А на закусочку клип на песню «Капитал», вам понравится!