Kamis, 20 Desember 2012

HOW TO MAKE BEAUTIFUL DROPDOWN ON JOOMLA 2.5



In the last article, "Cah Kene omahe kono" already share his experiences on How to Change The Default Joomla Header Image Easily. This time "Cah Kene omahe kono" want to share more about How To Make  Beautiful Dropdown on Joomla 2.5. Before knowing the technique, "Cah Kene omahe kono" also had difficulty when he wanted to try his website http://almasentra.com look more beautiful. But from the results of searcing on various blogs and practices, creating a beautiful dropdown display on Joomla 2.5 in fact is very easy. So also with you, if you already know how, you can display of how many levels of sub-menu you want beatifully without any problem


If you only want to display the top menu with no sub menu, you can use the Beez_20, the default template of  joomla 2.5 and the appearance of the your website will still look beautiful. But if you intend to display the sub-menu up to third level under the top menu, you will start to find some problem if you keep using the Beez -20 template default of Joomla 2.5. The first problem is the sub menu not exactly located under the top menu as the parent item of the sub menu. The second problem is the header image will be permanently closed by the sub-menu display box with an irregular layout and difficult to manage. As for the third issue of course is not look at as beautiful website he he he ......




If you still continue to use the Beez-20 default template of  joomla 2.5. to display the sub-menu up to the third level under the top menu, then the appearance will be as shown in the picture below. And I think it's not good, how did you view?


After trying to search via google, finally "Cah Kene omahe kono" find a free dropdown  extension module, Maximenu CK. After practice, I think it's a nice free dropdown module to make our website that looks more attractive appearance.
Steps that need to be passed from finding mudule Maximenu CK  to obtain a website with an attractive appearance is as follows.

1.          Create top menus and sub-menus, how many sub-menus levels you want
2.          Please Down load module MaximenuCK in http://extensions.joomla.org/ or click here, then you will get the win rar zip file mod_maximenuck_6.1.7_j25
3.          Open your website backend and select Extensions-> Extension Manager so that the screen will show as in the picture below.


4.          Click the "browse", then look for a win mod_maximenuck_6.1.7_j25 rar zip file that you down load to your Computer, then click the "upload and install". If this stage is completed, it is mean the module maximenu CK already on the list module of your joomla website. Please proceed to the next stage.
5.          Please click the Extensions-> Module Manager


6.          Find from the list of modules, Maximenu CK. At this stage the status is still unpublished. If it is found, please click it, and then do the edit. Editing actions that must be executed in order to affect your website are:


7.          Show title, select "hide"
8.          Status, change from unpublished to published
9.          Position, select the position 1
10.       Find the Module Assignment at the bottom of the screen, select "On all pages".
11.       See the Basic Option that is on the right side, find "menu to render" then select the "top"
12.       Click the Styles option, find the orientation then please select one of the two options of "horizontal" or "vertical", and see the effect on your website (sorry I forgot) he he he ....
13.       If completed, the last step is to save and close, then open your website, hopefully have a good effect, he he he ........ 
.  

Until this stage module Maximenu CK would have an effect on the top menu and sub ​​menu that has finished you created. But what was shown by Maximenu CK, really only cover appearance tamplete (beez_20) default Joomla 2.5. So that when the sub-menu that has been completed made are too much, then you will begin to see the problem, as a problem that had made "Cah Kene omahe kono" headaches.  These problems are, the header image will gradually encroached upon by the sub-menu box. The more sub-menu level you want to  display, much more the image header will be "occupied". Prove it by making the sub menu up to the third level and so on, then the sub-menu displayed by  the Beez_20 default template of Joomla 2.5. will appear openly. As shown below, is broken again ...

Do not be easily fooled like "Cah Kene omahe kono", because it is not difficult to fix.

Go back into the backend-> module manager. 

Find module "dropdown", when it is found please click the green tick as published code. If you already click the green tick, the sign will automatically be changed to the red mark, as a sign of status changes to "unpublished".

After that, take a look at your website again, hopefully already look beautiful as it did on almasentra.com created by "Cah Kene omahe kono" as below.

The interesting thing to mention is, wherever you move your computer screen, with using  Maximenu CK  module extensions the top menu and sub ​​menu will continue to follow and be at the top of the screen, so that your visitors do not need to be busy to move from top to bottom and vice versa.




Hopefully helpful, good luck ...... good luck .....

Google PageRank Checker

6 komentar:

  1. Joomla is popular CMS among all CMS Platforms. Hire a Joomla Programmer for custom Joomla development in affordable cost. We have dedicated team for Joomla development.

    BalasHapus
  2. Thanks Terri....
    Joomla has really helped me and millions of people like me. Salute to joomla development team

    BalasHapus
  3. I love you blog design and way of writing skils. Thanks to share
    joomla development

    BalasHapus
  4. nice tutorial :)
    i just wondering how to make fixed menu while using maximenu CK like shown as your demo.
    could you tell me how please.
    thanks a lot for sharing.

    BalasHapus
  5. Hi,

    Thanks for sharing a very interesting article about HOW TO MAKE BEAUTIFUL DROPDOWN ON JOOMLA 2.5. This is very useful information for online blog review readers. Keep it up such a nice posting like this.

    From,
    Maestro Infotech,
    Web Design Company Bangalore

    BalasHapus