{"id":141,"date":"2011-08-04T14:39:55","date_gmt":"2011-08-04T14:39:55","guid":{"rendered":"http:\/\/www.gopiplus.com\/extensions\/?p=141"},"modified":"2021-09-22T15:59:34","modified_gmt":"2021-09-22T15:59:34","slug":"fade-in-fade-out-article-title-joomla-module","status":"publish","type":"post","link":"http:\/\/www.gopiplus.com\/extensions\/2011\/08\/fade-in-fade-out-article-title-joomla-module\/","title":{"rendered":"Fade in fade out article title Joomla module"},"content":{"rendered":"\n<p>Everyone loves fading in and fading out effect. It is an excellent way to transition between two messages, <strong>Fade in fade out article<\/strong> title Joomla module retrieves the article title as per your admin configuration and creates the fade-in and fade-out message galley into the website. In the administrator section, we have the option to filter the article by category and tags. Also, we have the option to show\/Hide feature articles and an ordering option.<\/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\">Module features<\/h2>\n\n\n\n<ul class=\"wp-block-list\"><li>Easy to customize.<\/li><li>Option to filter by category.<\/li><li>Option to filter by tags<\/li><li>Option to select the display order<\/li><li>Option to update fade wait time<\/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 below in this page. If you like to use the same effect for the RSS feed, Use my <a href=\"http:\/\/www.gopiplus.com\/extensions\/2011\/09\/fade-in-fade-out-text-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<div id=\"gopiplus_css\" style=\"padding: 5px;border: 5px solid #E7E7E7;\">\n\tDemo: <a href=\"http:\/\/www.gopiplus.com\/extensions\/\" id=\"fifopost_Link\">Vertical scrolling images<\/a>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Module installation instruction<\/h2>\n\n\n\n<p>1. Download the <strong>Fade-in fade-out article title<\/strong> module from the <a href=\"http:\/\/www.gopiplus.com\/extensions\/download\/\">download<\/a> location. Select the correct ZIP file depends on your Joomla version.<br>2. Login into the administrator section of your Joomla site.<br>3. In the menu, Go to <strong>System<\/strong>, <strong>Install<\/strong> and then click the <strong>Extensions<\/strong> menu.<br>4. Click <strong>Browse<\/strong> and select the module you downloaded, then click <strong>Upload &amp; Install<\/strong> button.<br>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=\"menu 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=\"menu 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 admin go to the <strong>Site Modules<\/strong> menu (<strong>System<\/strong>, <strong>Manage<\/strong> in your admin menu). You should see the module <strong>Fade-in fade-out article title<\/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 <strong>new<\/strong> button. The new module should be listed among the types available, select <strong>Fade-in fade-out article title<\/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 article title<\/strong> module from the list then click Module tab to update default configuration.<\/p>\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_article_title\/mod_fade_in_fade_out_article_title.png\" alt=\"Fade in fade out article title Joomla Module\"\/><\/figure>\n\n\n\n<p><strong>Module 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<p>Prefix: Fade in fade out prefix text<br>Fade-in: Fade in time, enter the number only.<br>Fade: Fade time, enter the number only. <br>Fade-step: Fade step time, enter the number only. <br>Fade-wait: Fade wait time, enter the number only. <\/p>\n\n\n\n<p>Category: Enter article category to filter.<br>Tags: Enter article tags to filter.<br>Number of Articles: Enter the number of article titles to display in the slider.<br>Featured Articles: Select featured articles display option.<br>Order Results: Select article scroll display order.<\/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\/08\/fade-in-fade-out-article-title-joomla-module\/\">http:\/\/www.gopiplus.com\/extensions\/2011\/08\/fade-in-fade-out-article-title-joomla-module\/<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">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-article-title\/\">https:\/\/extensions.joomla.org\/extension\/fade-in-fade-out-article-title\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Fade in fade out article title joomla module retrieve the article title as per your configuration and create the fade in and fade out message galley into the website.<\/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":[15,22,23,7,8],"class_list":["post-141","post","type-post","status-publish","format-standard","hentry","category-joomla-plugin","tag-article","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\/141","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=141"}],"version-history":[{"count":0,"href":"http:\/\/www.gopiplus.com\/extensions\/wp-json\/wp\/v2\/posts\/141\/revisions"}],"wp:attachment":[{"href":"http:\/\/www.gopiplus.com\/extensions\/wp-json\/wp\/v2\/media?parent=141"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.gopiplus.com\/extensions\/wp-json\/wp\/v2\/categories?post=141"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.gopiplus.com\/extensions\/wp-json\/wp\/v2\/tags?post=141"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}