Перейти к публикации
Дизайн и модификация IPS Community IPBSkinsBETA
Поиск в
  • Дополнительно...
Искать результаты, содержащие...
Искать результаты в...
9IPOCTb

Форма с приветствием

Рекомендованные сообщения

Приветствую, уважаемые форумчане. Подскажите пожалуйста, как создать такую всплывающую форму которая появляется при переходе на форум:

http://emoti.pro/

Не могли бы вы поделиться кодом, или задумкой, как это реализовано, желательно проверенной. Пробыл добавлять код вручную, но ничего не происходит

Заранее спасибо

Поделиться сообщением


Ссылка на сообщение

Для IPB есть более дружелюбные приветствия для гостя. Такими перекрывающие всю страницу окнами только отпугнете гостя.

  • Upvote 2

Поделиться сообщением


Ссылка на сообщение

не подскажете название?

Поделиться сообщением


Ссылка на сообщение

нашел код для добавления:

http://pcvector.net/scripts/lightbox_dialog_overlay/177-privetstvennoe-vsplyvayuschee-okno.html

 

будет ли это работать на IPB?

скрипты добавлял между тегами <head>

 

а куда добавить код:

<div id="background" ></div>
<div id="sliderBox">
   <center>
   <br/>
   <input type="button" id="closeWelcomeBox" value="Закрыть"/><br /><br />
   Добро пожаловать на сайт<br />
   <a href="http://www.pcvector.net">http://www.pcvector.net</a>
   </center>
</div>

Поделиться сообщением


Ссылка на сообщение

добавил, все появилось, но при нажатии на кнопку "закрыть" - ничего не происходит, в чем может быть проблема?

Поделиться сообщением


Ссылка на сообщение

Не установлен евент на closeWelcomeBox. При том, там есть javascript для управления окном, но он для jquery, а в IPB 3 использует prototype.

На prototype закрытие окна будет выглядеть примерно так (не тестировал):

 

<script>
   $("closeWelcomeBox").observe('click', function(){
	new Effect.Fade(this,  {duration:0.5});
	closeWelcomeBox = true;
});
</script>

Поделиться сообщением


Ссылка на сообщение

к сожалению не помогло, вот код который стоит в GlobalTemplated (кусок)

 

<!DOCTYPE html>
<html lang="ru" <if test="fbcenabled:|:IPSLib::fbc_enabled() === TRUE || $this->settings['fbc_appid']"> xmlns:fb="http://www.facebook.com/2008/fbml"</if>>
<head>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script type="text/javascript" src="slideto-1.0.js"></script>
<script language="javascript">

$(document).ready(function() {
   $('#sliderBox').slideTo({
       transition:300,
       top:'center',
       left:'center',
       inside:window
   });
   $('#background').height($(document).height());

   jQuery(window).resize(function() {
       $('#sliderBox').stop().slideTo({
           transition:300,
           top:'center',
           left:'center',
           inside:window
       });
   });

   var closeWelcomeBox;

   $(window).scroll(function(){ 
       if(!closeWelcomeBox){
           $('#sliderBox').stop().slideTo({
               transition:300,
               top:'center',
               left:'center',
               inside:window
           });
       }
   });


   $("#closeWelcomeBox").click(function(){
       $('#sliderBox').stop().slideTo({ 
           transition:500,
           top:-400
           });
           $('#background').fadeOut(500);
       closeWelcomeBox = true;
   });
});

</script>

<script>
   $("closeWelcomeBox").observe('click', function(){
       new Effect.Fade(this,  {duration:0.5});
       closeWelcomeBox = true;
   });
</script>

	<meta charset="{$this->settings['gb_char_set']}" />
	<title>{$header_items['title']}</title>
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<link rel="shortcut icon" href='<if test="$this->registry->output->isHTTPS">{$this->settings['board_url_https']}<else />{$this->settings['board_url']}</if>/favicon.ico' />
	<link rel="image_src" href='{$this->settings['meta_imagesrc']}' />
	<script type='text/javascript'>
	//<![CDATA[
		jsDebug			= {parse expression="intval($this->settings['_jsDebug'])"}; /* Must come before JS includes */
		DISABLE_AJAX	= parseInt({$this->settings['disable_text_ajax']}); /* Disables ajax requests where text is sent to the DB; helpful for charset issues */
		inACP			= false;
		var isRTL		= false;
		var rtlIe		= '';
		var rtlFull		= '';
	//]]>
	</script>
	{parse template="includeCSS" group="global" params="$css"}
	<meta property="og:title" content="{$this->registry->output->encodeMetaTagContent( str_replace( ' - ' . $this->settings['board_name'], '', $header_items['title'] ) )}"/>
	<meta property="og:site_name" content="{$this->registry->output->encodeMetaTagContent( $this->settings['board_name'] )}"/>
	<meta property="og:type" content="article" />
	{parse template="includeMeta" group="global" params="$metaTags"}
	<if test="isLargeTouch:|:$this->registry->output->isLargeTouchDevice()">
	<!--<meta name="viewport" content="width=device-width;">-->
	</if>
	<if test="isSmallTouch:|:$this->registry->output->isSmallTouchDevice()">
	<meta name="viewport" content="width=1024px">
	</if>
	{parse template="includeJS" group="global" params="$jsModules"}
	{parse template="includeFeeds" group="global" params="$documentHeadItems"}
	{parse template="includeRTL" group="global" params=""}
	{parse template="includeVars" group="global" params="$header_items"}


</head>
<body id='ipboard_body'>



<div id="background" ></div>
<div id="sliderBox">
   <center>
   <br/>
   <input type="button" id="closeWelcomeBox" value="Закрыть"/><br /><br />
   Добро пожаловать на сайт<br />
   <a href="http://www.pcvector.net">http://www.pcvector.net</a>
   </center>
</div>



	<p id='content_jump' class='hide'><a id='top'></a><a href='#j_content' title='{$this->lang->words['jump_to_content']}' accesskey='m'>{$this->lang->words['jump_to_content']}</a></p>
	<div id='ipbwrapper'>

Поделиться сообщением


Ссылка на сообщение

Создайте аккаунт или войдите в него для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас

  • Сейчас на странице   0 пользователей

    Нет пользователей, просматривающих эту страницу.

×
×
  • Создать...