Правила форума
для обязательного прочтения!
Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Последние темы
» Виджет календаряавтор Дмитрий Зверев Вчера в 23:20
» Как удалить с форума ссылки на 2x2 форум
автор Dana Domirani Вчера в 16:06
» Представляем Пакеты услуг Forum2x2 : новый способ развития форума
автор KatrinaZ Чт 19 Апр - 17:24
» не работает Тег <hr />
автор hawk9951 Чт 19 Апр - 16:46
» [Общая тема] Заявки на удаление сомнительной рекламы
автор abigal Чт 19 Апр - 14:32
» Вопрос от новичка
автор Dana Domirani Чт 19 Апр - 14:17
» Как убрать возможность писать для определенного гостя? (по айпи)
автор Alex317 Ср 18 Апр - 11:07
» Почему-то стал медленнее загружаться сайт, никаких изменений в последнее время не вносил.
автор Dantes Вт 17 Апр - 8:20
» Красивая цитата
автор hawk9951 Вт 17 Апр - 7:40
» css текста
автор hawk9951 Вс 15 Апр - 22:26
Интересные решения
Замена и выравнивание кнопок
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 2 из 2 • Поделиться •
Страница 2 из 2 • 1, 2
Замена и выравнивание кнопок
Первое сообщение в теме :

Помогите эти кнопки (да/нет) ровно по центру и поменять их стиль под стиль сайта.
Вот так вышлядит мой шаблон confirm_body:
Я пробовал сам, но у меня не получается, кнопки все равно стоят не ровно по центру, а правее.
Так же нужно их изменить на такие:

Вот код этих кнопок:
В CSS:
Код самой кнопки:
Помогите плиз.
Помогите эти кнопки (да/нет) ровно по центру и поменять их стиль под стиль сайта.
Вот так вышлядит мой шаблон 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>
Помогите плиз.

Re: Замена и выравнивание кнопок
Xan_Kriegor, здравствуйте
Речь о кнопках-выход из П/А? (это единственное, где я нашла)
Сразу ньюансы: в шаблоне есть фельд <dt></dt>, он имеет ширину 16 емов, из-за этого центрирование "уходит" вправо. Убрать этот фельд-лучше не надо, вдруг в какой нибудь другой локации это важно? (я НЕ знаю, но там и шрифту стили заданы, пусть лучше останется).
Поэтому, я прописала в процентах (42), у меня вроде ровно на разных размерах экрана, но вы попробуйте своим взглядом.
На сколько это правильно-тоже не знаю. Но вроде работает.
Вобщем, вы попробуйте, если что-удалите (и установите шаблон по умолчанию).
Вот вам шаблон confirm_body:

Сразу ньюансы: в шаблоне есть фельд <dt></dt>, он имеет ширину 16 емов, из-за этого центрирование "уходит" вправо. Убрать этот фельд-лучше не надо, вдруг в какой нибудь другой локации это важно? (я НЕ знаю, но там и шрифту стили заданы, пусть лучше останется).
Поэтому, я прописала в процентах (42), у меня вроде ровно на разных размерах экрана, но вы попробуйте своим взглядом.
На сколько это правильно-тоже не знаю. Но вроде работает.
Вобщем, вы попробуйте, если что-удалите (и установите шаблон по умолчанию).
Вот вам шаблон confirm_body:
- Код:
<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>
<style type="text/css">fieldset.frm-set dl dd {
margin-left: 42%;
} .pun input: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-color: #000 !important;
-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;
}.pun input{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-color: #000 !important;
-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;
}</style>
Re: Замена и выравнивание кнопок
Ой, простите, не заметила что вопрос "Вы действительно хотите выйти?" уже слева, я ведь удалила ваше центрирование (не совместимо)...
Эх, зря поторопилась, извините
Эх, зря поторопилась, извините

Re: Замена и выравнивание кнопок
Муха, речь идет о кнопках, которые на самом сайте, а не в ПА. Мне нужно сделать их ровно по центру и стилизовать, как ч описал выше.
Re: Замена и выравнивание кнопок
Это понятно. Просто у меня вопрос "действительно хотите выйти" появляется, если я из админки нажимаю кнопку выход. А с форума вылетаю сразу.@Xan_Kriegor пишет:Муха, речь идет о кнопках, которые на самом сайте, а не в ПА.
Ну, вобщем понятно, вы даже не попробовали, хотя стили кнопок я ставила ваши, а не свои "фантазировала".

Re: Замена и выравнивание кнопок
Муха, Спасибо тебе огромное)) Я-то все попробовал и поставил. Стили кнопок поменялись и они ровно по центру.
Как мне теперь сделать так, чтобы и надпись "Вы действительно хотите выйти?" была по центру?
Все все все - сам допетрил, что да как...
Прости, еще крохотный вопрос, как сделать, чтобы ссылки "ДА/НЕТ" подчеркивались???
Т. е. вот так, как например тут:

Все все все - сам допетрил, что да как...
Прости, еще крохотный вопрос, как сделать, чтобы ссылки "ДА/НЕТ" подчеркивались???
Т. е. вот так, как например тут:
Re: Замена и выравнивание кнопок
О, а я как раз готовый шаблон принесла, выровненный.@Xan_Kriegor пишет:Как мне теперь сделать так, чтобы и надпись "Вы действительно хотите выйти?" была по центру?
Все все все - сам допетрил, что да как...
==========================
Вот шаблон, это с вашим центрированием и стилем кнопок (как и вчерашний), но теперь всё по центру (вроде), и подчёркивание при наведении:

- Код:
<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>
<style type="text/css">fieldset.frm-set dl dd, fieldset.frm-set dl dt {
padding: 0em;
} .pun input:hover{text-decoration: underline;
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-color: #000 !important;
-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;
}.pun input{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-color: #000 !important;
-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;
}</style>
Re: Замена и выравнивание кнопок
Огромное спасибо тебе))))))
Эх... Все равно у меня кнопки справа, а не по центру...
Подчеркивание есть, но мышь не меняет курсор, как при наведении на ссылку... Но это не страшно... Главное, что кнопки почему-то не по центру...
Эх... Все равно у меня кнопки справа, а не по центру...
Подчеркивание есть, но мышь не меняет курсор, как при наведении на ссылку... Но это не страшно... Главное, что кнопки почему-то не по центру...
Re: Замена и выравнивание кнопок
Xan_Kriegor, я зарегистрировалась, у меня кнопки ровно (стоит 43,37% отступ)

А вот подчёркивания у меня нет
Хотя на моём форуме этот шаблон срабатывает, как я вам выше показала скрином...
Про курсор: у вас в CSS стиль стоит? Его наверно надо переставить в самый низ CSS (тогда на всех ссылках должен срабатывать)(террррритически
), илил дайте мне, я попробую прописать в шаблон.
(вы позавчерашний шаблон поставили?)

А вот подчёркивания у меня нет

Про курсор: у вас в CSS стиль стоит? Его наверно надо переставить в самый низ CSS (тогда на всех ссылках должен срабатывать)(террррритически

(вы позавчерашний шаблон поставили?)
Re: Замена и выравнивание кнопок
Приветик) Я поставил этот шаблон из этого сообщения:
А как называются настройки стиля курсора? Просто у меня дофига всего в CSS и я не знаю, как и что именно искать?
Новый шаблон, который ты последним давала, пробую ставить, который "выровненный с моим центрированием" - кнопки съезжают вправо...
Я просто нашел, где подправить, чтобы сама надпись "Вы действительно хотите выйти?" была по центру. Сами кнопки я двигал вручную, изменяя вот этот параметр "margin-left: 42%;". А вот с подчеркиванием и курсором беда...@Муха пишет:Xan_Kriegor, здравствуйтеРечь о кнопках-выход из П/А? (это единственное, где я нашла)
Сразу ньюансы: в шаблоне есть фельд <dt></dt>, он имеет ширину 16 емов, из-за этого центрирование "уходит" вправо. Убрать этот фельд-лучше не надо, вдруг в какой нибудь другой локации это важно? (я НЕ знаю, но там и шрифту стили заданы, пусть лучше останется).
Поэтому, я прописала в процентах (42), у меня вроде ровно на разных размерах экрана, но вы попробуйте своим взглядом.
На сколько это правильно-тоже не знаю. Но вроде работает.
Вобщем, вы попробуйте, если что-удалите (и установите шаблон по умолчанию).
Вот вам шаблон confirm_body:
- Код:
<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>
<style type="text/css">fieldset.frm-set dl dd {
margin-left: 42%;
} .pun input: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-color: #000 !important;
-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;
}.pun input{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-color: #000 !important;
-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;
}</style>
А как называются настройки стиля курсора? Просто у меня дофига всего в CSS и я не знаю, как и что именно искать?
Новый шаблон, который ты последним давала, пробую ставить, который "выровненный с моим центрированием" - кнопки съезжают вправо...
Re: Замена и выравнивание кнопок
Добрый!@Xan_Kriegor пишет: Я поставил этот шаблон из этого сообщения:

Ну так подчёркивание во втором примере.
Вот этот шаблон (который вы процитировали) уже с подчёркиванием (только снова проценты замените):
- Код:
<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>
<style type="text/css">fieldset.frm-set dl dd {
margin-left: 42%;
} .pun input:hover{text-decoration: underline;
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-color: #000 !important;
-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;
}.pun input{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-color: #000 !important;
-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;
}</style>
А вам палец нужен? (ну, курсор при наведении становится пальцем).@Xan_Kriegor пишет:Просто у меня дофига всего в CSS и я не знаю, как и что именно искать?
Если такая стрелка-как в примере первого поста, то я такое не умею, поищите в CSS cursor (а может в скриптах? простите, не сильна..)
Re: Замена и выравнивание кнопок
Муха, Спасибки тебе огромные))) Все круто, но как сделать, чтобы курсор менялся под ссылочный, я так и не допер...
Re: Замена и выравнивание кнопок
Xan_Kriegor, не за что

Если вас устроит курсор при наведении-"пальцем", то вот шаблон:@Xan_Kriegor пишет:но как сделать, чтобы курсор менялся под ссылочный
- Код:
<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>
<style type="text/css">fieldset.frm-set dl dd {
margin-left: 42%;
} .pun input:hover{text-decoration: underline;
cursor: pointer;
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-color: #000 !important;
-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;
}.pun input{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-color: #000 !important;
-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;
}</style>
Re: Замена и выравнивание кнопок
Муха, вот теперь все отлично! Жаль конечно, что кнопки нельзя поставить именно по центру, а приходится их двигать вручную, с пом. параметра "margin-left:".
Но в целом все ок.
Спасибо тебе большое!!!
Но в целом все ок.
Спасибо тебе большое!!!


Страница 2 из 2 • 1, 2
Бесплатный форум: форум поддержки :: Взаимопомощь и Поддержка :: Оформление вашего форума :: [Архив] Оформление форума
Страница 2 из 2
Права доступа к этому форуму:
Вы не можете отвечать на сообщения