Как сделать вот такую Панель

автор Natsu Декабрь 19th 2013, 00:36

Вот как сделать такую панель при входе не форуме :

Как сделать вот такую Панель 0152525001387430805

Стандартный вариант:
https://help.forum2x2.ru/t4874-topic
https://help.forum2x2.ru/t13274-topic

Нестандартный вариант:
https://help.forum2x2.ru/t21819-topic
https://help.forum2x2.ru/t27757-topic

автор Natsu Декабрь 19th 2013, 11:08

Дана спасибо,но все равно не то мне надо вот такую страницу при входе,с другим дизайном вот как на этом форуме http://sea-adventures.forumeiros.com.pt/

1) Создайте html страницу и установите ее в качестве Главной

2) При создании страницы укажите
Название - любое
Вы хотите использовать верх и низ вашего форума? - Нет
Использовать эту страницу в качестве Главной? - Да
В поле Код HTML * добавьте следующее:

Код:: <!DOCTYPE html> <head> <meta charset="utf-8"> <title>Добро пожаловать на форум</title> <style> /* фоновое изображение страницы */ body {background: #fff url(http://i56.servimg.com/u/f56/15/82/36/69/18702010.jpg) top center no-repeat;} /* форма входа на странице */ #log_form { position: absolute; width: 500px; /* Ширина блока входа */ height: 431px; /* Высота блока входа */ left: 50%; top: 50%; margin-left: -250px; /* Отступ слева равен минус половине ширины блока входа */ margin-top: -150px; /* Отступ сверху */ background: transparent url(http://i56.servimg.com/u/f56/15/82/36/69/e9bbeb10.png) center no-repeat; /* Цвет и изображение фона */ font-size:12px; } /* настройки строк логина, пароля входа и регистрации */ #log_form label, #log_form a, #log_form #lgn { display: block; margin: 0 auto; width: 200px; /* ширина */ text-align: center; } #log_form label span, #log_form label input { display: block; padding: 5px 3px; margin: 0 auto; } /* внутренний отступ сверху */ #log_form .lg_fm { margin-top: 90px; } /* настройки полей входа и логина */ #log_form label input { width: 190px; margin-top: 3px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; } /* настройки кнопок входа и регистрации */ #log_form #lgn, #log_form #rgst { background-color: #96A24F; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; border:1px solid #ffffff; cursor:pointer; color:#ffffff; font-family:arial; font-size:15px; text-decoration:none; text-shadow:0px 1px 0px #506B07; width: 200px; padding: 6px 0; } #log_form #lgn:hover, #log_form #rgst:hover { background-color:#789529; } #log_form #lgn:active, #log_form #rgst:active { position:relative; top:1px; } </style> </head> <body> <form name="form_login" method="post" action="/login"> <div id="log_form"> <label class="lg_fm"><span class="genmed">Логин :</span><input name="username" size="10" type="text" class="post" /></label><label><span class="genmed">Пароль :</span><input name="password" size="10" type="password" class="post" /></label><br /><input value="Вход" name="login" type="submit" class="mainoption" id="lgn" /><br /><a href="/register" id="rgst">Зарегистрироваться!</a> </div> </form> </body> </html>

Отредактируйте настройки CSS (изображения и цвета).
Сохраните. Должно получится следующее:

Второй вариант:

Код:: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" id="min-width" lang="ru" xml:lang="ru" xmlns:og="http://opengraphprotocol.org/schema/" > <head> <meta charset="utf-8" /> <title>Добро пожаловать на форум!</title> <style type="text/css"> /* фоновое изображение страницы */ body { background-image: url(https://i37.servimg.com/u/f37/13/71/53/06/14432010.jpg); background-attachment: fixed; background-size: 100% 100%; } a { text-decoration: none; } .description { text-align: center; font-size: 21px; color: #FFF; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; text-transform: uppercase; text-shadow: 0px 1px 2px #000; } /* форма входа на странице */ #form_login { position: absolute; width: 380px; /* Ширина блока входа */ height: 400px; /* Высота блока входа */ left: 50%; top: 50%; margin-left: -190px; /* Отступ слева равен минус половине ширины блока входа */ margin-top: -200px; /* Отступ сверху */ font-size:12px; text-align: center; } #log_form { text-align: center; background: #d2aeb4 url() center no-repeat; padding: 20px 10px; -moz-box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.72); -webkit-box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.72); box-shadow: 0 0 6px 1px rgba(135, 134, 152, 0.72); border: 1px solid #e0c9b2; } /* настройки строк логина, пароля входа и регистрации */ #log_form label, #log_form a, #log_form #lgn { display: block; margin: 0 auto; width: 200px; /* ширина */ text-align: center; } #log_form label span, #log_form label input { display: block; padding: 5px 3px; margin: 0 auto; font-weight: bolder; font-size: 13px; } /* настройки полей логина - пароля */ #log_form label input { width: 190px; font-weight: bolder; font-size: 13px; margin-top: 3px; padding: 5px !important; outline: none; background-color: #f1f1f1 !important; border: none !important; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset, 0 1px 0 rgba(255, 255, 255, 1); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset, 0 1px 0 rgba(255, 255, 255, 1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset, 0 1px 0 rgba(255, 255, 255, 1); } /* настройки кнопок входа, пароля и регистрации */ #log_form #lgn, #log_form #rgst, #log_form #sendpass { background-color: #8a7a7a; cursor:pointer; color:#ffffff; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif !important; font-family:arial; font-size:11px; text-transform: uppercase; text-decoration:none; text-shadow: 0px 1px 2px #2F302D; width: 200px; padding: 6px 0; margin-bottom: 3px; border: none; position:relative; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; } /* цвет кнопок при наведении */ #log_form #lgn:hover, #log_form #rgst:hover, #log_form #sendpass:hover { background-color: #aaaac1; } /* смещение кнопок при клике */ #log_form #lgn:active, #log_form #rgst:active, #sendpass:active { top:1px; } /* ссылка на forum2x2 */ .sponsor { display: block; margin: 0 auto; color: #0D101F !important; text-decoration: none !important; font-size: 9px; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; text-transform: uppercase; padding: 3px; } </style> </head> <body> <form name="form_login" method="post" action="/login" id="form_login"> <a href="http://dizhelper.forum2x2.ru/forum" class="logo"><span class="description">Сразу перейти к форуму (click!)</span></a> <div id="log_form"> <label class="lg_fm"> <input name="username" size="10" type="text" class="post" placeholder="Имя пользователя" /></label> <label> <input name="password" size="10" type="password" class="post" placeholder="Пароль" /> </label> <br /> <input value="Вход" name="login" type="submit" class="mainoption" id="lgn" /> <a href="/profile?mode=sendpassword" id="sendpass">Забыли пароль?</a> <a href="/register" id="rgst">Зарегистрироваться!</a> </div> <a href="http://www.forum2x2.ru" target="_blank" class="sponsor">forum2x2.ru</a> </form> </body> </html>