Adding application top bar (just UI) see #3899 only works when loading pages with a smarty template

main/admin/index.php

@@ -210,7 +210,7 @@ if (api_is_platform_admin()) {
 	$blocks['settings']['label'] = api_ucfirst(get_lang('System'));
 	
 	$items = array();
-	$items[] = array('url'=>'special_exports.php.php', 	'label' => get_lang('SpecialExports'));
+	$items[] = array('url'=>'special_exports.php', 	'label' => get_lang('SpecialExports'));
 	if (!empty($phpMyAdminPath)) {
 		$items[] = array('url'=>$phpMyAdminPath, 	'label' => get_lang('AdminDatabases').' ('.get_lang('DBManagementOnlyForServerAdmin').') ');
 	}

main/template/default/layout/head.tpl

@@ -45,5 +45,13 @@ if ( ( navigator.userAgent.toLowerCase().indexOf('msie') != -1 ) && ( navigator.
 {$extra_headers}
 {$favico}
 
+<script type="text/javascript">
+$(document).ready(function(){	
+	$(".dropdown-toggle, .menu").click(function (e) {
+    	var $li = $(this).parent("li").toggleClass('open'); 
+  	});
+});
+</script>
+
 {$header_extra_content}
 <!--  head end-->

main/template/default/layout/header.tpl

@@ -1,3 +1,45 @@
+<!-- Topbar -->
+
+{if $_u.status == 1}
+	<div class="topbar">
+	    <div class="topbar-inner">
+	        <div class="container">
+		        <h3><a href="#">Chamilo</a></h3>
+		        <ul class="nav">
+		            <li class="active"><a href="#">Home</a></li>
+		            <li><a href="#">Profile</a></li>
+		            <li><a href="#">Messages</a></li>
+		            <li><a href="#">Administrator</a></li>
+		            <li class="dropdown">
+		                <a class="dropdown-toggle" href="#">Dropdown</a>
+		            <ul class="dropdown-menu">
+		                <li><a href="#">Secondary link</a></li>
+		                <li><a href="#">Something else here</a></li>
+		                <li class="divider"></li>
+		                <li><a href="#">Another link</a></li>
+		                </ul>
+		                </li>
+		            </ul>
+		            <form action="">
+		            <input type="text" placeholder="Search">
+		            </form>
+		            <ul class="nav secondary-nav">
+		                <li class="dropdown">
+		                <a class="dropdown-toggle" href="#">Settings</a>
+		                <ul class="dropdown-menu">
+		                    <li><a href="#">Secondary link</a></li>
+		                    <li><a href="#">Help</a></li>
+		                    <li class="divider"></li>
+		                    <li><a href="#">Logout</a></li>
+		                </ul>
+		            </li>
+		            </ul>
+			</div>
+		</div><!-- /topbar-inner -->
+	</div><!-- /topbar -->
+	<div id="topbar_push"></div>
+{/if}
+    
 <div id="header">
 	{* header *}
 	{$header1}