Deutsch

изменение цвета.

222  1 2 все
  CTEPX Ом Мани Пэмэ Хум13.06.06 13:07
NEW 13.06.06 13:07 
Маленький вопрос. как сделать чтобы при наведении курсора надпись меня ла цвет.
спасибо.
#1 
  CTEPX Ом Мани Пэмэ Хум13.06.06 13:15
NEW 13.06.06 13:15 
в ответ CTEPX 13.06.06 13:07
и при этом выбрав даннйю страницу чтоб наднись осталась вторым цветом на то время пока я нахожусь на этой странице.
#2 
  scorpi_ скептик13.06.06 13:23
13.06.06 13:23 
в ответ CTEPX 13.06.06 13:07
В ответ на:
как сделать чтобы при наведении курсора надпись меня ла цвет.

http://de.selfhtml.org/css/eigenschaften/pseudoformate.htm#link_visited_focus_ho...
В ответ на:
и при этом выбрав даннйю страницу чтоб наднись осталась вторым цветом на то время пока я нахожусь на этой странице.

Формулируем вопрос ещё раз, на нормальном русском (немецком, английском) языке.
#3 
  CTEPX Ом Мани Пэмэ Хум13.06.06 13:32
NEW 13.06.06 13:32 
в ответ scorpi_ 13.06.06 13:23
1. Я навожу курсор надпись меняет цвет с красного на серый.
2. Нажав на надпись я выбираю страницу. Страница загружается и надпись остаётся серой на время просмотра страницы. и так с каждой страницей.
вроде понятно рассказал.
#4 
  CTEPX Ом Мани Пэмэ Хум13.06.06 13:34
NEW 13.06.06 13:34 
в ответ CTEPX 13.06.06 13:32, Последний раз изменено 13.06.06 13:37 (CTEPX)
пример http://www.audi.de/audi/de/de2.html меню справа
#5 
  scorpi_ скептик13.06.06 13:48
NEW 13.06.06 13:48 
в ответ CTEPX 13.06.06 13:32
Да мне и так вс╦ ясно, просто достала уже косноязычность большинства форумчан.
Да и в ч╦м проблема? Определи класс делаюший ссылку серой, и добавь этот класс к нужному (актуальному) пункту меню.
В ответ на:
.menu_item { color: black; }
.selected_item { color: gray; }
<a class="menu_item" href="a.html">A</a>
<a class="menu_item selected_item" href="b.html">B</a>
<a class="menu_item" href="c.html">C</a>


#6 
  CTEPX Ом Мани Пэмэ Хум13.06.06 14:01
NEW 13.06.06 14:01 
в ответ scorpi_ 13.06.06 13:48, Последний раз изменено 13.06.06 14:08 (CTEPX)
я постараюсь... потому что пока не особо в этом.
сейчас главная проблема куда точно запихнуть вот эти надписи
#7 
  CTEPX Ом Мани Пэмэ Хум13.06.06 14:17
NEW 13.06.06 14:17 
в ответ scorpi_ 13.06.06 13:48
не не смог.
даже сюда не могу скопировать чтоб показать как всё выглядит.
#8 
  scorpi_ скептик13.06.06 14:18
NEW 13.06.06 14:18 
в ответ CTEPX 13.06.06 14:17
А что, ещё что-либо непонятно?
#9 
  CTEPX Ом Мани Пэмэ Хум13.06.06 14:20
NEW 13.06.06 14:20 
в ответ scorpi_ 13.06.06 14:18
так как я понимаю вот те несколько строк я должен скопировать в классы
<style type="text/css">
</style>
но именно к какому пункту..потому что именно с класами у меня пока неясность небольшая..
#10 
  CTEPX Ом Мани Пэмэ Хум13.06.06 23:34
NEW 13.06.06 23:34 
в ответ CTEPX 13.06.06 14:20
может в╦ таки обьяснит мне кто нить на пальцах куда здесь поставить то что я хочу?
#11 
  scorpi_ скептик14.06.06 00:47
NEW 14.06.06 00:47 
в ответ CTEPX 13.06.06 23:34, Последний раз изменено 14.06.06 00:48 (scorpi_)
Сеанс телепатии? А что у тебя в HTML-файле стоит мы догадываться должны?
PS А стилям всё ж желательно давать осмысленные имена.
#12 
  Ostap Flash Master14.06.06 00:49
NEW 14.06.06 00:49 
в ответ CTEPX 13.06.06 13:07, Последний раз изменено 14.06.06 00:54 (Ostap)
А эта напись, это ссылка или простая надпись ?
Ты хочешь с помощью CSS изменить цвет ссылок ?
Ну а так, так посмотри тут основы (дальше внизу слева по странице) о CSS. http://dikarka.ru/lessons/lesson_00.shtml
#13 
  CTEPX Ом Мани Пэмэ Хум14.06.06 06:36
NEW 14.06.06 06:36 
в ответ scorpi_ 14.06.06 00:47
я думал что для изменения цвета меню как на сайте-примере от ауди нужны только стили...
чтон ужно ещё скопировать...без проблем.
Нужен точно такой же эффект как у ауди.
Без такого только эффекта как на германке : если нажал на ссылку один раз то она потом навсегда другим цветом остаётся.
Только так как я показал ...хххмм...
#14 
  CTEPX Ом Мани Пэмэ Хум14.06.06 06:38
NEW 14.06.06 06:38 
в ответ Ostap 14.06.06 00:49
просто при наведении курсора чтобы надпись изменяла чвет с #666666 на #800000...
это ссылки в меню ..самое главное меню.
#15 
  Ostap Flash Master14.06.06 13:06
NEW 14.06.06 13:06 
в ответ CTEPX 14.06.06 06:38, Последний раз изменено 14.06.06 13:11 (Ostap)
<<< Смотри слева.
Внимательно просмотри код посланной страницы.
Если и теперь не получится, то... тогда наверное уже никогда не получится.
a.one:link {color: #339999;text-decoration: none;}
a.one:visited {color: #0000ff}
a.one:hover {color: #FF00CC}
a.two:link {color: #ff0000}
a.two:visited {color: #0000ff}
a.two:hover {font-size: 150%}
a.three:link {color: #ff0000}
a.three:visited {color: #0000ff}
a.three:hover {background: #66ff66}
И в таком духе...
#16 
  CTEPX Ом Мани Пэмэ Хум14.06.06 15:50
NEW 14.06.06 15:50 
в ответ Ostap 14.06.06 13:06
да вроде получалось попробовал по примеру ссылки на ХТМЛкнигу...но я хотел разобраться..
слева я вижу надпись RAR стрелочку и точечку а опция "смотреть исходный текст" у меня в опере давно чего то не работает...
попробую посмотреть..
#17 
  scorpi_ скептик14.06.06 16:06
NEW 14.06.06 16:06 
в ответ Ostap 14.06.06 13:06
Приложения здесь работают нормально только для картинок, так что забудь о раре. Разработчики германки о MIME типах видимо ещё ни разу не слышали... crazy
#18 
  CTEPX Ом Мани Пэмэ Хум14.06.06 16:16
NEW 14.06.06 16:16 
в ответ scorpi_ 14.06.06 16:06
так что это значит ? что не я дурак? crazy
#19 
  Ostap Flash Master14.06.06 16:36
NEW 14.06.06 16:36 
в ответ scorpi_ 14.06.06 16:06, Последний раз изменено 14.06.06 16:40 (Ostap)
Хм... И правда, я свой собственный RAR сгрузил, но открыть не могу...
Ну ладно там, Стерксу, борцу с каскадными стилями, на вот, скопируй это всё в чистую страницу и посмотри что выйдет.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<style type="text/css">
a.one:link {color: #339999;text-decoration: none;}
a.one:visited {color: #0000ff}
a.one:hover {color: #FF00CC}
a.two:link {color: #ff0000}
a.two:visited {color: #0000ff}
a.two:hover {font-size: 150%}
a.three:link {color: #ff0000}
a.three:visited {color: #0000ff}
a.three:hover {background: #66ff66}
a.four:link {color: #ff0000}
a.four:visited {color: #0000ff}
a.four:hover {font-family: monospace}
a.five:link {color: #ff0000; text-decoration: none}
a.five:visited {color: #0000ff; text-decoration: none}
a.five:hover {text-decoration: underline}
.style1 {font-size: large}
</style>
</head>
<body>
<p align="center" class="style1">Наведи курсор на эти ссылки по очереди. </p>
<p><b><a class="one" href="default.asp" target="_blank">1. Эта ссылка изменяет свой цвет и без полосы внизу ( text-decoration: none)</a></b></p>
<p><b><a class="two" href="default.asp" target="_blank">2. Эта ссылка изменяет размер </a></b></p>
<p><b><a class="three" href="default.asp" target="_blank">3. Эта ссылка изменяет фон </a></b></p>
<p><b><a class="four" href="default.asp" target="_blank">4. Эта ссылка изменяет шрифт </a></b></p>
<p><b><a class="five" href="default.asp" target="_blank">5. У этой ссылки изменяется подчёркивание, то биш "decoration". </a></b></p>
</body>
</html>
#20 
1 2 все