подсветка картинки при наведении

V0
На сайте с 22.10.2009
Offline
65
10150

подскажите как сделать чтоб граница подсвечивать определенным цветом при наведении мышкой курсора. желательно готовые варианты.

[umka]
На сайте с 25.05.2008
Offline
456
#1

<style>

img.hl { border: none; }

img.hl:hover { border: #f00 1px solid; }

</style>

<img src="image.jpg" class="hl">

Лог в помощь!
V0
На сайте с 22.10.2009
Offline
65
#2

а не подскажете как это на dle провернуть с его встроенными тегами?

Y
На сайте с 14.05.2009
Offline
94
#3
vegas007:
с его встроенными тегами?

dle, такой dle. спецификацию html разработал свою собственную?

способ раз.

берете тег которым не пользуетесь. h6 какой-нибудь.

Открываете css/style.css, пишите

h6 img {

border: solid 1px #FFF;
}
h6 img:hover {
border: solid 1px #0FF;
}

Теперь, чтобы картинка стала "подсвечиваться", ставите ее в корткую или полную новость, выделяете мышкой, и там где панель со "встроенными тегами", в меню "Формат", надо выбрать "Заголовок 6".

Способ 2

Открываете shortstory.tpl/fullstory.tpl

В начало файлов пишите

<div class="podsvetka">

В конец файлов

</div>

Открываете css/style.css, пишите

.podsvetka img {

border: solid 1px #FFF;
}
.podsvetka img:hover {
border: solid 1px #0FF;
}

Теперь все добавляемые в новости картинки будут "подсвечиваться", без каких либо доп. манипуляций.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий