Новая тема   Ответить

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

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

<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, этого явно не достаточно...

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

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

 stinger
по такой схеме сделай стили
Код:
апдейт: класс добавил.

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

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

упс опоздал

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

 $okolM
sawm писал: а куда его там добавить ?

 $okolM
del

 stinger
$okolM писал:
к тегу "<a>"

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

Код:

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

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

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

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

 Gidz
в стили между <STYLE> и </STYLE>
Код:
и в темплейте добавить
Код:

 $okolM
Gidz писал:

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

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

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

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

 awm_mark


http://www.firststeps.ru/

 $okolM
stinger писал:

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

 FoxBrother
$okolM писал:
ИЕ не любит ховер, добавь в стили, помимо всего еще раз(специально для ИЕ )
Код:
то есть, если ты хочешь рамку белого цвета, шириной 1 пиксел и чтобы она , допустим пунктиром была, а при наведении на пикчу курсора, рамка становилась черной и цельной, тогда полный код должен выглядеть так:
Код:

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

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

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

 Skat
Cyberex писал:

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

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

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

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