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

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


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

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

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


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

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: j-p-g.net Видео фоторедактор Транслит

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

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

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

Сообщение автор Natsu в Чт 19 Дек - 0:36

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

avatar
Natsu
 

Мужчина

Сообщения : 141
Возраст : 22
Регистрация : 2013-06-07
Благодарности : 0

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

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

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

Сообщение автор Dana Domirani в Чт 19 Дек - 9:29




Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript


avatar
Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22506
Возраст : 33
Регистрация : 2008-04-18
Благодарности : 9064

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

http://poltergeist-legacy.com/

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

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

Сообщение автор Natsu в Чт 19 Дек - 11:08

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

Мужчина

Сообщения : 141
Возраст : 22
Регистрация : 2013-06-07
Благодарности : 0

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

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

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

Сообщение автор Dana Domirani в Вс 22 Дек - 4:19

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>




Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript


avatar
Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22506
Возраст : 33
Регистрация : 2008-04-18
Благодарности : 9064

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

http://poltergeist-legacy.com/

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

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

Сообщение автор Natsu в Вс 22 Дек - 14:11

Спасибо, но у меня вот такое получается
avatar
Natsu
 

Мужчина

Сообщения : 141
Возраст : 22
Регистрация : 2013-06-07
Благодарности : 0

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

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

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

Сообщение автор Dana Domirani в Пн 23 Дек - 7:58

@Natsu пишет:Спасибо, но у меня вот такое получается
При создании страницы укажите

Вы хотите использовать верх и низ вашего форума? - Нет



Где находится CSS?
Па > Оформление > Цвета > Каскадная таблица стилей CSS


Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки


Где находится раздел для подключения скриптов
ПА > Модули > Управление кодами Javascript


avatar
Dana Domirani
Администратор
Администратор

Женщина

Сообщения : 22506
Возраст : 33
Регистрация : 2008-04-18
Благодарности : 9064

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

http://poltergeist-legacy.com/

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

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

Сообщение автор Natsu в Пн 23 Дек - 17:54

13   13   13 
avatar
Natsu
 

Мужчина

Сообщения : 141
Возраст : 22
Регистрация : 2013-06-07
Благодарности : 0

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

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

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

- Похожие темы

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