Полезные советы веб-дизайнеру

03/03/2002

Еженедельная электронная рассылка

Выпуск# 25

ПОЛЕЗНЫЕ СОВЕТЫ
ВЕБ-ДИЗАЙНЕРУ

CSS

Изменение цвета ссылки при наведении на нее мышки.

В код страницы между тегами <head> и </head> нужно вставить следующее:

<style type="text/css">

</style>

Где text-decoration:none есть пареметр, означающий , что ссылка принудительно не будет подчеркнута.

Параметры "color" , определяют цвет сыллки, соответственно для:
A:link- цвет ссылки
A:visited- цвет посещенной ссылки
A:hover- цвет , который приобретет ссылка при наведении на нее мышки.

ИНТЕРActive

Этот скрипт был предоставлен нашим постоянным читателем Djadja Stjopa:
Скрипт быстрого поиска на странице

<script>
function findme(cValue) {if (cValue == null || cValue == '')
{alert ("Задайте слово для поиска"); return;}
var rng = document.body.createTextRange();
for (i=0; rng.findText(cValue)!=false; i++) {
rng.collapse(false);}
spanFound.innerHTML = "<nobr>Найдено <span style='font-weight: bold'>" + i + "</span>: </nobr>";
if(i != 0) {
search.innerHTML = '<nobr><button onClick="notmove()">Новый поиск</button> <button onClick="move(txtToFind.value)">Показать</button></nobr>'
}}
function move(cValue) {
search.innerHTML = '<nobr><button onClick="notmove()">Новый поиск</button></nobr>';
texfind.innerHTML = '<input type="Text" value="" id="txtToFind">';
var rng = document.body.createTextRange();
if (rng.findText(cValue) ==true) {
rng.select();rng.scrollIntoViev;
}}
function notmove(cValue) {
spanFound.innerHTML = 'Быстрый поиск: ';
texfind.innerHTML = '<input type="Text" value="" id="txtToFind">';
search.innerHTML = '<nobr><button onClick="findme(txtToFind.value)">Поиск</button></nobr>';
}
document.write("<div> <span id='spanFound'>Быстрый поиск: </span><span id='texfind'><input type='Text' value='' id='txtToFind'></span>");
document.write("<span id='search'><button style='width:100; text-align:center' onClick=findme(txtToFind.value)>Поиск</button></span></div>");
</script>

Здесь маленькая тонкость: выражения методов innerHTML и document.write должны быть на одной строке.

#CoLors#

Это примеры цветов и их шеснадцатеричный код.

A

#00008B

A

#008B8B

А

#7FFF00

A

#8A2BE2

A

#F5F5DC

A

#FF7F50

A

#A0CE00

A

#BD008B

Совет

Если вы хотите, чтобы ваш нумерованный список начинался с указанного вами номера или буквы, то вставьте атрибут start в дескриптор <ol> и укажите желаемый порядковый номер.
Например <ol start="4">

Текст вашего списка
Текст вашего списка
Текст вашего списка
Примечание: если атрибут start представляет собой число, а список не нумерованный , значение start определяет номер в последовательности нечисловых (алфавитных) значений.

Вопрос-Ответ

Вопрос:
как можно приметить ":first-lette" (первая буква) к тегу "А" (ссылка)?
Я хочу что-бы первая буква ссылки была жирная. Сейчас я выделяю ее с помощью "strong", но при этом происходит разрыв слова (поисковые системы при индексации первыю букву отделяют от остальных пробелом).
Ответ:
Тут такое дело, что в CSS пaраметр A: сам по себе не может включать в себя "first-letter", так что придется обмануть его:) В теле документа между тегами <head> & </head> в описании листа каскадных стилей нужно указать, что первая буква параграфа должна быть выделена жирным шрифтом :
<style type="text/css">
P: first-letter{font-weight: bold;} либо DIV:first-letter{font-weight: bold;} (используя тег DIV)
</style>
А затем самой ссылке присвоить параграф(или тег DIV) , т.е. <p><a href="адрес ссылки">текст ссылки</a></p>. Но в этом случае следует учесть, что параметр , указанный в листе каскадных стилей распространяется на все параграфы(или DIV) в документе. Поэтому тег <p></p> следует применять только к нужным частям текста. В остальных же случаях можно использовать альтернативные средства форматирования текста.

Эдмон и Ирэн
Напоминаем, что в скриптах могут быть ошибки, о которых мы бы хотели, чтобы вы сообщали.
Архив рассылки вы можете посмотреть на http://friends.pomorsu.ru/~admont/

Реклама

Внимание всем !!! Компания AGAVA предлагает бесплатный веб-хостинг, а вмести с ним неограниченное место, доменное имя третьего уровня и разрешает использование CGI скриптов, SSI, PHP, MySQL. Присоединяйтесь и вы не пожалеете.
http://hosting.agava.ru/?p=25170

Требуются программисты !!!!!
http://www.agava.ru/?p=25170