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

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


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

Мы в социальных сетях



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

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


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

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Последние темы
» Проблемы после перехода на ios 10
автор Waterfall Сегодня в 16:33

» Счетчик
автор Иван Иванов Сегодня в 16:12

» Лого для helpblog2x2.home-forum.com
автор Dana Domirani Сегодня в 15:53

» Оцените мой форум
автор Magliga Сегодня в 14:54

» Отредактировано N раз
автор Иван Иванов Сегодня в 14:39

» Обновление Мобильной версии форума
автор Отличник ГО Сегодня в 14:15

» Разное для новичков
автор Иван Иванов Сегодня в 12:43

» Как сделать почту
автор Иван Иванов Сегодня в 11:36

» Не отображается рамка аватаров
автор Ринкате Сегодня в 8:09

» Сбой после синхронизации форума
автор Eclipse6 Сегодня в 6:36

Интересные решения
Быстрый переход к сервисам: JPG-Net Видео фоторедактор Транслит
Видео-туториалы
Настройка шапки форума
Категории и подфорумы - 1
Создание портала
Модули
Виджеты
Как присваивать награды
Выброс кубиков
Pop-up для входа на форум
Настроение в профиле

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

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

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

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

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


Natsu
 
 

Пол : Мужчина
Сообщения : 148
Возраст : 21
Карма : Без предупреждений
Благодарности : 0
Регистрация : 2013-06-07

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

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

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



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


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


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



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

Пол : Женщина
Сообщения : 21916
Возраст : 31
Место обитания : СПб
Карма : Без предупреждений
Благодарности : 8765
Регистрация : 2008-04-18

http://poltergeist-legacy.com/

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

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

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

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

Natsu
 
 

Пол : Мужчина
Сообщения : 148
Возраст : 21
Карма : Без предупреждений
Благодарности : 0
Регистрация : 2013-06-07

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

Решено 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
Администратор
Администратор

Пол : Женщина
Сообщения : 21916
Возраст : 31
Место обитания : СПб
Карма : Без предупреждений
Благодарности : 8765
Регистрация : 2008-04-18

http://poltergeist-legacy.com/

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

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

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

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

Natsu
 
 

Пол : Мужчина
Сообщения : 148
Возраст : 21
Карма : Без предупреждений
Благодарности : 0
Регистрация : 2013-06-07

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

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

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

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

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


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


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


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



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

Пол : Женщина
Сообщения : 21916
Возраст : 31
Место обитания : СПб
Карма : Без предупреждений
Благодарности : 8765
Регистрация : 2008-04-18

http://poltergeist-legacy.com/

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

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

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

13   13   13 

Natsu
 
 

Пол : Мужчина
Сообщения : 148
Возраст : 21
Карма : Без предупреждений
Благодарности : 0
Регистрация : 2013-06-07

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

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


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