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

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

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

Замена и выравнивание кнопок

Перейти вниз

Решено Замена и выравнивание кнопок

Сообщение автор Xan_Kriegor в Чт 9 Июл - 23:21

Замена и выравнивание кнопок 0_11bd7e_fcf0c206_orig

Помогите эти кнопки (да/нет) ровно по центру и поменять их стиль под стиль сайта.
Вот так вышлядит мой шаблон 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}" />&nbsp;
<input type="submit" name="cancel" value="{L_NO}" />
            </dd>
         </dl>
      </fieldset>
   </form></div>
  </div>
</div> 

Я пробовал сам, но у меня не получается, кнопки все равно стоят не ровно по центру, а правее.

Так же нужно их изменить на такие:
Замена и выравнивание кнопок 0_11bd84_2716bf32_orig

Вот код этих кнопок:
В 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>

Помогите плиз. 17
Xan_Kriegor
Xan_Kriegor
 
 

Сообщения : 866
Возраст : 35
Регистрация : 2013-09-18
Благодарности : 6

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

http://www.residentevilarena.com

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

Решено Re: Замена и выравнивание кнопок

Сообщение автор Racoon в Пт 10 Июл - 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
Racoon
 
 

Сообщения : 116
Возраст : 38
Регистрация : 2015-03-12
Благодарности : 100

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

http://palata7.forum2x2.ru

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

Решено Re: Замена и выравнивание кнопок

Сообщение автор Xan_Kriegor в Пт 10 Июл - 16:30

Все бы хорошо, но не подчеркиваются Да/Нет (если это возможно, то я хотел бы поменять их на текстовые, с подчеркиванием ссылок Да/Нет, как на остальных моих кнопках, как тут например: http://www.residentevilarena.com/t417-topic - кнопка "Обмен Баннерами", внизу)
и ломается форма написания ответа в сообщениях/в темах:
Замена и выравнивание кнопок 0_11c0f0_97ef1818_orig
Xan_Kriegor
Xan_Kriegor
 
 

Сообщения : 866
Возраст : 35
Регистрация : 2013-09-18
Благодарности : 6

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

http://www.residentevilarena.com

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

Решено Re: Замена и выравнивание кнопок

Сообщение автор Racoon в Пт 10 Июл - 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
Racoon
 
 

Сообщения : 116
Возраст : 38
Регистрация : 2015-03-12
Благодарности : 100

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

http://palata7.forum2x2.ru

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

Решено Re: Замена и выравнивание кнопок

Сообщение автор Xan_Kriegor в Пт 10 Июл - 16:50

В общем я буду ждать ответа, пока ничего менять не буду.
Xan_Kriegor
Xan_Kriegor
 
 

Сообщения : 866
Возраст : 35
Регистрация : 2013-09-18
Благодарности : 6

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

http://www.residentevilarena.com

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

Решено Re: Замена и выравнивание кнопок

Сообщение автор Xan_Kriegor в Пн 13 Июл - 7:47

Хотел узнать, есть ли решение?
Xan_Kriegor
Xan_Kriegor
 
 

Сообщения : 866
Возраст : 35
Регистрация : 2013-09-18
Благодарности : 6

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

http://www.residentevilarena.com

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

Решено Re: Замена и выравнивание кнопок

Сообщение автор Racoon в Вт 14 Июл - 21:57

Xаn_Kriеgor пишет:Хотел узнать, есть ли решение?
Я написал выше. убрать два стиля для начала. Убедится что кнопки отображаются нормально, А затем заняться выравниванием. Поэтапно
Racoon
Racoon
 
 

Сообщения : 116
Возраст : 38
Регистрация : 2015-03-12
Благодарности : 100

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

http://palata7.forum2x2.ru

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

Решено Re: Замена и выравнивание кнопок

Сообщение автор Xan_Kriegor в Ср 15 Июл - 1:15

Racoon, сделал! По сути проблема та же - кнопки "Да/Нет" отображаются нормально, а "Отправить" и "Предпросмотр" перестают нормально отображаться. Если убрать 2 вышеназванных стиля, то форма ответа не "съезжает" с места, но "Отправить" и "Предпросмотр" начинают бажить...
Xan_Kriegor
Xan_Kriegor
 
 

Сообщения : 866
Возраст : 35
Регистрация : 2013-09-18
Благодарности : 6

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

http://www.residentevilarena.com

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

Решено Re: Замена и выравнивание кнопок

Сообщение автор Xan_Kriegor в Пн 20 Июл - 7:54

^
Xan_Kriegor
Xan_Kriegor
 
 

Сообщения : 866
Возраст : 35
Регистрация : 2013-09-18
Благодарности : 6

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

http://www.residentevilarena.com

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

Решено Re: Замена и выравнивание кнопок

Сообщение автор Xan_Kriegor в Вс 26 Июл - 17:50

Подскажите хотя бы, как сделать их ровно по центру, если с заменой все так сложно...
Xan_Kriegor
Xan_Kriegor
 
 

Сообщения : 866
Возраст : 35
Регистрация : 2013-09-18
Благодарности : 6

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

http://www.residentevilarena.com

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

Решено Re: Замена и выравнивание кнопок

Сообщение автор Xan_Kriegor в Вт 28 Июл - 4:00

^
Xan_Kriegor
Xan_Kriegor
 
 

Сообщения : 866
Возраст : 35
Регистрация : 2013-09-18
Благодарности : 6

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

http://www.residentevilarena.com

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

Решено Re: Замена и выравнивание кнопок

Сообщение автор Xan_Kriegor в Ср 29 Июл - 22:34

Что-то совсем все глухо по этому вопросу... Помогите плиз. 17
Xan_Kriegor
Xan_Kriegor
 
 

Сообщения : 866
Возраст : 35
Регистрация : 2013-09-18
Благодарности : 6

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

http://www.residentevilarena.com

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

Решено Re: Замена и выравнивание кнопок

Сообщение автор Xan_Kriegor в Вт 4 Авг - 13:58

^
Xan_Kriegor
Xan_Kriegor
 
 

Сообщения : 866
Возраст : 35
Регистрация : 2013-09-18
Благодарности : 6

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

http://www.residentevilarena.com

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

Решено Re: Замена и выравнивание кнопок

Сообщение автор Xan_Kriegor в Вс 6 Сен - 20:25

^
Xan_Kriegor
Xan_Kriegor
 
 

Сообщения : 866
Возраст : 35
Регистрация : 2013-09-18
Благодарности : 6

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

http://www.residentevilarena.com

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

Вернуться к началу


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