Важная информация!
Правила форума
для обязательного прочтения!
Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
(забыл / потерял пароль)
Общий FAQ по управлению форумом
FAQ: реклама на форуме
Туториалы по разным функциям ваших форумов
Алфавитный указатель
Интересные решения для форумов
Наши видео-туториалы
Условия пользования сервисом
Ссылки на полезные ресурсы
Последние темы
» совет админамавтор лексей2222 Сентябрь 24th 2024, 05:54
» Пропали иконки редактирования - HEEELP
автор Archaea Сентябрь 23rd 2024, 18:11
» [решено]Редактирвоание темы
автор лексей2222 Сентябрь 23rd 2024, 17:37
» Как загружать ролики и мультики по ссылкам напрямую
автор лексей2222 Сентябрь 14th 2024, 19:22
» Интернет адрес форума
автор Mierena Сентябрь 7th 2024, 15:24
» некоторые форумы долго загружаются
автор Raumt Сентябрь 6th 2024, 15:06
» На форуме Пропали кнопки модерации тем
автор лексей2222 Август 16th 2024, 22:36
» Проблема с метатегом Description
автор VeraLV Июнь 14th 2024, 17:06
» [решено] Исчезли картинки кнопок
автор VeraLV Май 26th 2024, 13:04
» Как убрать подпись о редактировании записи
автор Фея Май 9th 2024, 21:11
Делаем красивое popup окно [punBB] [phpBB2]
Страница 1 из 1
Делаем красивое popup окно [punBB] [phpBB2]
Не путать с Pop-Up окном - раздражалкой для гостей
Для punBB
Заходим в ПА - Общие настройки - Конфигурации.
Активируем Pop-up окно для входа, но поле для текста оставляем пустым.
Открываем шаблон overall_header (Верхняя часть страницы)
находим фрагмент
Далее открываем шаблон overall_footer (Нижняя часть страницы)
и в самый низ шаблона перед тегом </body> вставляем скрипт:
Пример заполненного скрипта:
Далее идем в Каскадную таблицу стилей CSS и вставляем код
Живой пример можно увидеть ЗДЕСЬ
Для phpBB2
Заходим в ПА - Общие настройки - Конфигурация.
Активируем Pop-up окно для входа, но поле для текста оставляем пустым.
Открываем шаблон overall_header (Верхняя часть страницы)
находим фрагмент
Далее открываем шаблон overall_footer (Нижняя часть страницы)
и в самый низ шаблона перед тегом </body> вставляем скрипт:
Пример заполненного скрипта:
Далее идем в Каскадную таблицу стилей CSS и вставляем код
Для punBB
Заходим в ПА - Общие настройки - Конфигурации.
Активируем Pop-up окно для входа, но поле для текста оставляем пустым.
Открываем шаблон overall_header (Верхняя часть страницы)
находим фрагмент
- Код:
<!-- BEGIN switch_login_popup -->
<div id="login_popup" class="module main">
<div id="login_popup_title" class="main-head">
<div class="h3">{SITENAME}</div>
</div>
<div class="main-content">
{LOGIN_POPUP_MSG}
<div id="login_popup_buttons">
<form action="{S_LOGIN_ACTION}" method="get">
<input type="submit" class="button2" value="{L_LOGIN}" />
<input type="button" class="button2" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
<input id="login_popup_close" type="button" class="button2" value="{L_DONT_DISPLAY_AGAIN}" />
</form>
</div>
</div>
</div>
<!-- END switch_login_popup -->
- Код:
<!-- BEGIN switch_login_popup -->
<div align="center"><div id="login_popup" class="module main">
<div id="login_popup_buttons">
<form action="{S_LOGIN_ACTION}" method="get">
<input id="login_popup_close" type="image" src="http://r28.imgfast.net/users/2814/33/31/58/album/close_10.png" title="Закрыть" alt="Закрыть" style=" position: absolute; right:10px; bottom:30px;"/>
</form>
</div>
</div>
</div>
<!-- END switch_login_popup -->
Далее открываем шаблон overall_footer (Нижняя часть страницы)
и в самый низ шаблона перед тегом </body> вставляем скрипт:
- Код:
<script>
var popupCont=' Здесь ставите ваш текст в формате HTML ';
var arr=document.getElementsByTagName("div");
i=0;
while(arr[i] )
{if(arr[i].id=="login_popup"){
name=arr[i].innerHTML;name=name.substring(0);arr[i].innerHTML="<div>"+popupCont+"</div>"+name}
i++}
</script>
Пример заполненного скрипта:
- Код:
<!--Popup окно-->
<script>
var popupCont=' <br/><br/><br/><br/><br/>
<span style="color: #ff0000 !important; font-size: 24px; font-style: italic; font-family: Times New Roman; line-height:120%;"> Приветствуем Вас<br/> на форуме<br/> "В гостях у Домового"</span>
<br/><br/>
<span style="color:#8B2323;font-size:26px;font-weight:bold;">* * * * *</span>
<br/>
<span style="color: #000 !important; font-size: 18px; font-family: georgia; line-height:140%;">Вы можете оставаться гостем,<br/> но будет гораздо приятнее,<br/> если Вы <a href="http://www.moyforum.biz/login"><span style=" text-decoration:underline; color:#804804">войдёте</span></a> под своим<br/> логином или пройдёте<br/> процесс <a href="http://www.moyforum.biz/register"><span style="
text-decoration:underline blink; color:#804804">регистрации</span></a>.
</span> ';
var arr=document.getElementsByTagName("div");
i=0;
while(arr[i] )
{if(arr[i].id=="login_popup"){
name=arr[i].innerHTML;name=name.substring(0);arr[i].innerHTML="<div>"+popupCont+"</div>"+name}
i++}
</script>
Далее идем в Каскадную таблицу стилей CSS и вставляем код
- Код:
/* Popup окно*/
#login_popup{
background:url(http://r28.imgfast.net/users/2814/33/31/58/album/dydddd11.png) center center no-repeat !important; /*фоновая картинка и её расположение*/
height: 520px !important; /*высота картинки*/
width: 401px !important;/*ширина картинки*/
border-style: none !important;
}
#login_popup_buttons input {
border-style:none !important;
}
Живой пример можно увидеть ЗДЕСЬ
Для phpBB2
Заходим в ПА - Общие настройки - Конфигурация.
Активируем Pop-up окно для входа, но поле для текста оставляем пустым.
Открываем шаблон overall_header (Верхняя часть страницы)
находим фрагмент
- Код:
<!-- BEGIN switch_login_popup -->
<div id="login_popup">
<table class="forumline" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1" cellpadding="0">
<tr height="25">
<td class="catLeft">
<span class="genmed module-title">{SITENAME}</span>
</td>
</tr>
<tr height="{LOGIN_POPUP_MSG_HEIGHT}">
<td class="row1" align="left" valign="top">
<div id="login_popup_buttons">
<form action="{S_LOGIN_ACTION}" method="get">
<input type="submit" class="mainoption" value="{L_LOGIN}" />
<input type="button" class="mainoption" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
<input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}" />
</form>
</div>
<span class="genmed">{LOGIN_POPUP_MSG}</span>
</td>
</tr>
</table>
</div>
<!-- END switch_login_popup -->
- Код:
<!-- BEGIN switch_login_popup -->
<div align="center"><div id="login_popup" class="module main">
<div id="login_popup_buttons">
<form action="{S_LOGIN_ACTION}" method="get">
<input id="login_popup_close" type="image" src="http://r28.imgfast.net/users/2814/33/31/58/album/close_10.png" title="Закрыть" alt="Закрыть" style=" position: absolute; right:10px; bottom:30px;"/>
</form>
</div>
</div>
</div>
<!-- END switch_login_popup -->
Далее открываем шаблон overall_footer (Нижняя часть страницы)
и в самый низ шаблона перед тегом </body> вставляем скрипт:
- Код:
<script>
var popupCont=' Здесь ставите ваш текст в формате HTML ';
var arr=document.getElementsByTagName("div");
i=0;
while(arr[i] )
{if(arr[i].id=="login_popup"){
name=arr[i].innerHTML;name=name.substring(0);arr[i].innerHTML="<div>"+popupCont+"</div>"+name}
i++}
</script>
Пример заполненного скрипта:
- Код:
<!--Popup окно-->
<script>
var popupCont=' <br/><br/><br/><br/><br/>
<span style="color: #ff0000 !important; font-size: 24px; font-style: italic; font-family: Times New Roman; line-height:120%;"> Приветствуем Вас<br/> на форуме<br/> "В гостях у Домового"</span>
<br/><br/>
<span style="color:#8B2323;font-size:26px;font-weight:bold;">* * * * *</span>
<br/>
<span style="color: #000 !important; font-size: 18px; font-family: georgia; line-height:140%;">Вы можете оставаться гостем,<br/> но будет гораздо приятнее,<br/> если Вы <a href="http://www.moyforum.biz/login"><span style=" text-decoration:underline;">войдёте</span></a> под своим<br/> логином или пройдёте<br/> процесс <a href="http://www.moyforum.biz/register"><span style="
text-decoration:underline blink;">регистрации</span></a>.
</span> ';
var arr=document.getElementsByTagName("div");
i=0;
while(arr[i] )
{if(arr[i].id=="login_popup"){
name=arr[i].innerHTML;name=name.substring(0);arr[i].innerHTML="<div>"+popupCont+"</div>"+name}
i++}
</script>
Далее идем в Каскадную таблицу стилей CSS и вставляем код
- Код:
/* Popup окно*/
#login_popup{
background:url(http://r28.imgfast.net/users/2814/33/31/58/album/dydddd11.png) center center no-repeat !important; /*фоновая картинка и её расположение*/
height: 520px !important; /*высота картинки*/
width: 401px !important;/*ширина картинки*/
border-style: none !important;
}
#login_popup_buttons input {
border-style:none !important;
}
Домовой-
-
Сообщения : 6801
Возраст : 100
Регистрация : 2010-01-30
Благодарности : 3243
Похожие темы
» Красивое оформление блока цитаты [punBB] [phpBB3] [IPB]
» Делаем красивое popup окно
» Popup-окно "Возможно Вас заинтересует"
» popup окно
» popup окно
» Делаем красивое popup окно
» Popup-окно "Возможно Вас заинтересует"
» popup окно
» popup окно
Страница 1 из 1
Права доступа к этому форуму:
Вы не можете отвечать на сообщения