{"id":321,"date":"2011-09-30T13:44:26","date_gmt":"2011-09-30T13:44:26","guid":{"rendered":"http:\/\/www.gopiplus.com\/extensions\/?p=321"},"modified":"2021-09-19T09:40:21","modified_gmt":"2021-09-19T09:40:21","slug":"fade-in-fade-out-text-joomla-module","status":"publish","type":"post","link":"http:\/\/www.gopiplus.com\/extensions\/2011\/09\/fade-in-fade-out-text-joomla-module\/","title":{"rendered":"Fade in fade out text Joomla module"},"content":{"rendered":"\n<p>Everyone loves fading in and fading out effect. it is an excellent way to transition between two messages. Using <strong>Fade in fade out text<\/strong> Joomla module we can create the super fade in text gallery. In the administrator section, we have the option to enter our own text. This text will be displayed in the front section with fading-in and fading-out effects.<\/p>\n\n\n\n<p>By default, the script fades from black-to-white upon entry and white-to-black upon exit.<\/p>\n\n\n<div class=\"ads-row\">\n\t<div class=\"ads-column1\">\n\t\t<script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script>\n\t\t<!-- Joomla Page Center 1 - 336x280 -->\n\t\t<ins class=\"adsbygoogle\"\n\t\t\t style=\"display:inline-block;width:336px;height:280px\"\n\t\t\t data-ad-client=\"ca-pub-6676019656533652\"\n\t\t\t data-ad-slot=\"6090998934\"><\/ins>\n\t\t<script>\n\t\t(adsbygoogle = window.adsbygoogle || []).push({});\n\t\t<\/script>\n\t<\/div>\n\t<div class=\"ads-column2\">\n\t\t<script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script>\n\t\t<!-- Joomla Page Center 2 - 336x280 -->\n\t\t<ins class=\"adsbygoogle\"\n\t\t\t style=\"display:inline-block;width:336px;height:280px\"\n\t\t\t data-ad-client=\"ca-pub-6676019656533652\"\n\t\t\t data-ad-slot=\"7338131803\"><\/ins>\n\t\t<script>\n\t\t(adsbygoogle = window.adsbygoogle || []).push({});\n\t\t<\/script>\n\t<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Features of this module<\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li>Easy to customize.<\/li><li>Option to update fade wait time.<\/li><li>Support all browser.<\/li><li>Admin option to add our own text.<\/li><\/ul>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>Module <strong>live demo<\/strong> available in this page. You may also be interested in <a href=\"http:\/\/www.gopiplus.com\/extensions\/2011\/09\/fade-in-fade-out-rss-feed-joomla-module\/\">Fade in fade out rss feed<\/a> Joomla module.<\/p><\/blockquote>\n\n\n<div class=\"livedemo\">\n<h2>Live Demo<\/h2>\n<script src=\"http:\/\/www.gopiplus.com\/extensions\/my-plugin\/demo\/mod_fade_in_fade_out_article_title.js\" type=\"text\/javascript\"><\/script>\n<script type=\"text\/javascript\" language=\"javascript\">\nfunction fifopost_SetFadeLinks() \n{\n\tfifopost_Links[0] = 'http:\/\/www.gopiplus.com\/extensions\/2011\/08\/fade-in-fade-out-article-title-joomla-module\/'; \n\tfifopost_Titles[0] = 'Fade in fade out article title'; \n\tfifopost_Links[1] = 'http:\/\/www.gopiplus.com\/extensions\/2011\/07\/up-down-image-slideshow-gallery-joomla-module\/'; \n\tfifopost_Titles[1] = 'Up down image slideshow gallery'; \n\tfifopost_Links[2] = 'http:\/\/www.gopiplus.com\/extensions\/2011\/07\/left-right-image-slideshow-joomla-module\/'; \n\tfifopost_Titles[2] = 'Left right image slideshow '; \n\tfifopost_Links[3] = 'http:\/\/www.gopiplus.com\/extensions\/2011\/07\/drop-in-image-slideshow-gallery-joomla-module\/'; \n\tfifopost_Titles[3] = 'Drop in image slideshow gallery'; \n\tfifopost_Links[4] = 'http:\/\/www.gopiplus.com\/extensions\/2011\/07\/horizontal-scrolling-slideshow-joomla-module\/'; \n\tfifopost_Titles[4] = 'Horizontal scrolling slideshow'; \n\tfifopost_Links[5] = 'http:\/\/www.gopiplus.com\/extensions\/2011\/07\/translucent-image-slideshow-joomla-module\/'; \n\tfifopost_Titles[5] = 'Translucent image slideshow'; \n\tfifopost_Links[6] = 'http:\/\/www.gopiplus.com\/extensions\/2011\/07\/vertical-scrolling-images-joomla-module\/'; \n\tfifopost_Titles[6] = 'Vertical scrolling images'; \t\n}\nvar fifopost_FadeOut = 255;\nvar fifopost_FadeIn = 0;\nvar fifopost_Fade = 0;\nvar fifopost_FadeStep = 3;\nvar fifopost_FadeWait = 3000;\nvar fifopost_bFadeOutt = true;\n<\/script>\n\n<div id=\"gopiplus_css\"  style=\"padding: 5px;border: 5px solid #E7E7E7;\">\n\tDemo : <a http:\/\/www.gopiplus.com\/extensions\/2011\/07\/horizontal-scrolling-slideshow-joomla-module\/\" id=\"fifopost_Link\">Horizontal scrolling slideshow<\/a>\n<\/div>\n<div style=\"padding: 8px;\"><\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Module installation instruction<\/h2>\n\n\n\n<p>1. Download <strong>fade in fade out text<\/strong> Joomla module from the <a href=\"http:\/\/www.gopiplus.com\/extensions\/download\/\">download<\/a> location. Select the correct ZIP file depends on your Joomla version.<\/p>\n\n\n\n<p>2. Login into the administrator section of your Joomla site.<\/p>\n\n\n\n<p>3. In the menu, Go to <strong>System<\/strong>, <strong>Install <\/strong>and then click the <strong>Extensions <\/strong>menu.<\/p>\n\n\n\n<p>4. Click <strong>Browse<\/strong> and select the module you downloaded, then click Upload &amp; Install button.<\/p>\n\n\n\n<p>5. When your Joomla module has been uploaded and installed successfully, you will see a confirmation message.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Admin screen for Joomla 3.7<\/h2>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"http:\/\/www.gopiplus.com\/extensions\/my-plugin\/screens\/joomla\/common\/joomla_3.6_menu_extensions_module.png\" alt=\"Joomla menu for extensions module\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Admin screen for Joomla 4.0<\/h2>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"http:\/\/www.gopiplus.com\/extensions\/my-plugin\/screens\/joomla\/common\/joomla_4.2_menu_extensions_module.png\" alt=\"Joomla menu for extensions module\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Creating a new module instance<\/h2>\n\n\n\n<p>In your Joomla administrator section go to the <strong>Site Modules<\/strong> (System, Manage in your admin menu). You should see the module <strong>fade-in fade-out text<\/strong> listed among the others. Simply click on the module name to open the module editor.<\/p>\n\n\n\n<p>If you cannot find an instance of your new module, click the new button. The new module should be listed among the types available, select <strong>fade in fade out text<\/strong> which will create a new instance.<\/p>\n\n\n<div class=\"ads-row\">\n\t<div class=\"ads-column0\">\n\t\t<script async src=\"\/\/pagead2.googlesyndication.com\/pagead\/js\/adsbygoogle.js\"><\/script>\n\t\t<!-- Joomla Page Center 3 -->\n\t\t<ins class=\"adsbygoogle\"\n\t\t\t style=\"display:inline-block;width:336px;height:280px\"\n\t\t\t data-ad-client=\"ca-pub-6676019656533652\"\n\t\t\t data-ad-slot=\"4975101454\"><\/ins>\n\t\t<script>\n\t\t(adsbygoogle = window.adsbygoogle || []).push({});\n\t\t<\/script>\n\t<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Module configuration<\/h2>\n\n\n\n<p>In your Joomla administrator section go to <strong>Manage<\/strong>, <strong>Site Modules<\/strong>, and select the <strong>fade in fade out text<\/strong> module from the list then click <strong>Module<\/strong> tab to add\/update fade in content.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Fade in fade out text<\/h2>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"http:\/\/www.gopiplus.com\/extensions\/my-plugin\/screens\/joomla\/mod_fade_in_fade_out_my_text\/mod_fade_in_fade_out_my_text.png\" alt=\"Fade in fade out text\"\/><\/figure>\n\n\n\n<p><strong>Set up the module parameters<\/strong><\/p>\n\n\n\n<p>Prefix: Fade in fade out prefix text.<br>Fade in: Fade in time,  enter only the number. <br>Fade : Fade time,  enter only the number. <br>Fade step : Fade step time, enter only the number.<br>Fade wait: Fade wait time,  enter only the number. <br>Fade-in Text 1: Option to add fade-in text.<br>Fade-in Link 1: Option to add link for the text.<\/p>\n\n\n\n<p><strong>Joomla parameters<\/strong><\/p>\n\n\n\n<p>Title: It is essential to set a title for the module.<br>Position: The position on the page where the module will be displayed.<br>Status: The module needs to be published in order for it to display.<br>Module Assignment: Assign the module to all pages.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Module official page<\/h2>\n\n\n\n<p><a href=\"http:\/\/www.gopiplus.com\/extensions\/2011\/09\/fade-in-fade-out-text-joomla-module\/\">http:\/\/www.gopiplus.com\/extensions\/2011\/09\/fade-in-fade-out-text-joomla-module\/<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Module download location<\/h2>\n\n\n\n<p><a href=\"http:\/\/www.gopiplus.com\/extensions\/download\/\">http:\/\/www.gopiplus.com\/extensions\/download\/<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Joomla page<\/h2>\n\n\n\n<p><a href=\"https:\/\/extensions.joomla.org\/extension\/fade-in-fade-out-my-text\/\">https:\/\/extensions.joomla.org\/extension\/fade-in-fade-out-my-text\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>This Fade in Fade out text joomla module we create the super fade in text gallery with our own text. In the admin we have option to enter our own text. <\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[22,23,7,8],"class_list":["post-321","post","type-post","status-publish","format-standard","hentry","category-joomla-plugin","tag-fade-in","tag-fade-out","tag-joomla","tag-module"],"amp_enabled":true,"_links":{"self":[{"href":"http:\/\/www.gopiplus.com\/extensions\/wp-json\/wp\/v2\/posts\/321","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/www.gopiplus.com\/extensions\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/www.gopiplus.com\/extensions\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/www.gopiplus.com\/extensions\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/www.gopiplus.com\/extensions\/wp-json\/wp\/v2\/comments?post=321"}],"version-history":[{"count":0,"href":"http:\/\/www.gopiplus.com\/extensions\/wp-json\/wp\/v2\/posts\/321\/revisions"}],"wp:attachment":[{"href":"http:\/\/www.gopiplus.com\/extensions\/wp-json\/wp\/v2\/media?parent=321"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.gopiplus.com\/extensions\/wp-json\/wp\/v2\/categories?post=321"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.gopiplus.com\/extensions\/wp-json\/wp\/v2\/tags?post=321"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}