Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях

Правила форума

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: Savepic Видео фоторедактор Транслит

оформить кнопки

Предыдущая тема Следующая тема Перейти вниз

оформить кнопки

Сообщение автор Kit в Пн 2 Янв - 0:39

Как можно оформить кнопки в быстром ответе? И в полном тоже. сделать их поярче и с закругленными уголками.


Kit
 

Мужчина

Сообщения : 706
Возраст : 18
Регистрация : 2011-09-01
Благодарности : 83

1 предупреждение

http://wresgame.forum2x2.eu/

Вернуться к началу Перейти вниз

оформить кнопки

Сообщение автор Dana Domirani в Пн 2 Янв - 0:43

Как вариант — добавьте в CSS:
Код:
/* кнопки предпросмотр, отправить, черновик, сохранить лс, удалить лс, лс в профиль, удалить все лс, кнопка нет, кнопка да, отмена подписки, проголосовать, отменить настройки, перейти */
input[name="preview"], input[name="post"], input[name="draft"], input[name="save"], input[name="delete"], input[name="moveprofile"], input[name="deleteall"], input[name="cancel"], input[name="confirm"], input[name="valid"], input[name="submit"], input[name="reset"], input[value="Перейти"] {
padding: 5px 10px !important;
margin: 10px 5px !important;
font-size: 13px !important;
background-color: #6495ED !important;
color: #000 !important;
border-radius: 5px;
-moz-border-radius: 8px;
border: 3px solid #DCDCDC;
-webkit-transition: background 0.2s, color 0.2s;
-moz-transition: background 0.2s, color 0.2s;
transition: background 0.2s, color 0.2s;
}

input[name="preview"]:hover, input[name="post"]:hover, input[name="draft"]:hover, input[name="save"]:hover, input[name="delete"]:hover, input[name="moveprofile"]:hover, input[name="deleteall"]:hover, input[name="cancel"]:hover, input[name="confirm"]:hover, input[name="valid"]:hover, input[name="submit"]:hover, input[name="reset"]:hover, input[value="Перейти"]:hover {
background-color: #778899 !important;
color: #fff !important;
-moz-box-shadow: 0 0 0 3px #778899;
-webkit-box-shadow: 0 0 0 3px #778899;
box-shadow: 0 0 0 3px #778899;
transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
}



Само собой, все цвета можно изменить по своему вкусу.

Еще есть вариант с графическими кнопками:
http://help.forum2x2.ru/t17437-topic



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript



Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22079
Возраст : 32
Место обитания : СПб
Регистрация : 2008-04-18
Благодарности : 8874

Без предупреждений

http://poltergeist-legacy.com/

Вернуться к началу Перейти вниз

Предыдущая тема Следующая тема Вернуться к началу


 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения