Форум
Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
(забыл / потерял пароль)
Общий FAQ по управлению форумом
FAQ: реклама на форуме
Туториалы по разным функциям ваших форумов
Алфавитный указатель
Интересные решения для форумов
Наши видео-туториалы
Условия пользования сервисом
Ссылки на полезные ресурсы
Последние темы
» ВПНавтор Danny_Marcelo Сегодня в 07:47
» Пропала вкладка "Обработка пользователей"
автор Svet007 Вчера в 07:39
» Как найти администратора?
автор PushPayer Ноябрь 21st 2024, 00:58
» Не корректное отображение картинок
автор VENEFICA. Ноябрь 15th 2024, 14:46
» Не меняется название форума
автор Aviator Ноябрь 14th 2024, 15:40
» Дублируется ссылка на форум в боковом меню
автор Чистый сталкер Октябрь 26th 2024, 21:13
» совет админам
автор лексей2222 Октябрь 23rd 2024, 05:45
» Проблема с гугл из-за Hitskin
автор Вултур Октябрь 21st 2024, 15:43
» [решено]Редактирвоание темы
автор AlexDarkTech Октябрь 13th 2024, 08:14
» Пропали иконки редактирования - HEEELP
автор Archaea Сентябрь 23rd 2024, 18:11
Замена и выравнивание кнопок
Участников: 4
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 2
Страница 1 из 2 • 1, 2 
Замена и выравнивание кнопок
автор Xan_Kriegor Июль 9th 2015, 23:21
Помогите эти кнопки (да/нет) ровно по центру и поменять их стиль под стиль сайта.
Вот так вышлядит мой шаблон confirm_body:
- Код:
<div align="center"><div class="main">
<div class="main-head"><h1 class="page-title">{MESSAGE_TITLE}</h1></div>
<div class="main-content">
<form action="{S_CONFIRM_ACTION}" method="post" class="frm-form">
<p class="frm-info">{MESSAGE_TEXT}</p>
{OPTIONAL_BAN_NEW}
<fieldset class="frm-set">
<dl>
<dt></dt>
<dd>
{S_HIDDEN_FIELDS}
<input type="submit" name="confirm" value="{L_YES}" />
<input type="submit" name="cancel" value="{L_NO}" />
</dd>
</dl>
</fieldset>
</form></div>
</div>
</div>
Я пробовал сам, но у меня не получается, кнопки все равно стоят не ровно по центру, а правее.
Так же нужно их изменить на такие:
Вот код этих кнопок:
В CSS:
- Код:
.button{text-decoration:none; text-align:center;
padding:11px 38px;
border:solid 1px #777777;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius: 3px;
font:12px Arial, Helvetica, sans-serif;
font-weight:bold;
color:#ffffff;
background:#000000;
-webkit-box-shadow:0px 0px 2px #777777, inset 0px 0px 1px #ffffff;
-moz-box-shadow: 0px 0px 2px #777777, inset 0px 0px 1px #ffffff;
box-shadow:0px 0px 2px #777777, inset 0px 0px 1px #ffffff;
}.button:hover{
padding:11px 38px;
border:solid 1px #01A1DF;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius: 3px;
font:12px Arial, Helvetica, sans-serif;
font-weight:bold;
color:#00a6ff;
background:#000000;
-webkit-box-shadow:0px 0px 2px #777777, inset 0px 0px 1px #ffffff;
-moz-box-shadow: 0px 0px 2px #777777, inset 0px 0px 1px #ffffff;
box-shadow:0px 0px 2px #777777, inset 0px 0px 1px #ffffff;
}.button:active{
padding:11px 38px;
border:solid 1px #00a6ff;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius: 3px;
font:12px Arial, Helvetica, sans-serif;
font-weight:bold;
color:#00a6ff;
background:#000000;
-webkit-box-shadow:0px 0px 2px #777777, inset 0px 0px 1px #ffffff;
-moz-box-shadow: 0px 0px 2px #777777, inset 0px 0px 1px #ffffff;
box-shadow:0px 0px 2px #777777, inset 0px 0px 1px #ffffff;
}
Код самой кнопки:
- Код:
<a href="ссылка на то, куда ведет кнопка" class="button"/>Текст кнопки</a>
Помогите плиз.
Xan_Kriegor-
-
Сообщения : 1100
Возраст : 41
Регистрация : 2013-09-18
Благодарности : 19
-
Re: Замена и выравнивание кнопок
автор Racoon Июль 10th 2015, 15:28
Добавьте в конец CSS стили
код самой кнопки вставлять никуда не нужно. Только стили
- Код:
.button, input[type="submit"]{
text-decoration:none; text-align:center;
padding:11px 38px;
border:solid 1px #777777;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius: 3px;
font:12px Arial, Helvetica, sans-serif;
font-weight:bold;
color:#ffffff;
background:#000000;
-webkit-box-shadow:0px 0px 2px #777777, inset 0px 0px 1px #ffffff;
-moz-box-shadow: 0px 0px 2px #777777, inset 0px 0px 1px #ffffff;
box-shadow:0px 0px 2px #777777, inset 0px 0px 1px #ffffff;
}
.button:hover, input[type="submit"]:hover{
padding:11px 38px;
border:solid 1px #01A1DF;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius: 3px;
font:12px Arial, Helvetica, sans-serif;
font-weight:bold;
color:#00a6ff;
background:#000000;
-webkit-box-shadow:0px 0px 2px #777777, inset 0px 0px 1px #ffffff;
-moz-box-shadow: 0px 0px 2px #777777, inset 0px 0px 1px #ffffff;
box-shadow:0px 0px 2px #777777, inset 0px 0px 1px #ffffff;
}
.button:active, input[type="submit"]:active{
padding:11px 38px;
border:solid 1px #00a6ff;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius: 3px;
font:12px Arial, Helvetica, sans-serif;
font-weight:bold;
color:#00a6ff;
background:#000000;
-webkit-box-shadow:0px 0px 2px #777777, inset 0px 0px 1px #ffffff;
-moz-box-shadow: 0px 0px 2px #777777, inset 0px 0px 1px #ffffff;
box-shadow:0px 0px 2px #777777, inset 0px 0px 1px #ffffff;
}
fieldset.frm-set dl dd {
margin-left: 0;
}
fieldset.frm-set dl dd, fieldset.frm-set dl dt {
padding: 0;
}
код самой кнопки вставлять никуда не нужно. Только стили
Racoon-
- Сообщения : 127
Возраст : 43
Регистрация : 2015-03-12
Благодарности : 100
-
Re: Замена и выравнивание кнопок
автор Xan_Kriegor Июль 10th 2015, 16:30
Все бы хорошо, но не подчеркиваются Да/Нет (если это возможно, то я хотел бы поменять их на текстовые, с подчеркиванием ссылок Да/Нет, как на остальных моих кнопках, как тут например: http://www.residentevilarena.com/t417-topic - кнопка "Обмен Баннерами", внизу)
и ломается форма написания ответа в сообщениях/в темах:
и ломается форма написания ответа в сообщениях/в темах:
Xan_Kriegor-
-
Сообщения : 1100
Возраст : 41
Регистрация : 2013-09-18
Благодарности : 19
-
Re: Замена и выравнивание кнопок
автор Racoon Июль 10th 2015, 16:48
В предложенных вами стилях нет подчеркивания. Добавьте строкуXаn_Kriеgor пишет:Все бы хорошо, но не подчеркиваются Да/Не
text-decoration: underline;
В стили
.button:hover, input[type="submit"]:hover
.button:active, input[type="submit"]:active
с формой нужно разбираться отдельно
Пока не используйте эти два стиля
- Код:
fieldset.frm-set dl dd {
margin-left: 0;
}
fieldset.frm-set dl dd, fieldset.frm-set dl dt {
padding: 0;
}
Собственно говоря эти стили применяют и к форме выхода и форме ответа.
Racoon-
- Сообщения : 127
Возраст : 43
Регистрация : 2015-03-12
Благодарности : 100
-
Re: Замена и выравнивание кнопок
автор Xan_Kriegor Июль 10th 2015, 16:50
В общем я буду ждать ответа, пока ничего менять не буду.
Xan_Kriegor-
-
Сообщения : 1100
Возраст : 41
Регистрация : 2013-09-18
Благодарности : 19
-
Re: Замена и выравнивание кнопок
автор Xan_Kriegor Июль 13th 2015, 07:47
Хотел узнать, есть ли решение?
Xan_Kriegor-
-
Сообщения : 1100
Возраст : 41
Регистрация : 2013-09-18
Благодарности : 19
-
Re: Замена и выравнивание кнопок
автор Racoon Июль 14th 2015, 21:57
Я написал выше. убрать два стиля для начала. Убедится что кнопки отображаются нормально, А затем заняться выравниванием. ПоэтапноXаn_Kriеgor пишет:Хотел узнать, есть ли решение?
Racoon-
- Сообщения : 127
Возраст : 43
Регистрация : 2015-03-12
Благодарности : 100
-
Re: Замена и выравнивание кнопок
автор Xan_Kriegor Июль 15th 2015, 01:15
Racoon, сделал! По сути проблема та же - кнопки "Да/Нет" отображаются нормально, а "Отправить" и "Предпросмотр" перестают нормально отображаться. Если убрать 2 вышеназванных стиля, то форма ответа не "съезжает" с места, но "Отправить" и "Предпросмотр" начинают бажить...
Xan_Kriegor-
-
Сообщения : 1100
Возраст : 41
Регистрация : 2013-09-18
Благодарности : 19
-
Xan_Kriegor-
-
Сообщения : 1100
Возраст : 41
Регистрация : 2013-09-18
Благодарности : 19
-
Re: Замена и выравнивание кнопок
автор Xan_Kriegor Июль 26th 2015, 17:50
Подскажите хотя бы, как сделать их ровно по центру, если с заменой все так сложно...
Xan_Kriegor-
-
Сообщения : 1100
Возраст : 41
Регистрация : 2013-09-18
Благодарности : 19
-
Xan_Kriegor-
-
Сообщения : 1100
Возраст : 41
Регистрация : 2013-09-18
Благодарности : 19
-
Re: Замена и выравнивание кнопок
автор Xan_Kriegor Июль 29th 2015, 22:34
Что-то совсем все глухо по этому вопросу... Помогите плиз.
Xan_Kriegor-
-
Сообщения : 1100
Возраст : 41
Регистрация : 2013-09-18
Благодарности : 19
-
Xan_Kriegor-
-
Сообщения : 1100
Возраст : 41
Регистрация : 2013-09-18
Благодарности : 19
-
Xan_Kriegor-
-
Сообщения : 1100
Возраст : 41
Регистрация : 2013-09-18
Благодарности : 19
-
Xan_Kriegor-
-
Сообщения : 1100
Возраст : 41
Регистрация : 2013-09-18
Благодарности : 19
-
Xan_Kriegor-
-
Сообщения : 1100
Возраст : 41
Регистрация : 2013-09-18
Благодарности : 19
-
Xan_Kriegor-
-
Сообщения : 1100
Возраст : 41
Регистрация : 2013-09-18
Благодарности : 19
-
Xan_Kriegor-
-
Сообщения : 1100
Возраст : 41
Регистрация : 2013-09-18
Благодарности : 19
-
Xan_Kriegor-
-
Сообщения : 1100
Возраст : 41
Регистрация : 2013-09-18
Благодарности : 19
-
Xan_Kriegor-
-
Сообщения : 1100
Возраст : 41
Регистрация : 2013-09-18
Благодарности : 19
-
Xan_Kriegor-
-
Сообщения : 1100
Возраст : 41
Регистрация : 2013-09-18
Благодарности : 19
-
Xan_Kriegor-
-
Сообщения : 1100
Возраст : 41
Регистрация : 2013-09-18
Благодарности : 19
-
Xan_Kriegor-
-
Сообщения : 1100
Возраст : 41
Регистрация : 2013-09-18
Благодарности : 19
-
Xan_Kriegor-
-
Сообщения : 1100
Возраст : 41
Регистрация : 2013-09-18
Благодарности : 19
-
Xan_Kriegor-
-
Сообщения : 1100
Возраст : 41
Регистрация : 2013-09-18
Благодарности : 19
-
Страница 1 из 2 • 1, 2
Похожие темы» Выравнивание в блогах
» Замена кнопок
» Замена кнопок
» Выравнивание по центру
» Выравнивание контейнера с вкладками
» Замена кнопок
» Замена кнопок
» Выравнивание по центру
» Выравнивание контейнера с вкладками
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 1 из 2
Права доступа к этому форуму:
Вы не можете отвечать на сообщения
Facebook
ВКонтакте
