Learn to create Joomla Module

Hey i was just learning to create a Joomla Module, Its really fun. Joomla modules are a fun way of creating awesome functionality to any joomla site. You can use the module for your any requirement which is required dynamically from the back end admin panel of Joomla.

Ā  I will be posting some of my inventions and a quick tut. To how to create a simple joomla module. Wo Its really been too long since I have visited my blog, Quit Busy with my work šŸ˜€


Made slide down image with jquery did custom coding

Well today I am really happy coz have implemented jQuery function and have created custom animated image effect for a project. Have made use of some functions of jQuery library and designed this. I am sharing this html file where in which I have created the image slide down effect with animation in jQuery.

<!DOCTYPE html>
  div.block {
position: absolute;
background: #333;
width: 100px;
height: 100px;

margin: -690px 5px 5px;
button#go {
    margin-left: 200px;
#middle{ width:1024px; margin:0 auto; background: none repeat scroll 0 0 transparent;}
#lefttransfer{ margin-left:200px; }
#stichdown {
    float: left;
    font-size: 15px;
    height: 40px;
    margin-left: 60px;
    margin-top: 546px;
    text-decoration: none;
    text-indent: -999px;
    width: 78px;
<script src="http://code.jquery.com/jquery-latest.js"></script>
<div id="middle">
<button id="go">Go</button>
<div class="block"></div>
/* Start animation */
jQuery(".block").delay(10000).animate({top: '+=200px'}, 10000);


Important for Joomla, how to input style tag or script tag in header

If you are thinking of adding any style tag or you need to include any file with import@ you can easily add that file through joomla inbuilt function to the head section of the web page i.e. between the <head></head> tag.

Here is the quick code

// Add a reference to a Javascript file
// The default path is 'media/system/js/'
JHTML::script($filename, $path, $mootools);

// Add a reference to a CSS file
// The default path is 'media/system/css/'
JHTML::stylesheet($filename, $path);

Here is the quick link


You can get information from above link.

Stop nivo slider on the last slide applied in wordpress

Today applied a new code for stopping the nivoslider after completing the slideshow and at the last slide. Well I just googled around and found many codes to stop the slider but it always turned to stop at the first slide. Then started creating custom codes for stopping the slider at last post. Finally I have found the solution to stop the slider I have used the js code below to stop the slider at the last slide.

jQuery(window).load(function() {
startSlide:0, //Set starting Slide (0 index)
afterChange: function(){ if(jQuery(‘#slider’).data(‘nivo:vars’).currentSlide == 4) { jQuery(‘#slider’).data(‘nivoslider’).stop(); } },

well it was a real headache for me to get into this but some how managed to do this task and finally achieved it. šŸ™‚


Ronak Dave, Web Developer & Designer From Ahmedabad.

Introduction of Ronak Dave

My name is Ronak Dave I am a Web Developer and web designer. I have completed my Diploma in I.T. After 12th science. I was working as a freelancer from my college time as a web designer and developer. Currently I am working as a web developer in an IT company. I have experience of working in different fields of web development. I have started this blog to share my work as a web developer. I like learning new things as well no matter how experience I get, because I think that in a persons life in any field learning phase never ends until he/she quits.

Usually I have experience working on PHP open source platforms like WordPress, Joomla, Magento etc, and have also used core PHP at beginner level. As a designer I have a good experience of HTML and CSS using current standards according to W3C. Also have experience in the field of SEO and content writing. Sharing experience is a good thing so I have started this blog and also hope that I will regularly post on this.