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

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


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

Мы в социальных сетях



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

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


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

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

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

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

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

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

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


Kit
 
 

Пол : Мужчина
Сообщения : 707
Возраст : 18
Карма : 1 предупреждение
Благодарности : 83
Регистрация : 2011-09-01

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
Администратор
Администратор

Пол : Женщина
Сообщения : 21913
Возраст : 31
Место обитания : СПб
Карма : Без предупреждений
Благодарности : 8764
Регистрация : 2008-04-18

http://poltergeist-legacy.com/

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

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


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