Вопрос по ссылкам на фотки??? - Компьютерный форум OSzone.net

Компьютерный форум OSzone.net (http://forum.oszone.net/index.php)

- Вебмастеру (http://forum.oszone.net/forumdisplay.php?f=22)

- - Вопрос по ссылкам на фотки??? (http://forum.oszone.net/showthread.php?t=65526)

Bono	11-05-2006 20:23 436864

Вопрос по ссылкам на фотки???

Други, подскажите!

Как сделать, чтобы ссылки на фотки (ссылки ввиде маленьких фоток) были черно-белыми, а при наведении на них мыши, они становились цветными. Видел такую штуку на каком-то сайте. Все фотки-ссылки черно-белые, а цветной становится та, на которую наводишь мышку.

Vlad Drakula

11-05-2006 22:58 436915

Bono
просто на JS либо подменяем картинку, либо просто меняем две картинки глубиной...

Bono	12-05-2006 17:17 437249

Цитата:

просто на JS либо подменяем картинку, либо просто меняем две картинки глубиной...

Vlad Drakula, а можно немного по подробнее, а то я пока не очень разбираюсь в этом. :)

Vlad Drakula

12-05-2006 18:03 437266

Bono
<img src="урла для обычного состояния" onmouseover="this.src='урла для наведенного состояния'" onmouseoге="this.src='урла для обычного состояния'"/>

dmitryst

12-05-2006 18:06 437267

Vlad Drakula не

Цитата:

onmouseoге

а onMouseOut

Vlad Drakula

12-05-2006 18:19 437274

dmitryst
ну... лписался чеголовек... каждый может... но веть ответ правильный?

Bono	12-05-2006 19:34 437288

Ура! Получилось! :clapping:

Vlad Drakula, большое спасибо за помощь!
dmitryst, спасибо за подсказку!

Подскажите, заодно, как сделать, чтобы ссылка при наведении мыши, тоже меняла цвет? ;)

Prisoner

13-05-2006 13:30 437489

Ссылки лучше сделать посредством псевдоселекторов CSS:

Код:

a.someName:link{

   color: Blue;

   text-decoration: underline;

}



a.someName:active {

   color: Blue;

   text-decoration: underline;

}



a.someName:hover {

   color: Red;

   text-decoration: underline;

}

И объявлять ссылку в виде

Код:

<a href="#" class="someName">someText</a>

dmitryst

13-05-2006 14:18 437497

Bono Ага, и таких стилей можно наплодить в нужном количестве, если надо.
Vlad Drakula я ж просто поправил :) предотвращая расход нервов Bono

Bono	13-05-2006 16:55 437523

Цитата:

Ссылки лучше сделать посредством псевдоселекторов CSS:

Код:
a.someName:link{
color: Blue;
text-decoration: underline;
}

a.someName:active {
color: Blue;
text-decoration: underline;
}

a.someName:hover {
color: Red;
text-decoration: underline;
}

А где все это писать? Я вписал в html-код страницы. И на самой странице появляется текст вышеуказанного кода и, естественно, ничего не работает?

dmitryst

13-05-2006 17:07 437529

Bono
Вроде, так:

Код:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>

<head>

<title>Вопрос по ссылкам на фотки???</title>

<meta name="description" content="Вопрос по ссылкам на фотки???">

<meta name="keywords" content="Вопрос по ссылкам на фотки???">

<meta http-equiv="Content-Type" content="text/html; charset=Windows-1251" />

<style>

a.someName:link{

   color: Blue;

   text-decoration: underline;

}



a.someName:active {

   color: Blue;

   text-decoration: underline;

}



a.someName:hover {

   color: Red;

   text-decoration: underline;

}

</style>

</head>

<body>

<a href="#" class="someName">someText</a>

</body></html>

Bono	13-05-2006 20:11 437586

Prisoner, спасибо за информацию!

dmitryst, огромное спасибо за более подробное пояснение! :)
А для чего нужны строки:

Код:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Код:

 <meta name="description" content="Вопрос по ссылкам на фотки???">

<meta name="keywords" content="Вопрос по ссылкам на фотки???">

<meta http-equiv="Content-Type" content="text/html; charset=Windows-1251" />

И без них все работает! :confused:

Vlad Drakula

14-05-2006 07:27 437726

Bono

Цитата:

А для чего нужны строки...

это уже отдельная тема, так что создай новый топик... там и получишь ответ!

dmitryst

15-05-2006 12:39 438197

Bono
1. Она вообще-то не очень нужна, просто описывает соответствие стандарту
2. Это слова для поисковых систем. Без них тоже заработает, просто я взял код этой страницы и почистил немного :)

Время: 02:46.