|
Кнопочки на CSS
|
| Автор |
Сообщение |
Systemnik Хостинг — это наше всё!

Зарегистрирован: 01.08.2008 Сообщения: 176
46 
|
Добавлено: Ср, 20 Авг, 2008 10:41 Заголовок сообщения: Кнопочки на CSS |
|
|
Собственно сабж.
Делаю диз.. черный с ораньжевым..
вобщем нужны кнопочки на css
такие нажимающиеся... кто нибудь поможет написать?
А то из меня дизайнер не очень.. пример подобной штучки вот:
| Код: | .tbut { height: 24px; line-height: 20px; }
.tbut a:link, .tbut a:active, .tbut a:visited {
font-size: 10px;
color: #636363;
text-decoration: none;
padding: 3px;
border-top: 1px solid #C2C2C2;
border-left: 1px solid #C2C2C2;
border-bottom: 1px solid #666666;
border-right: 1px solid #666666;
background-color: #E3E3E3;
}
.tbut a:hover {
text-decoration: none;
border-top: 1px solid #666666;
border-left: 1px solid #666666;
border-bottom: 1px solid #C2C2C2;
border-right: 1px solid #C2C2C2;
} |
Сразу говорю принадлежит не мне!
Автор этих классов автор мода text_buttons для phpBB 2
(ник не помню...). На phpbbguru.net без проблем найти можно..  _________________ Хоум пага с моими скриптами
Мой снегопад
JavaScript рулеззз  |
|
| Вернуться к началу |
|
 |
[LP]LordPro.teus $a ||= 5;


Зарегистрирован: 26.07.2007 Сообщения: 3191
32236 
|
Добавлено: Ср, 20 Авг, 2008 10:44 Заголовок сообщения: |
|
|
Systemnik
ну дак юзай.. код же работающий...
//офф: ппц, но пихать в подпись 9 строк... _________________
  |
|
| Вернуться к началу |
|
 |
Systemnik Хостинг — это наше всё!

Зарегистрирован: 01.08.2008 Сообщения: 176
46 
|
Добавлено: Ср, 20 Авг, 2008 10:46 Заголовок сообщения: |
|
|
| Цитата: | | //офф: ппц, но пихать в подпись 9 строк... |
Убрал...
| Цитата: | ну дак юзай.. код же работающий...
|
| Цитата: | | Делаю диз.. черный с ораньжевым.. |
_________________ Хоум пага с моими скриптами
Мой снегопад
JavaScript рулеззз  |
|
| Вернуться к началу |
|
 |
[LP]LordPro.teus $a ||= 5;


Зарегистрирован: 26.07.2007 Сообщения: 3191
32236 
|
Добавлено: Ср, 20 Авг, 2008 10:46 Заголовок сообщения: |
|
|
Systemnik
black, orange. еще что-то?) _________________
  |
|
| Вернуться к началу |
|
 |
Systemnik Хостинг — это наше всё!

Зарегистрирован: 01.08.2008 Сообщения: 176
46 
|
Добавлено: Ср, 20 Авг, 2008 10:55 Заголовок сообщения: |
|
|
Цвета я знаю.. Я про шрифт говорю и про размеры когда юзаешь кнопки какимито маленькими становятся а шрифт вообще не рассмотриш...  _________________ Хоум пага с моими скриптами
Мой снегопад
JavaScript рулеззз  |
|
| Вернуться к началу |
|
 |
[LP]LordPro.teus $a ||= 5;


Зарегистрирован: 26.07.2007 Сообщения: 3191
32236 
|
Добавлено: Ср, 20 Авг, 2008 10:57 Заголовок сообщения: |
|
|
убрать не судьба или английский тоже надо учить?) тогда рекомендую сперва англ, потом меньше возни с CSS, PHP, JS... _________________
  |
|
| Вернуться к началу |
|
 |
Systemnik Хостинг — это наше всё!

Зарегистрирован: 01.08.2008 Сообщения: 176
46 
|
Добавлено: Ср, 20 Авг, 2008 11:01 Заголовок сообщения: |
|
|
[LP]LordPro.teus,
не волнуйтесь с английским у меня проблем нет,
c JS и PHP проблем тоже не возникает.
Вы меня не знаете, зачем судить?
При том что изменять font-size я пробовал,
вы сами смените и увидите как и что... _________________ Хоум пага с моими скриптами
Мой снегопад
JavaScript рулеззз  |
|
| Вернуться к началу |
|
 |
[LP]LordPro.teus $a ||= 5;


Зарегистрирован: 26.07.2007 Сообщения: 3191
32236 
|
Добавлено: Ср, 20 Авг, 2008 11:07 Заголовок сообщения: |
|
|
| Код: | .tbut { height: 24px; line-height: 20px; }
.tbut a:link, .tbut a:active, .tbut a:visited {
font-size: 10px;
color: #636363;
text-decoration: none;
padding: 3px;
border-top: 1px solid #C2C2C2;
border-left: 1px solid #C2C2C2;
border-bottom: 1px solid #666666;
border-right: 1px solid #666666;
background-color: #E3E3E3;
}
.tbut a:hover {
text-decoration: none;
border-top: 1px solid #666666;
border-left: 1px solid #666666;
border-bottom: 1px solid #C2C2C2;
border-right: 1px solid #C2C2C2;
} |
Предположу, оранжевый на черном, а не наоборот... переделываем... Сразу уточню, под кнопками подразумеваю Input - Submit/Button... Должно работать.
| Код: | .tbut {
font-size: 14px;
color: orange;
padding: 3px;
border: 1px solid orange;
background: #000;
}
.tbut:hover {
border: 1px solid yellow;
} |
_________________
  |
|
| Вернуться к началу |
|
 |
Systemnik Хостинг — это наше всё!

Зарегистрирован: 01.08.2008 Сообщения: 176
46 
|
|
| Вернуться к началу |
|
 |
|