Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
Самоучитель MySQL 5. Авторы: Кузнецов М.В., Симдянов И.В. Объектно-ориентированное программирование на PHP. Авторы: Кузнецов М.В., Симдянов И.В. C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В. PHP Puzzles. Авторы: Кузнецов М.В., Симдянов И.В. Самоучитель PHP 5 / 6 (3 издание). Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Дизайн кнопки
 
 автор: Freddie_X   (23.05.2006 в 09:24)   письмо автору
 
 

Есть ли какой нибудь способ менять дизайн кнопки, т.е. её цвет, форма, толщина границы и т.д.?

   
 
 автор: elenaki   (23.05.2006 в 11:11)   письмо автору
 
   для: Freddie_X   (23.05.2006 в 09:24)
 

можно так (style прямо в тэге button):

style="background-color:#cc3300;color:#ffffff; FONT-FAMILY: verdana; FONT-SIZE: 12px;text-decoration:none; BORDER: #000000 2px solid;font-weight: bold;cursor: pointer; cursor: hand;"


можно так (style в отд. файле):

.lmNormal {
    BORDER-RIGHT: medium none; BORDER-TOP: medium none; MARGIN-TOP: 1px; PADDING-LEFT: 6px; MARGIN-BOTTOM: 2px; PADDING-BOTTOM: 4px; MARGIN-LEFT: 1px; BORDER-LEFT: medium none; PADDING-TOP: 2px; BORDER-BOTTOM: medium none; BACKGROUND-COLOR: transparent
}
.lmMouseover {
    BORDER-RIGHT: #2e0e03 thin solid; BORDER-TOP: #e7d0be thin solid; MARGIN-TOP: 1px; PADDING-LEFT: 4px; MARGIN-BOTTOM: 2px; PADDING-BOTTOM: 2px; MARGIN-LEFT: 1px; BORDER-LEFT: #e7d0be thin solid; BORDER-BOTTOM: #2e0e03 thin solid; BACKGROUND-COLOR: #eda86f
}
.lmClick {
    BORDER-RIGHT: #e7d0be thin solid; BORDER-TOP: #2e0e03 thin solid; MARGIN-TOP: 1px; PADDING-LEFT: 4px; FONT-SIZE: 100%; MARGIN-BOTTOM: 2px; PADDING-BOTTOM: 2px; MARGIN-LEFT: 1px; BORDER-LEFT: #2e0e03 thin solid; COLOR: #ffffff; BORDER-BOTTOM: #e7d0be thin solid; BACKGROUND-COLOR: #985f34
}

<div onmouseup="this.className='lmMouseOver'" class=lmNormal onmousedown="this.className='lmClick'"  onmouseover="this.className='lmMouseOver'"> button</div>

   
 
 автор: Freddie_X   (23.05.2006 в 15:02)   письмо автору
 
   для: elenaki   (23.05.2006 в 11:11)
 

Спасибо!

   
 
 автор: Freddie_X   (23.05.2006 в 15:21)   письмо автору
 
   для: Freddie_X   (23.05.2006 в 15:02)
 

А как текст кнопки сделать Bold (Italic, [u]Underline[/u])?

   
 
 автор: AlexSol   (23.05.2006 в 17:01)   письмо автору
 
   для: Freddie_X   (23.05.2006 в 15:21)
 

.lmNormal {
font-weight:bold;
font-size:20px}

   
 
 автор: Freddie_X   (23.05.2006 в 17:21)   письмо автору
 
   для: AlexSol   (23.05.2006 в 17:01)
 

ХМм, мне не только Bold нужен, а ещё ещё и Italic и Underline

   
 
 автор: AlexSol   (23.05.2006 в 17:24)   письмо автору
 
   для: Freddie_X   (23.05.2006 в 17:21)
 

учите CSS!!!!!

font-style:italicж
text-decoration:underline;

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования