Jump to content
Дизайн и модификация IPS Community IPBSkinsBETA
Search In
  • More options...
Find results that contain...
Find results in...
Sign in to follow this  
9IPOCTb

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

Recommended Posts

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

http://emoti.pro/

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

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

Share this post


Link to post
Share on other sites

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

  • Upvote 2

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

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>

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites

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

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

 

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

Share this post


Link to post
Share on other sites

к сожалению не помогло, вот код который стоит в 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'>

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...