Опубликовано: 22 ноября 20169 г Приветствую, уважаемые форумчане. Подскажите пожалуйста, как создать такую всплывающую форму которая появляется при переходе на форум: http://emoti.pro/Не могли бы вы поделиться кодом, или задумкой, как это реализовано, желательно проверенной. Пробыл добавлять код вручную, но ничего не происходитЗаранее спасибо
Опубликовано: 22 ноября 20169 г Для IPB есть более дружелюбные приветствия для гостя. Такими перекрывающие всю страницу окнами только отпугнете гостя.
Опубликовано: 23 ноября 20169 г Автор нашел код для добавления: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>
Опубликовано: 23 ноября 20169 г Автор добавил, все появилось, но при нажатии на кнопку "закрыть" - ничего не происходит, в чем может быть проблема?
Опубликовано: 23 ноября 20169 г Не установлен евент на closeWelcomeBox. При том, там есть javascript для управления окном, но он для jquery, а в IPB 3 использует prototype.На prototype закрытие окна будет выглядеть примерно так (не тестировал): <script> $("closeWelcomeBox").observe('click', function(){ new Effect.Fade(this, {duration:0.5}); closeWelcomeBox = true; }); </script>
Опубликовано: 24 ноября 20169 г Автор к сожалению не помогло, вот код который стоит в 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'>
Приветствую, уважаемые форумчане. Подскажите пожалуйста, как создать такую всплывающую форму которая появляется при переходе на форум:
Не могли бы вы поделиться кодом, или задумкой, как это реализовано, желательно проверенной. Пробыл добавлять код вручную, но ничего не происходит
Заранее спасибо