Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

0

Кнопки, Цвет Шрифта

Автор feareel, 26 дек. 2013 08:13

Авторизуйтесь для ответа в теме

Сообщений в теме: 2

#1 feareel

Продвинутый пользователь

Пользователи
72 сообщений

Отправлено 26 Декабрь 2013 - 08:13

Сайт: http://volga-store.r...on' alt=':)' />

Поменял кнопки. Меня все устраивает, единственное, надо еще поменять местами цвета шрифта. Чтобы цвет шрифта на кнопке был светлым, а при наведении становился темным. Как сейчас, только наоборот. Как это сделать?

Наверх

#2 Castiel

Активный участник

Модераторы
3 519 сообщений

ГородНижний Новгород

Отправлено 26 Декабрь 2013 - 08:17

feareel (26 Декабрь 2013 - 08:13) писал:

Сайт: http://volga-store.r...':)' />' />

Поменял кнопки. Меня все устраивает, единственное, надо еще поменять местами цвета шрифта. Чтобы цвет шрифта на кнопке был светлым, а при наведении становился темным. Как сейчас, только наоборот. Как это сделать?

Находим

a.readmore:hover {
color: #fff;
background: url(http://design.volga-store.ru/read_more2.png) no-repeat left bottom;
}

Заменяем на

a.readmore:hover {
color: #666;
background: url(http://design.volga-store.ru/read_more2.png) no-repeat left bottom;
}

Находим

a.readmore {
font: bold 12px/30px Tahoma, Geneva, sans-serif;
color: #666;
text-decoration: none;
background: url(http://design.volga-store.ru/read_more2.png) no-repeat left top;
height: 30px;
width: 135px;
padding-left: 15px;
display: block;
}

Заменяем на

a.readmore {
font: bold 12px/30px Tahoma, Geneva, sans-serif;
color: #fff;
text-decoration: none;
background: url(http://design.volga-store.ru/read_more2.png) no-repeat left top;
height: 30px;
width: 135px;
padding-left: 15px;
display: block;
}

Наверх

#3 feareel

Продвинутый пользователь

Пользователи
72 сообщений

Отправлено 26 Декабрь 2013 - 08:33

Castiel (26 Декабрь 2013 - 08:17) писал:

Находим

a.readmore:hover {
color: #fff;
background: url(http://design.volga-store.ru/read_more2.png) no-repeat left bottom;
}

Заменяем на

a.readmore:hover {
color: #666;
background: url(http://design.volga-store.ru/read_more2.png) no-repeat left bottom;
}

Находим

a.readmore {
font: bold 12px/30px Tahoma, Geneva, sans-serif;
color: #666;
text-decoration: none;
background: url(http://design.volga-store.ru/read_more2.png) no-repeat left top;
height: 30px;
width: 135px;
padding-left: 15px;
display: block;
}

Заменяем на

a.readmore {
font: bold 12px/30px Tahoma, Geneva, sans-serif;
color: #fff;
text-decoration: none;
background: url(http://design.volga-store.ru/read_more2.png) no-repeat left top;
height: 30px;
width: 135px;
padding-left: 15px;
display: block;
}

Спасибо! Помогло!