Как сделать на ноутбуке подсветку клавиатуры


Как сделать на ноутбуке подсветку клавиатуры

Как сделать на ноутбуке подсветку клавиатуры

Как сделать на ноутбуке подсветку клавиатуры



Автор КакПросто!

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

Как сделать подсветку кнопок

Статьи по теме:

Вам понадобится

  • Базовые знания языков HTML и CSS

Инструкция

1

Существует несколько вариантов реализовать такой механизм подсветки. При любом из них можно использовать один и тот же HTML-код, меняя лишь соответствующее ему стилевое описание. Код кнопки на языке HTML может выглядеть, например, так:<a href="#" id="btnA">текст на кнопке</a>Здесь указан идентификатор этого элемента страницы (id="btnA") к которому будет привязано описание стиля.

2

Для реализации одного из вариантов вам нужно заготовить две картинки, на одной из которых изображена кнопка в неактивном состоянии, а на второй - с подсветкой. Они будут использоваться как фоновое изображение ссылки. Инструкции CSS, относящиеся к этой кнопке, могут выглядеть так:<style type="text/css" media="all">
a#btnA, a#btnA:visited {
display: block;
width: 50px;
height: 20px;
background: url(btnA.gif) no-repeat;
border: 0;
}
a#btnA:hover {
background: url(btnA_hover.gif) no-repeat;
border: 0;
}
</style>Здесь в первом блоке указаны размеры картинки, изображающей кнопку (width: 50px; height: 20px;). Вам надо заменить их размерами своей картинки. Аналогично следует поменять имена файлов картинок: btnA.gif - это кнопка без подсветки, btnA_hover.gif - с подсветкой.

3

Один из альтернативных вариантов - поместить оба изображения в одну картинку. Можно одну над другой, а можно рядом. Она также будет использоваться как фон для ссылки. Поскольку размеры кнопки заданы в описании стиля кнопки, то все, что не вмещается в них, не будет видно. В этом случае инструкции, помещенные в CSS-описание должны при наведении курсора мыши прокручивать фоновую картинку таким образом, чтобы «в кадр» попадал участок с изображением подсвеченной кнопки. Для этого варианта код из предыдущего шага надо изменить таким образом:<style type="text/css" media="all">
a#btnA, a#btnA:visited {
display: block;
width: 50px;
height: 20px;
background: url(btnA.gif) no-repeat;
border: 0;
}
a#btnA:hover {
background: url(btnA.gif) no-repeat 21px;
border: 0;
}
</style>Здесь предполагается, что вы разместили изображения одно над другим (подсвеченное - снизу) и сохранили в файл с именем btnA.gif. Высота кнопок 20px, ширина 50px - эти значения вам надо заменить своими.

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

Как включить подсветку на ноутбуке

Инструкция

1

Подсветка клавиатуры включается при нажатии клавиши Fn и одной из дополнительных клавиш. Какую именно клавишу включать - зависит от модели ноутбука.

2

Во многих случаях необходимую комбинацию клавиш можно определить визуально, так как на добавочных клавишах (используется ряд F1–F12) производители наносят дополнительные символы. Цвет этих символов такой же, как и надпись на клавише Fn. Поэкспериментируйте, нажимая вместе с Fn клавиши с добавочными символами. Ищите рисунок с символом подсвеченной клавиатуры.

3

Учтите, что при нажатии клавиш вы можете задействовать и другие опции – выключение экрана, вход в спящий режим и т.д. Чтобы отменить изменения, нажмите ту же комбинацию клавиш еще раз.

4

Если рисунки на клавишах не позволили выявить нужную комбинацию, при этом вы точно знаете, что подсветка клавиатуры на вашем ноутбуке есть, попробуйте следующие комбинации:
- Fn + F6 или Fn + стрелка вправо;
- Fn + SPACE (пробел);
- Fn + F5.

5

В том случае, если на вашем ноутбуке подсветки клавиатуры нет, можно самостоятельно сделать внешнюю подсветку, используя питание +5 В от USB-разъема и один или несколько светодиодов белого свечения. В разъеме вам нужны два крайних контакта (левый и правый). Напряжение питания белого светодиода равно 3,5 В. Значит, необходим резистор, на котором будут гаситься лишние 1,5 В. Ток светодиода 20 мА, или 0,02 А. Тогда сопротивление добавочного резистора будет 1,5 В/0,02 = 75 Ом.

6

Если яркости одного светодиода недостаточно, подключите параллельно еще один с таким же резистором. Обязательно проконтролируйте потребляемый светодиодами ток, так как его отличие от 18-20 мA отрицательно сказывается на сроке службы светодиода. Нужный ток устанавливайте подбором резистора. USB-разъем способен отдать до 0,5 А – это значит, что от него можно запитать до 25 светодиодов.

Видео по теме

Полезный совет

На некоторых ноутбуках есть выделенная клавиша включения подсветки, она может находиться в верхнем левом углу клавиатуры.

Источники:

  • как включить подсветку клавиатуры asus

Видео по теме

Поиск

Статьи по теме:

Совет полезен?

Как сделать подсветку кнопок

Не получили ответ на свой вопрос?
Спросите нашего эксперта:

Новые советы от КакПросто

  • Рекомендованная статья

    Что выбрать: традиционный нетбук или планшет с клавиатурой?

    Рынок мобильной техники предлагает все больше интересных гаджетов, которые можно брать с собой для работы...

  • Как поставить таймер на выключение компьютера на Windows 7
  • Как выбрать 3D-принтер для дома
  • Как продлить срок службы батареи ноутбука
  • Как поставить на свое фото знак копирайта
  • Все статьи

Источник: http://www.kakprosto.ru/kak-31898-kak-sdelat-podsvetku-knopok


Как сделать на ноутбуке подсветку клавиатуры

Как сделать на ноутбуке подсветку клавиатуры

Как сделать на ноутбуке подсветку клавиатуры

Как сделать на ноутбуке подсветку клавиатуры

Как сделать на ноутбуке подсветку клавиатуры

Как сделать на ноутбуке подсветку клавиатуры

Как сделать на ноутбуке подсветку клавиатуры

Как сделать на ноутбуке подсветку клавиатуры