Показаны сообщения с ярлыком Как?. Показать все сообщения
Показаны сообщения с ярлыком Как?. Показать все сообщения

четверг, 9 октября 2008 г.

Как изменить цвет фона выделенного текста?

Для того, чтобы поменять фоновый цвет при выделении текста со стандартного на желаемый, будем использовать псевдо-элемент ::selection (с псевдо-классом :last-child мы уже сталкивались ранее, когда создавали древовидный список).

К сожалению, ::selection используется только в CSS3 и поддерживается далеко не всеми браузерами, на данный момент - FireFox, Safari и Opera 9.5

Как изменить цвет фона выделенного текста с помощью CSS

Все достаточно просто, надо только в таблице стилей прописать background:

p::selection {
 background: #c9defd;    /* для Safari, Opera */
}
p::-moz-selection {
 background: #c9defd;    /* для FireFox */
}

Если хотим сделать разное цветовое выделение


Автор: ArtDeneb 0 коммент.
Ярлыки: , , ,

10 классных приемов по css

1. Как сделать, чтобы текст ссылки был одного цвета, а подчеркивание другого?

<html>
<head>
<style type="text/css">

  a {color:red;}
  a span {color: blue;}


</style>
</head>

<body>
<a href="#"><span>Текст ссылки</span></a>

</body>
</html>

2. Как убрать вокруг формы отбивку по умолчанию?


form {margin: 0;}

3. Как убрать рамку картинки, на которой стоит ссылка?


a img {border: none;}

4. Как выравнять картинку вертикально по центру в строке?

img.middle {vertical-align: middle;}

5. Как задать цвет для hr, чтобы работало во всех браузерах?

hr {
 color:blue;
 background-color:blue; /* для Opera и Mozilla */
 height: 1px;
 border-width:0px; /* убирает рамки вокруг разделителя */
}

Остальные 5 приемов!


Автор: ArtDeneb 0 коммент.
Ярлыки: ,

воскресенье, 21 сентября 2008 г.

Png-24 и IE 6- как решить проблему?

До тех пор, пока IE 6 версии и ниже не уйдет из обихода пользователей, нам предстоит решать проблему отображения png-24 в браузере. Это актуально хотя бы потому, что, согласно статистике, больше 50% посетителей используют до сих пор эксплорер, в связи с чем не принимать их во внимание будет глупо и непредусмотрительно. Как минимум это приведет к потере посетителей, не сумевших оценить ваш дизайн и использование в нем png.

Есть несколько способов решения проблемы отображения png-24 в Internet Explorer (IE)


Автор: ArtDeneb 0 коммент.
Ярлыки: , , ,

понедельник, 15 сентября 2008 г.

Как изменить цвет полосы прокрутки

Сегодня мы рассмотрим как изменить цвет полосы прокрутки со стандартного на... желаемый:)

Безусловно, у этого метода есть свой минус - изменения будут видны только в Internet Explorer версии не ниже 5.5. Но тем не менее это даем нам дополнительный шанс, чтобы выделиться и понравиться посетителям. Ничего сложного в этом нет.

Пример:

Как изменить цвет полосы прокрутки

Читать дальше »


Автор: ArtDeneb 0 коммент.
Ярлыки: , , ,
Подписаться на: Сообщения (Atom)