<div style="background:orange">This is the page where both TOP and LEFT menu are defined. To '''define top horizontal menu''', the '''line must start with *'''. To '''define left menu, the line must begin with #'''. It is neccessary to know that you have to use proper html code to define both menus. CSS,images and menu look is already defined in files, so in Mediawiki:Halomenu only 'menu structures' are defined. Just edit following example to match your needs. BEWARE: To make it work, ALL white space from the example must be removed (except the symbols * and # which are supposed to be first symbol on the line .<br/></div><div style="background: none repeat scroll 0% 0% orange">

*&lt;ul id="nav" class="dropdown dropdown-horizontal" style="float:left"&gt; &lt;li &gt;&lt;a href="Aims"&gt;Aims&lt;/a&gt; &lt;ul&gt; &lt;li class="first"&gt; &lt;a href="Knowledge_Path" &gt;Knowledge Path on Service Science&lt;/a&gt; &lt;/li&gt; &lt;li &gt;&lt;a href="Innovation_Passport" &gt;Innovation Passport&lt;/a&gt;&lt;/li&gt; &lt;li class="dir"&gt;&lt;a href="Solutions" &gt;Solutions&lt;/a&gt; &lt;ul&gt; &lt;li class="first"&gt;&lt;a href="Technologies" &gt;Technologies&lt;/a&gt;&lt;/li&gt; &lt;li &gt;&lt;a href="Tools" &gt;Tools&lt;/a&gt;&lt;/li&gt; &lt;li &gt;&lt;a href="Integration" &gt;Integration&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li &gt;&lt;a href="Body_of_Knowledge"&gt;Body of Knowlegde&lt;/a&gt; &lt;ul&gt; &lt;li class="first dir"&gt;&lt;a href="Service_Science_Fundamentals" &gt;Service Science Fundamentals&lt;/a&gt; &lt;ul&gt; &lt;li class="first"&gt;&lt;a href="Service-Dominant_Logic" &gt;Service-Dominant Logic&lt;/a&gt;&lt;/li&gt; &lt;li &gt;&lt;a href="Service_System" &gt;Service System&lt;/a&gt;&lt;/li&gt; &lt;li &gt;&lt;a href="Service_System_Ecology" &gt;Service System Ecology&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li class="dir"&gt;&lt;a href="Service_Oriented_Computing" &gt;Services Oriented Computing&lt;/a&gt; &lt;ul&gt; &lt;li class="first"&gt;&lt;a href="Service-Oriented_Architectures" &gt;Service-Oriented Architectures&lt;/a&gt;&lt;/li&gt; &lt;li &gt;&lt;a href="Web_Services" &gt;Web Services&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li class="dir"&gt;&lt;a href="Support_Activities_for_Services" &gt;Support Activities for Services&lt;/a&gt; &lt;ul&gt; &lt;li class="first"&gt;&lt;a href="Services_Delivery" &gt;Services Delivery&lt;/a&gt;&lt;/li&gt; &lt;li &gt;&lt;a href="Services_Design_and_Development" &gt;Services Design_and Development&lt;/a&gt;&lt;/li&gt; &lt;li &gt;&lt;a href="Services_Innovation" &gt;Services Innovation&lt;/a&gt;&lt;/li&gt; &lt;li &gt;&lt;a href="Services_Marketing" &gt;Services Marketing&lt;/a&gt;&lt;/li&gt; &lt;li &gt;&lt;a href="Services_Operations_and_Management" &gt;Services Operations and Management&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li class="dir"&gt;&lt;a href="Application_Sectors" &gt;Application Sectors&lt;/a&gt; &lt;ul&gt; &lt;li class="first"&gt;&lt;a href="Automation_Sector" &gt;Automation Sector&lt;/a&gt;&lt;/li&gt; &lt;li &gt;&lt;a href="Service_Sector" &gt;Service Sector&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li&gt;&lt;a href="Methodologies" &gt;Methodologies&lt;/a&gt; &lt;/ul&gt; &lt;/li&gt; &lt;!-- <li &gt;&lt;a href="Educational_Program"&gt;Educational Programs&lt;/a&gt; &lt;ul&gt; &lt;li class="first dir"&gt;&lt;a href="Initial_Education" &gt;Initial Education&lt;/a&gt; &lt;ul&gt; &lt;li &gt;&lt;a href="University_Programs" &gt;University Progams&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li class="dir"&gt;&lt;a href="Vocational_Education" &gt;Vocational Education&lt;/a&gt; &lt;ul&gt; &lt;li class="first"&gt;&lt;a href="Compact_Modules" &gt;Compact Modules&lt;/a&gt;&lt;/li&gt; &lt;li &gt;&lt;a href="Trainings" &gt;Trainings&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; --> &lt;li &gt;&lt;a href="E-learning_in_Cloud"&gt;E-learning in Cloud&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt;<br/>#&lt;ul class="left_menu"&gt; &lt;li &gt;&lt;a href="Activities" class="dir"&gt;Activities&lt;/a&gt; &lt;ul&gt; &lt;li &gt; &lt;a href="Educational Programs" class="dir"&gt;Educational Programs&lt;/a&gt; &lt;ul &gt; &lt;li&gt;&lt;a&gt;[[Initial Education]]&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="Vocational Education"&gt;Vocational Education&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li&gt;&lt;a href="Events" class="dir"&gt;Events&lt;/a&gt; &lt;ul &gt; &lt;li &gt;&lt;a href="Conference"&gt;Conference&lt;/a&gt;&lt;/li&gt; &lt;li &gt;&lt;a href="Workshop"&gt;Workshop&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li&gt;&lt;a href="Projects" class="dir"&gt;Projects&lt;/a&gt; &lt;ul &gt; &lt;li &gt;&lt;a href="Funding Program"&gt;Funding Program&lt;/a&gt;&lt;/li&gt; &lt;li &gt;&lt;a href="Prospective Study"&gt;Prospective Study&lt;/a&gt;&lt;/li&gt; &lt;li &gt;&lt;a href="Research Project"&gt;Research Project&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li&gt;&lt;a href="Support Activities for Services" class="dir"&gt;Support Activities for Services&lt;/a&gt; &lt;ul &gt; &lt;li &gt;&lt;a href="Services Design and Development"&gt;Services Design and Development&lt;/a&gt;&lt;/li&gt; &lt;li &gt;&lt;a href="Services Operations and Management"&gt;Services Operations and Management&lt;/a&gt;&lt;/li&gt; &lt;li &gt;&lt;a href="Services Marketing"&gt;Services Marketing&lt;/a&gt;&lt;/li&gt; &lt;li &gt;&lt;a href="Services Delivery"&gt;Services Delivery&lt;/a&gt;&lt;/li&gt; &lt;li &gt;&lt;a href="Services Innovation"&gt;Services Innovation&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li &gt;&lt;a href="Application Sectors" class="dir"&gt;Application Sectors&lt;/a&gt; &lt;ul&gt; &lt;li&gt;&lt;a href="Automation Sector" class="dir"&gt;Automation Sector&lt;/a&gt; &lt;ul &gt; &lt;li &gt;&lt;a href="Manufacturing"&gt;Manufacturing&lt;/a&gt;&lt;/li&gt; &lt;li &gt;&lt;a href="Robotics"&gt;Robotics&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li&gt;&lt;a href="Service Sector" class="dir"&gt;Service Sector&lt;/a&gt; &lt;ul &gt; &lt;li &gt;&lt;a href="Agriculture"&gt;Agriculture&lt;/a&gt;&lt;/li&gt; &lt;li &gt;&lt;a href="Business Management"&gt;Business Management&lt;/a&gt;&lt;/li&gt; &lt;li &gt;&lt;a href="E-government"&gt;E-government&lt;/a&gt;&lt;/li&gt; &lt;li &gt;&lt;a href="E-health"&gt;E-health&lt;/a&gt;&lt;/li&gt; &lt;li &gt;&lt;a href="Education"&gt;Education&lt;/a&gt;&lt;/li&gt; &lt;li &gt;&lt;a href="IT Services"&gt;IT Services&lt;/a&gt;&lt;/li&gt; &lt;li &gt;&lt;a href="Smart Grids"&gt;Smart Grids&lt;/a&gt;&lt;/li&gt; &lt;li &gt;&lt;a href="Supply Chains"&gt;Supply Chains&lt;/a&gt;&lt;/li&gt; &lt;li &gt;&lt;a href="Telecommunications"&gt;Telecommunications&lt;/a&gt;&lt;/li&gt; &lt;li &gt;&lt;a href="Transportation"&gt;Transportation&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li &gt;&lt;a href="Documents" class="dir"&gt;Documents&lt;/a&gt; &lt;ul&gt; &lt;li &gt; &lt;a href="Articles" &gt;Articles&lt;/a&gt;&lt;/li&gt; &lt;li &gt; &lt;a href="Books" &gt;Books&lt;/a&gt;&lt;/li&gt; &lt;li &gt; &lt;a href="Case Studies" &gt;Case Studies&lt;/a&gt;&lt;/li&gt; &lt;li &gt; &lt;a href="Journals" &gt;Journals&lt;/a&gt;&lt;/li&gt; &lt;li &gt; &lt;a href="Patents" &gt;Patents&lt;/a&gt;&lt;/li&gt; &lt;li &gt; &lt;a href="Proceedings" &gt;Proceedings&lt;/a&gt;&lt;/li&gt; &lt;li &gt; &lt;a href="Reports" &gt;Reports&lt;/a&gt;&lt;/li&gt; &lt;li &gt; &lt;a href="Standards" &gt;Standards&lt;/a&gt;&lt;/li&gt; &lt;li &gt; &lt;a href="Theses" class="dir"&gt;Theses&lt;/a&gt; &lt;ul &gt; &lt;li &gt;&lt;a href="Master Thesis"&gt;Master Thesis&lt;/a&gt;&lt;/li&gt; &lt;li &gt;&lt;a href="PhD Thesis"&gt;PhD Thesis&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li &gt;&lt;a href="Institutions" class="dir"&gt;Institutions&lt;/a&gt; &lt;ul&gt; &lt;li &gt; &lt;a href="Academic Institutions" class="dir"&gt;Academic Institutions&lt;/a&gt; &lt;ul &gt; &lt;li &gt;&lt;a href="Faculty"&gt;Faculty&lt;/a&gt;&lt;/li&gt; &lt;li &gt;&lt;a href="University"&gt;University&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li &gt; &lt;a href="Business Institutions" &gt;Business Institutions&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li &gt;&lt;a href="Methodologies" &gt;Methodologies&lt;/a&gt; &lt;/li&gt; &lt;li &gt;&lt;a href="People" class="dir"&gt;People&lt;/a&gt; &lt;ul&gt; &lt;li &gt; &lt;a href="Professionals" &gt;Professionals&lt;/a&gt;&lt;/li&gt; &lt;li &gt; &lt;a href="Professors" &gt;Professors&lt;/a&gt;&lt;/li&gt; &lt;li &gt; &lt;a href="Researchers" &gt;Researchers&lt;/a&gt;&lt;/li&gt; &lt;li &gt; &lt;a href="Students" &gt;Students&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li &gt;&lt;a href="Service Concepts" class="dir"&gt;Service Concepts&lt;/a&gt; &lt;ul&gt; &lt;li &gt; &lt;a href="Service Oriented Computing" class="dir"&gt;Service Oriented Computing&lt;/a&gt; &lt;ul &gt; &lt;li &gt;&lt;a href="Service Oriented Architecture"&gt;Service Oriented Architecture&lt;/a&gt;&lt;/li&gt; &lt;li &gt;&lt;a href="Web Services"&gt;Web Services&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li &gt; &lt;a href="Service Science Fundamentals" &gt;Service Science Fundamentals&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li &gt;&lt;a href="Technologies" class="dir"&gt;Technologies&lt;/a&gt; &lt;ul&gt; &lt;li &gt; &lt;a href="Hardware" class="dir"&gt;Hardware&lt;/a&gt; &lt;ul&gt; &lt;li &gt;&lt;a href="Cloud"&gt;Cloud&lt;/a&gt;&lt;/li&gt; &lt;li &gt;&lt;a href="Grid"&gt;Grid&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li &gt; &lt;a href="Software" class="dir"&gt;Software&lt;/a&gt; &lt;ul&gt; &lt;li &gt;&lt;a href="Language"&gt;Languages&lt;/a&gt;&lt;/li&gt; &lt;li &gt;&lt;a href="Protocol"&gt;Protocols&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/li&gt; &lt;li &gt;&lt;a href="Tools" &gt;Tools&lt;/a&gt; &lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;

</div><div style="display:none">

*<ul style="float:left">

<li>&lt;a href="Aims"&gt;Aims&lt;/a&gt;

***&lt;a href="Integration" &gt;Integration&lt;/a&gt;</li>

 

**&lt;a href="Body_of_Knowledge"&gt;Body of Knowlegde&lt;/a&gt;

***&lt;a href="Service_Science_Fundamentals" &gt;Service Science Fundamentals&lt;/a&gt;

***&lt;a href="Methodologies" &gt;Methodologies&lt;/a&gt;<!-- <li ><a href="Educational_Program">Educational Programs</a> <ul> <li class="first dir"><a href="Initial_Education" >Initial Education</a> <ul> <li ><a href="University_Programs" >University Progams</a></li> </ul> </li> <li class="dir"><a href="Vocational_Education" >Vocational Education</a> <ul> <li class="first"><a href="Compact_Modules" >Compact Modules</a></li> <li ><a href="Trainings" >Trainings</a></li> </ul> </li> </ul> </li> -->

**&lt;a href="E-learning_in_Cloud"&gt;E-learning in Cloud&lt;/a&gt;

 

#*&lt;a href="Activities" class="dir"&gt;Activities&lt;/a&gt;

#**&lt;a href="Educational Programs" class="dir"&gt;Educational Programs&lt;/a&gt;

</div>