Icy Phoenix

     
 


Post new topic  Reply to topic 
Page 1 of 1
 
 
Reply with quote Download Post 
Post [Tutorial] Dynamic Menu Creation 
 
Introduction
Dynamic Menu system is a part of CMS system. With Dynamic Menu you can create a custom menu (like standard Quick Links) and put it in every part of your Icy Phoenix board.
With this tutorial you can learn how to create a simple page of 2 columns with a custom menu on the left.


Tutorial
  1. First of all we must loat CMS main page (yoursite/cms.php) and click on Dynamic Menu icon:

    001_1176302159_404581

  2. Create a new menu:

    002

  3. The page shows 3 options:

    • Menu name: in this tutorial we write "Animal";
    • Language var: you can use standard name that change with language of board. In this tutorial we choose nothing;
    • Menu description: you can insert your personal note. In this tutorial we write nothing.


    003

  4. The ID of our dymamic menu is 2: we must remember the ID because we need it to include it in the block.
    Now we can edit categories and links of our new custom menu --> click this icon: b_edit_blocks

    004

  5. Currently we do not have any category and we must create it!

    005

  6. The page shows 6 options:

    • Category name: in this tutorial we write "Mammals";
    • Language var: you can use standard name that change with language of board. In this tutorial we choose nothing;
    • Status: you can enable or disable this category. In this tutorial we choose to enable it;
    • Icon: you can select a custom icon. You can choose standard icon of IP or upload your custom icon in yoursite/images/menu/. In this tutorial we select our custom icon, "./images/menu/schede_mammiferi.png";
    • Category description: you can write here your personal notes. In this tutorial we write nothing;
    • Permission: you can set the permission for this category. In this tutorial we set "all".


    006

  7. We can create a lot of categories following the same method. In this tutorial we create 5 categories, Mammals, Birds, Reptiles, Amphibians and Fishes.

    007

  8. Now we must go to CMS management page to create our custom page. For further information to do personal page, please read Icy Phoenix CMS Documentation in this website.
    In this tutorial we create a page of mustelidae (ferrets, minks, skunks...) with 3 blocks: menu, main and footer.

    • Create new page (mustelidae), based on 2_colums.tpl:

      008
      009

    • Add the blocks:

      010

      1. Menu Block: in first page we set "dyn menu" block on the left. Second page show one option, Menu Block ID: in this tutorial we set 2 (Do you remember where this number come from? If you don't, step back to point 4 )

        011
        012

      2. Main Block: in first page we choose "Text of HTML Block" in center page. In second page we insert our custom HTML.

        013
        014

      3. Icon Block: in first page we set "Text or HTML Block" in bottom/center page. In second page we insert our custom HTML.

        015


  9. Nice Job! The personal page for this tutorial has been created. The ID of this custom page is 11 and we must remember it!

    016

  10. We switch again on Dynamic Menu management (yoursite/cms_menu.php) and click on edit page of our custom menu (b_edit_blocks). Press on "Create new link".

    017

  11. Now we can create a personal link and in this tutorial we create "mustelidae" link in "mammals" category. The page shows 9 options:

    • Choose category: in this tutorial we choose "Mammals";
    • Link name: in this tutorial we put "Mustelidae";
    • Language var: you can use standard name that change with language of board. In this tutorial we put nothing;
    • Status: you can enamble or disable this category. In this tutorial we enable it;
    • URL of the link: now we can put internal or external link of our website! In this tutorial we put internal link, "index.php?page=11" (you remember it?);
    • External link: in this tutorial we select "No";
    • Icon: you can select a custom icon. You can choose standard icon of IP or upload your custom icon in yoursite/images/menu/. In this tutorial we select "Standard Icon";
    • Category description: you can put your personal note. In this tutorial we put nothing;
    • Permission: you can set the permission for this category. In this tutorial we set "all".


    018

  12. After submit, we have now our personal page with a little custom menu! Go to yoursite/index.php?page=11 to see our work!

    019

  13. If do you want to create other personal pages and links, go to step 8 of this tutorial and repeat! That's all... Nice Job!

 



 
Edited by Mighty Gorgon, Thu 12 Apr, 2007 01:05: Edited By MG
hplSend private messageVisit poster's website  
Back to topPage bottom
Icy Phoenix is an open source project, you can show your appreciation and support future development by donating to the project.

Support us
 
Reply with quote Download Post 
Post Re: [Tutorial] Dynamic Menu 
 
I think that is all....but my english is very bad       

Have you any suggestions/critics before put it on public forum?  
 



 
hplSend private messageVisit poster's website  
Back to topPage bottom
Reply with quote Download Post 
Post Re: [Tutorial] Dynamic Menu 
 
I was thinking of creating something like this

great work HPL
 




____________
? Zuker - EDDB - LPM - Sharefields
 
ZukerSend private messageVisit poster's website  
Back to topPage bottom
Reply with quote Download Post 
Post Re: [Tutorial] Dynamic Menu Creation 
 
Really well done.

Thank you very much.
 




____________
Luca
SEARCH is the quickest way to get support.
Icy Phoenix ColorizeIt - CustomIcy - HON
 
Mighty GorgonSend private messageSend e-mail to userVisit poster's website  
Back to topPage bottom
Reply with quote Download Post 
Post Re: [Tutorial] Dynamic Menu Creation 
 
The only thing i'd add is creating new lang vars at lang_dyn
 




____________
? Zuker - EDDB - LPM - Sharefields
 
ZukerSend private messageVisit poster's website  
Back to topPage bottom
Reply with quote Download Post 
Post Re: [Tutorial] Dynamic Menu Creation 
 
is true, I think if can be better to do it in this tutorial or make new documentation with lang vars for dyn menu and blocks too..
 



 
hplSend private messageVisit poster's website  
Back to topPage bottom
Reply with quote Download Post 
Post Re: [Tutorial] Dynamic Menu Creation 
 
hpl wrote: [View Post]
is true, I think if can be better to do it in this tutorial or make new documentation with lang vars for dyn menu and blocks too..

In my opinion it would be better making a new tutorial and link it here!

Thanks!
 




____________
Luca
SEARCH is the quickest way to get support.
Icy Phoenix ColorizeIt - CustomIcy - HON
 
Mighty GorgonSend private messageSend e-mail to userVisit poster's website  
Back to topPage bottom
Post new topic  Reply to topic  Page 1 of 1
 


Display posts from previous:    

HideWas this topic useful?

Link this topic
URL
BBCode
HTML




 
Permissions List
You cannot post new topics
You cannot reply to topics
You cannot edit your posts
You cannot delete your posts
You cannot vote in polls
You cannot attach files
You can download files
You cannot post calendar events


  

 

  cron