Перекрашивание рамки тумб в streaме

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

юзая такой код в голове страницы

<STYLE type="text/css">
body {
background-color: #FFE9D2;
font-family: Tahoma;
font-size: 12px;
} a:link {color: #A05f19; font-weight: bold;} a:visited {color: #E16000; font-weight: bold;} a:active {color: #E16000; font-weight: bold;} a:hover {color: #f8c876; text-decoration: none; font-weight: bold;}
}
</STYLE>

и такой код в сабтемплейта:

<a href="streamrotator/out.php?l=#POS#&u=out.php?p=60&url=#ENCODED_GAL#" target="_blank"><img src="#THUMB#" width="150" height="200" border="1" alt="#DESC#"></a>

удалось добиться перекрашивания в хроме и опере. на так как главный браузер - это все таки IE, этого явно не достаточно...

.img{
BORDER: #062b2c 1px solid;
}
A:hover img {
BORDER: #cecfcf 1px solid;
}

и class="img" в сабтемплейт

по такой схеме сделай стили

Код:

a.thumb img { border: 2px solid #FF0000; } a.thumb:hover img { border-color: #000000; }

апдейт: класс добавил.

Последний раз редактировалось: stinger (30/08/09 в 19:38), всего редактировалось 1 раз

a:hover img { border: 1px solid #ffffff;} наверное так надо.

упс опоздал

A img {border-color:#FF0000; border-width:1px; border-style:solid;}
A:hover img{border-color:#000000; border-width:1px; border-style:dashed;}
Если хочешь чтобы пунктиром выделялись.

sawm писал:

class="img" в сабтемплейт

а куда его там добавить ?

del

$okolM писал:

а куда его там добавить ?

к тегу "<a>"

вообще лучше сделать общий див для блоков тумб типа

Код:

<div class="thumbs"> .... .... .... </div>

и тогда уже стили задавать так

.thumbs img {} и .thumbs a:hover img {}

+1 Skat , тоже так делаю, хтмл чище и легче получается.

а можно более развернуто, как для дураков, типа. я в врестке и в хтмле- полный 0

в стили между <STYLE> и </STYLE>

Код:

.thumbs A:link IMG {border: #ffffff 1px solid;} .thumbs A:hover IMG {border: #000000 1px solid;}

и в темплейте добавить

Код:

<a href="streamrotator/out.php?l=#POS#&u=out.php?p=60&url=#ENCODED_GAL#" target="_blank" class="thumbs"><img src="#THUMB#" width="150" height="200" border="1" alt="#DESC#"></a>

Gidz писал:

в стили между <STYLE> и </STYLE> Код: .thumbs A:link IMG {border: #ffffff 1px solid;} .thumbs A:hover IMG {border: #000000 1px solid;} и в темплейте добавить Код: <a href="streamrotator/out.php?l=#POS#&u=out.php?p=60&url=#ENCODED_GAL#" target="_blank" class="thumbs"><img src="#THUMB#" width="150" height="200" border="1" alt="#DESC#"></a>

вообще нифига не перекрашивает нифига ни в одном браузере !

A.thumbs:link IMG {border: #ffffff 1px solid;}
A.thumbs:hover IMG {border: #000000 1px solid;}

вот так попробуй

освоить хтмл и ксс, это день чтения без напрягов, и не надо будет 4 дня форум дрочить

http://www.firststeps.ru/

stinger писал:

A.thumbs:link IMG {border: #ffffff 1px solid;} A.thumbs:hover IMG {border: #000000 1px solid;} вот так попробуй

в хроме, в опере, в лисе пашет а в ИЕ6 - нет...

$okolM писал:

в хроме, в опере, в лисе пашет а в ИЕ6 - нет...

ИЕ не любит ховер, добавь в стили, помимо всего еще раз(специально для ИЕ )

Код:

A:hover{border: #ffffff 1px solid;}

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

Код:

A.thumbs:link IMG {border: #ffffff 1px dashed;} A.thumbs:hover IMG {border: #000000 1px solid;} A:hover {border: #000000 1px solid;}

HTML + CSS изучить и будет счастье.

А так ли эффективна эта фича? У меня она не даёт эффект, разницы абсолютно никакой в проде.

А никакой эффект и не даст, я так думаю. Дорку глубоко пох в какой цвет окрашивается бордюр у тумбы, а вот какой контент в этой тумбе точно не пох. У меня эта фича есть, ну просто вот так красиво что-ль. Просто чтобы смастерить её достаточно немного глубже (не больше чем на полметра ) копнуть CSS. Да тем более примеров масса в гугле.

Cyberex писал:

освоить хтмл и ксс, это день чтения без напрягов, и не надо будет 4 дня форум дрочить

ага , потом еще за день без напрягов изучи php, и на след. день фотошоп

вундеркинды подкатили

Вундеркинды не вундеркинды а хотя бы более-менее знать HTML+CSS знать полезно. Иль тут все уважаемые АВМы за каждым тэгом обращаются к дизайнеру?

знать полезно это логично для нас
но как выучить за 1 день это загадка