Форум поддержки пользователей ZeroParking |
Привет, Гость! Войдите или зарегистрируйтесь.
Вы здесь » Форум поддержки пользователей ZeroParking » Архив тем » Вид кнопок
Вопрос, наверное, баянистый, но поиск ничего вразумительного не выдал.
В общем, сегодня впервые столкнулась с проблемой внешнего вида кнопок (обзор, отправить, посмотреть...). Раньше даже в голову не приходило придраться к форме, но сейчас работаю над новым дизайном и никак не могу смекнуть, где же настраивается вид кнопки.
Проше говоря, нужно плоские заменить на объемные.
Теги: вид кнопок
.
Ksana класс .button
Для объемных кнопок - ставите картинкой к бекграунду
.button {
background-color:transparent;
border:none transparent 0;
background-image:url(/img/smilies/MyBB/dark/mybb.gif);
background-repeat:no-repeat;
background-position:50% 50%;
}
.button:active {
background-image:url(/img/smilies/MyBB/dark/writing.gif);
}
Проблема только в том, что длина кнопок чуть различаецо - поэтому придется искать дополнительно уточняющие селекторы
и ставить под каждый - свою картинку:
Например для кнопки отправить суммарный селектор будет таков:
p.formsubmit .button
Проще взять поставить скрипт абсолютного помощника по дизайну и наводя курсор на кнопу, - брать два младших(справа) селектора элемента
Надпись на кнопке можно оставить текущую ( если нет, - дополнить первую часть кода строкой:
color:transparent;
и надписи прорисовывать свои на картинке
Отредактировано Deff (2011-04-12 08:44:07)
| Скрипт кнопок "Новая тема" и "Н. Опрос" | Архив тем | 2010-11-07 |
| Вопрос по поводу кнопок | Архив тем | 2010-11-01 |
| НЕЛПППП! Проблема с таблицей и видом | Вопросы по скриптам | 2010-11-15 |
| несколько вопросов по оформлению. < | Архив тем | 2010-05-28 |
| Вопросы насчет форума 8 < | Архив тем | 2012-01-22 |
Вы здесь » Форум поддержки пользователей ZeroParking » Архив тем » Вид кнопок