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

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


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

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

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


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

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

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

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

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

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

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


Natsu
 

Мужчина

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

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

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

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

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




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


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


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



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

Женщина

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

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

http://poltergeist-legacy.com/

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

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

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

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

Natsu
 

Мужчина

Сообщения : 141
Возраст : 21
Регистрация : 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 (изображения и цвета).
Сохраните. Должно получится следующее:



ДЕМО

Внимание: ввиду этого предупреждения — http://help.forum2x2.ru/t34908-topic#243692 — устанавливайте код аккуратно.



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


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


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



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

Женщина

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

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

http://poltergeist-legacy.com/

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

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

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

Спасибо, но у меня вот такое получается http://img853.imageshack.us/img853/7402/rwum.png

Natsu
 

Мужчина

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

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

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

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

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

@Natsu пишет:Спасибо, но у меня вот такое получается http://img853.imageshack.us/img853/7402/rwum.png
При создании страницы укажите

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



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


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


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



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

Женщина

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

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

http://poltergeist-legacy.com/

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

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

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

13   13   13 

Natsu
 

Мужчина

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

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

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

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


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