Форум

Страница 1 из 1
1

vAv5515

Дата: 19.02.2010, 10:02:33 Сообщение # 1

Пользователь

Сообщения:26

Награды:4

Отзывы:0

Skype пользователя:

Сайт пользователя:

Привет. Помогите разобраться с кнопкой!
Вот пример: http://prowebber.ru/index.php (НЕ РЕКЛАМА)
Там когда нажимаешь на кнопку подробнее она меняет цвет, как так сделать???
Спрашивал у админа на сайте, он падла не говорит =((
Может кто из вас знает.

ТимAТи

Дата: 19.02.2010, 13:14:35 Сообщение # 2

ТимАТи ©

Пользователь

Сообщения:106

Награды:9

Отзывы:0

это в КСС нужно делать

vAv5515

Дата: 19.02.2010, 13:24:58 Сообщение # 3

Пользователь

Сообщения:26

Награды:4

Отзывы:0

Skype пользователя:

Сайт пользователя:

ТимAТи,
а по подробнее можешь рассказать что да как?
я в долгу не останусь!

ТимAТи

Дата: 19.02.2010, 13:35:13 Сообщение # 4

ТимАТи ©

Пользователь

Сообщения:106

Награды:9

Отзывы:0

ок ща вспомню

Wines

Дата: 19.02.2010, 13:40:32 Сообщение # 5

Пользователь

Сообщения:346

Награды:68

Отзывы:10

Skype пользователя:

Сайт пользователя:

В CSS

Code

/*MORE & PRINT*/
.argmore { float: left; padding-top: 12px; margin-right: 12px; }
.argmore a {
  float: left;
  height: 28px;
  line-height: 25px;
  overflow: hidden;
  color: #fff;
  background: #7cad59 url("../images/morelink.png") no-repeat 100% 0;
  text-transform: uppercase;
}
.argmore a strong {
  float: left;
  height: 28px;
  padding: 0 12px;
  background: url("../images/morelink.png") no-repeat 0 -56px;
}

.argmore a:hover {  background: #5da3d9 url("../images/morelink.png") no-repeat 100% -28px; }
.argmore a:hover strong {  background: url("../images/morelink.png") no-repeat 0 -84px; }

В любое место где надо, например вид новостей

Code

Подробнее

и еще
/images/morelink.png
картинку какуюнибудь залей

ТимAТи

Дата: 19.02.2010, 14:07:54 Сообщение # 6

ТимАТи ©

Пользователь

Сообщения:106

Награды:9

Отзывы:0

а можно и по другому!

Сделал кнопку при наведении на которую идёт отблеск

это в CSS

Code

/* скачать от -=FoX=- начало */
.download{background:url('http://ms-studio.do.am/file/cnopka/1.png');width:250;height:35;border:0;}
.download:hover{background:url('http://ms-studio.do.am/file/cnopka/2.gif');width:250;height:35;border:0;}
/* скачать от -=FoX=- конец */

а это сама кнопка

Code