Автор Тема: Помогите с дизайном кнопок на фф пожалст  (Прочитано 188 раз)

0 Пользователей и 1 Гость просматривают эту тему.

hdlimonАвтор темы

  • *
  • Оффлайн
  • Дата регистрации: Ноя 2017
  • Возраст: 24
  • Сообщений: 38
  • Страна: ru
  • Поблагодарили: 2 раз(а)
  • Репутация +0/-0
  • Пол: Мужской
  • Дата рождения:1993-08-29
  • Рефералов 0
    • Награды
  • Социальные сети:
    ВКонтакте
вот имеется обычная кнопка "купить" из файла farm.php
<form action="" method="post">
<input type="hidden" name="item" value="1">
<input type="submit" value="Купить" style="margin-top: 0px;font-size: 18px;width: 150px; color:#000000;">
По умолчанию она светло-коричневого цвета, когда наводишь мышкой - слегка темнеет.
Я хочу изменить оба эти цвета на свои, но при добавлении "background: rgb(0, 0, 0);" к примеру, кнопка меняет оба цвета.
Помогите пожалуйста изменить цвета по отдельности, буду очень признателен :svalka:

UPD. пытался найти в стилях - не нашел, так же как и шрифт и цвет используемый по умолчанию..
UPD2. в стилях нашел, все равно если есть способ задать этот параметр отдельно для каждой кнопки - подскажите как пожалст
 

APTEMOH

  • *
  • *
  • *
  • Оффлайн
  • Награды Более 10 созданных тем Болеее 300 сообщений Более 2 лет на форуме Репутация более 5
  • Дата регистрации: Сен 2015
  • Расположение: Расположение
  • Сообщений: 412
  • Страна: th
  • Поблагодарили: 35 раз(а)
  • Репутация +9/-0
  • Пол: Мужской
  • Рефералов 0
    • Награды
  • Социальные сети:
    ВКонтакте
Помогите с дизайном кнопок на фф пожалст
« Ответ #1 : 08 Декабрь 2017, 11:20:01 »
<input type="submit" value="Купить" style="margin-top: 0px;font-size: 18px;width: 150px; color:#000000;">

Изменить на

<input type="submit" value="Купить" class="myclass">

В стилях:

.myclass{
margin-top: 0px;
font-size: 18px;
width: 150px;
color: red;
}

И не забываем Ctrl+F5 несколько раз, КЕШ чистим.

hdlimonАвтор темы

  • *
  • Оффлайн
  • Дата регистрации: Ноя 2017
  • Возраст: 24
  • Сообщений: 38
  • Страна: ru
  • Поблагодарили: 2 раз(а)
  • Репутация +0/-0
  • Пол: Мужской
  • Дата рождения:1993-08-29
  • Рефералов 0
    • Награды
  • Социальные сети:
    ВКонтакте
Помогите с дизайном кнопок на фф пожалст
« Ответ #2 : 08 Декабрь 2017, 20:16:03 »
Изменить на

<input type="submit" value="Купить" class="myclass">

В стилях:

.myclass{
margin-top: 0px;
font-size: 18px;
width: 150px;
color: red;
}

И не забываем Ctrl+F5 несколько раз, КЕШ чистим.
т.е. единственный вариант создавать стиль для каждой кнопки, с этим то уже разобрался, думал есть команда второго цвета в строчку, ну ладно, все равно спасибо за ответ)
 

APTEMOH

  • *
  • *
  • *
  • Оффлайн
  • Награды Более 10 созданных тем Болеее 300 сообщений Более 2 лет на форуме Репутация более 5
  • Дата регистрации: Сен 2015
  • Расположение: Расположение
  • Сообщений: 412
  • Страна: th
  • Поблагодарили: 35 раз(а)
  • Репутация +9/-0
  • Пол: Мужской
  • Рефералов 0
    • Награды
  • Социальные сети:
    ВКонтакте
Помогите с дизайном кнопок на фф пожалст
« Ответ #3 : 09 Декабрь 2017, 14:40:09 »
т.е. единственный вариант создавать стиль для каждой кнопки

Нет! Один раз прописал в стилях класс и это class="myclass" добавляем к каждой кнопке и все. Нужно изменить что-то - изменил и поменялись все кнопки. Раньше нужно было на всех кнопках менять. В чем и прелесть данного метода.
 

hdlimonАвтор темы

  • *
  • Оффлайн
  • Дата регистрации: Ноя 2017
  • Возраст: 24
  • Сообщений: 38
  • Страна: ru
  • Поблагодарили: 2 раз(а)
  • Репутация +0/-0
  • Пол: Мужской
  • Дата рождения:1993-08-29
  • Рефералов 0
    • Награды
  • Социальные сети:
    ВКонтакте
Помогите с дизайном кнопок на фф пожалст
« Ответ #4 : 09 Декабрь 2017, 18:28:12 »
Нет! Один раз прописал в стилях класс и это class="myclass" добавляем к каждой кнопке и все. Нужно изменить что-то - изменил и поменялись все кнопки. Раньше нужно было на всех кнопках менять. В чем и прелесть данного метода.
так мне и надо очень много кнопок (порядка 50 штук) сделать разными)
 

Rich-99000000

  • *
  • Оффлайн
  • Награды Благодарность от форума На форуме более 1 года Болеее 300 сообщений Более 10 созданных тем
  • Дата регистрации: Июл 2016
  • Расположение: Novosibirsk
  • Возраст: 22
  • Сообщений: 396
  • Страна: ru
  • Поблагодарили: 66 раз(а)
  • Репутация +1/-0
  • Пол: Мужской
  • моды, сайты на заказ недорого >> ЛС
  • Дата рождения:1995-11-30
  • Рефералов 0
    • Награды
  • Социальные сети:
    ВКонтакте
Помогите с дизайном кнопок на фф пожалст
« Ответ #5 : 09 Декабрь 2017, 19:49:21 »
так мне и надо очень много кнопок (порядка 50 штук) сделать разными)
Ну самый верный тебе подсказал АРТЕМОН, а так пили к каждой style="background: red;" и тп что бредово и не соответствует международному стандарту w3c.  Создай двойной класс. Наприсер в основном запиши свойства обводки анимации и тп. А второй используй для разнобоя цветокоррекции: class="button color_red", class="button color_blue".
Для цветокоррекции при наведеии работай с подклассом :hover. Пример css: .color_red{ background: red; } .color_red:hover{ background: orange; }
 

hdlimonАвтор темы

  • *
  • Оффлайн
  • Дата регистрации: Ноя 2017
  • Возраст: 24
  • Сообщений: 38
  • Страна: ru
  • Поблагодарили: 2 раз(а)
  • Репутация +0/-0
  • Пол: Мужской
  • Дата рождения:1993-08-29
  • Рефералов 0
    • Награды
  • Социальные сети:
    ВКонтакте
Помогите с дизайном кнопок на фф пожалст
« Ответ #6 : 11 Декабрь 2017, 04:57:30 »
Для цветокоррекции при наведеии работай с подклассом :hover. Пример css: .color_red{ background: red; } .color_red:hover{ background: orange; }
вот это я искал! спасибо!
 

xarmaex

  • *
  • Оффлайн
  • Награды Более 2 лет на форуме Более 50 сообщений Более 10 созданных тем
  • Дата регистрации: Дек 2015
  • Сообщений: 92
  • Страна: ua
  • Поблагодарили: 14 раз(а)
  • Репутация +3/-0
  • Пол: Мужской
  • Рефералов 0
    • Награды
Помогите с дизайном кнопок на фф пожалст
« Ответ #7 : 11 Декабрь 2017, 20:58:54 »
.hd-menu li {
   display:inline;
   background: #DF7A00;  -  основной
   background: -o-linear-gradient(top, #DF7A00 0px, #AD4B00 100%);  - при наведении
   background: -moz-linear-gradient(top, #DF7A00 0px, #AD4B00 100%);
   background: -webkit-linear-gradient(top, #DF7A00 0px, #AD4B00 100%);
   background: -ms-linear-gradient(top, #DF7A00 0px, #AD4B00 100%);
   position:relative; border-radius:3px; padding:10px 15px; margin:10px 15px 10px 15px; cursor:pointer;
   border: 1px solid #AD4B00;
   text-align: center;
   font-size: 20px;
   color: #ffffff;
   text-shadow: 0 0 1px #2e0000, 0 0 2px #2e0000, 0 0 3px #2e0000, 0 0 4px #2e0000;
}
a:0:{}
 
Теги:
 

Помогите с модулем "Пин-коды" для фф

Автор alexku25Раздел Вопросы по настройке фф

Ответов: 2
Просмотров: 89
Последний ответ 16 Ноябрь 2017, 14:13:02
от alexku25
не зачисляется реферу рефералл после регистрации в ферме помогите!!!

Автор HDhewwnРаздел Вопросы по настройке фф

Ответов: 14
Просмотров: 851
Последний ответ 26 Июнь 2017, 23:36:42
от Rich-99000000
Срок жизни при выдаче дерева после реги!!!Помогите!

Автор viper5Раздел Вопросы по модулям фф

Ответов: 38
Просмотров: 1296
Последний ответ 05 Июль 2017, 22:21:27
от viper5
Народ срочно помогите ! Ферма в работе помощь нужна!

Автор Stepashka999Раздел Общие вопросы по фермам

Ответов: 8
Просмотров: 934
Последний ответ 28 Январь 2017, 16:03:55
от Slayder
Помогите! На ваш последняя надежда! Автоматические выплаты!

Автор SimonsShowРаздел Вопросы по модулям фф

Ответов: 5
Просмотров: 784
Последний ответ 31 Декабрь 2016, 20:08:59
от romcka8
Имя пользователя:
Пароль:
Session: