{"id":483,"date":"2012-04-09T13:50:01","date_gmt":"2012-04-09T13:50:01","guid":{"rendered":"http:\/\/www.gopiplus.com\/extensions\/?p=483"},"modified":"2021-09-18T16:23:43","modified_gmt":"2021-09-18T16:23:43","slug":"joomla-cycle-news-joomla-module","status":"publish","type":"post","link":"http:\/\/www.gopiplus.com\/extensions\/2012\/04\/joomla-cycle-news-joomla-module\/","title":{"rendered":"Joomla cycle news Joomla module"},"content":{"rendered":"\n<p><strong>Cycle News<\/strong> is a simple Joomla module to show the text news with cycle jQuery. Display one news at a time and cycle the remaining in the mentioned location and this module has a separate CSS file to manage the display style. it contains four different cycle options Scroll Left, Scroll Right, Scrolls Up, Scrolls Down. we can choose any one of these cycle effects for your news display.<\/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>Simple installation and customization.<\/li><li>Four different cycle option.<\/li><li>Separate CSS file to manage the style.<\/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\/2012\/04\/article-title-slider-joomla-module\/\">Article title slider<\/a> Joomla module.<\/p><\/blockquote>\n\n\n<div class=\"livedemo\">\n\t<h2>Live Demo 1<\/h2>\n\t<div id=\"rssnewssetting_1\">\n\t\t<p style=\"width:100%\"><a target=\"_blank\" href=\"#\">Joomla cycle news text 1<\/a><\/p>\n\t\t<p style=\"width:100%\"><a target=\"_blank\" href=\"#\">Joomla cycle news text 2<\/a><\/p>\n\t\t<p style=\"width:100%\"><a target=\"_blank\" href=\"#\">Joomla cycle news text 3<\/a><\/p>\n\t<\/div>\n\t<script type=\"text\/javascript\">\n\t\tjQuery(function() { \n\t\t\tjQuery('#rssnewssetting_1').cycle({\n\t\t\t\tfx: 'scrollLeft', \n\t\t\t\tspeed: 700, \n\t\t\t\ttimeout: 5000\n\t\t\t});\n\t\t});\n\t<\/script>\n<\/div>\n\n<div class=\"livedemo\">\n\t<h2>Live demo 2<\/h2>\n\t<div id=\"rssnewssetting_2\">\n\t\t<p style=\"width:100%\"><a target=\"_blank\" href=\"#\">Joomla cycle news text 1<\/a><\/p>\n\t\t<p style=\"width:100%\"><a target=\"_blank\" href=\"#\">Joomla cycle news text 2<\/a><\/p>\n\t\t<p style=\"width:100%\"><a target=\"_blank\" href=\"#\">Joomla cycle news text 3<\/a><\/p>\n\t<\/div>\n\t<script type=\"text\/javascript\">\n\t\tjQuery(function() { \n\t\t\tjQuery('#rssnewssetting_2').cycle({\n\t\t\t\tfx: 'scrollUp', \n\t\t\t\tspeed: 700, \n\t\t\t\ttimeout: 4000\n\t\t\t});\n\t\t});\n\t<\/script>\n<\/div>\t\n\n\n\n<h2 class=\"wp-block-heading\">Module installation instruction<\/h2>\n\n\n\n<p>1. Download the <strong>Joomla cycle news<\/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.<\/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 <strong>Upload &amp; Install<\/strong> 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 admin go to the <strong>Site Modules<\/strong> (<strong>System<\/strong>, <strong>Manage<\/strong> in your admin menu). You should see the module <strong>Joomla cycle news<\/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>Joomla cycle news<\/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 and parameters<\/h2>\n\n\n\n<p>Go to <strong>Manage<\/strong>, <strong>Site Modules<\/strong>, Joomla cycle news<\/p>\n\n\n\n<p>Include jQuery: This module using jQuery for cycle news, If you have jQuery include in other modules, and you don&#8217;t want to double include, select NO in this option.<br>News: Enter your news to display on your website&#8217;s front page. There is a total of 10 boxes available on the admin page to enter news.<br>Slider direction: This is to select the slider direction.<br>Speed: This is to manage the cycle speed (Only number)<br>Timeout: This is to manage the cycle delay (Only number)<br>CSS class: This is to select a display style for your news, already we have 10 different types of CSS styles in this module.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Cycle News<\/h2>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"http:\/\/www.gopiplus.com\/extensions\/my-plugin\/screens\/joomla\/mod_cycle_news_display\/mod_cycle_news_display_news.png\" alt=\"Joomla cycle news module\"\/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Frequently asked questions<\/h2>\n\n\n\n<p><strong>Q) How can I change the display style?<\/strong><\/p>\n\n\n\n<p>The plugin have separate CSS file and that CSS file contains 10 class, each class is for one setting. that is, in the admin, we have 10 settings and each set have individual CSS class which is defined in this style sheet.<\/p>\n\n\n\n<p>mod_joomla_cycle_news\/css\/ mod_joomla_cycle_news.css<\/p>\n\n\n\n<p><strong>Q) How can I change the slider direction?<\/strong><\/p>\n\n\n\n<p>This option is available in the admin setting, please refer to the above screen.<\/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\/2012\/04\/joomla-cycle-news-joomla-module\/\">http:\/\/www.gopiplus.com\/extensions\/2012\/04\/joomla-cycle-news-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\/cycle-news-display\/\">https:\/\/extensions.joomla.org\/extension\/cycle-news-display\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Cycle news is a simple module to show the text news with cycle jQuery. Display one news at a time and cycle the remaining in the mentioned location and this module have separate CSS file to manage the display style. <\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":true,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[46,7,8],"class_list":["post-483","post","type-post","status-publish","format-standard","hentry","category-joomla-plugin","tag-cycle","tag-joomla","tag-module"],"amp_enabled":true,"_links":{"self":[{"href":"http:\/\/www.gopiplus.com\/extensions\/wp-json\/wp\/v2\/posts\/483","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=483"}],"version-history":[{"count":0,"href":"http:\/\/www.gopiplus.com\/extensions\/wp-json\/wp\/v2\/posts\/483\/revisions"}],"wp:attachment":[{"href":"http:\/\/www.gopiplus.com\/extensions\/wp-json\/wp\/v2\/media?parent=483"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/www.gopiplus.com\/extensions\/wp-json\/wp\/v2\/categories?post=483"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/www.gopiplus.com\/extensions\/wp-json\/wp\/v2\/tags?post=483"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}