From c8731e3a31f51a93cfff9fe7206dd6fb007bc733 Mon Sep 17 00:00:00 2001 From: dj3c1t Date: Wed, 10 Jul 2013 19:28:58 +0200 Subject: [PATCH] affichage du menu utilisateur dans le header --- mw/app/out/default/css/style.css | 46 ++++++++++++++++++++++++++++++---- mw/app/out/default/js/script.js | 11 ++++++++ mw/app/out/default/views/menu_user.php | 35 +++++++++++++------------- 3 files changed, 70 insertions(+), 22 deletions(-) diff --git a/mw/app/out/default/css/style.css b/mw/app/out/default/css/style.css index 8d87b8b..5a4abb9 100644 --- a/mw/app/out/default/css/style.css +++ b/mw/app/out/default/css/style.css @@ -56,7 +56,7 @@ body{ #main_header .content{ padding: 10px 0 3px 0; - min-height: 11em; +/* min-height: 11em;*/ position: relative; } @@ -69,7 +69,7 @@ body{ #menu_top{ position: absolute; - bottom: 5px; + bottom: 0px; right: 30px; } @@ -140,10 +140,46 @@ body{ background-repeat: no-repeat; } -#main_header .menu_user{ +#main_header ul.menu_user{ + float: left; + border: solid 1px #d5d5d5; + border-radius: 3px; + padding: 0; + margin-bottom: 5px; +} +#main_header ul.menu_user li{ + position: relative; +} +#main_header ul.menu_user li .welcome, +#main_header ul.menu_user li a{ + display: block; + padding: 0.4em 1em; + background-color: #ffffff; +} +#main_header ul.menu_user li .welcome{ + padding: 0.4em 1.5em 0.4em 2.8em; + background-image: url(../icons/desc.gif); + background-position: 1em 0.8em; + background-repeat: no-repeat; +} +#main_header ul.menu_user li .welcome:hover, +#main_header ul.menu_user li a:hover{ + background-color: #f5f5f5; +} +#main_header ul.menu_user li a:hover{ + color: #000066; +} +#main_header ul.menu_user ul{ position: absolute; - top: 4em; - left: 30px; + top: 100%; + left: -1px; + border: solid 1px #d5d5d5; + background-color: #ffffff; + box-shadow: 4px 4px 10px #d5d5d5; + display: none; +} +#main_header ul.menu_user ul li a{ + padding: 0.3em 7em 0.3em 3em; } /* --------------------------------------------- CONTENUS */ diff --git a/mw/app/out/default/js/script.js b/mw/app/out/default/js/script.js index 384a53d..c8139b3 100644 --- a/mw/app/out/default/js/script.js +++ b/mw/app/out/default/js/script.js @@ -1,6 +1,7 @@ $(document).ready( function(){ init_menu_top(); + init_menu_user(); } ); @@ -14,3 +15,13 @@ function init_menu_top(){ } ); } +function init_menu_user(){ + $("#main_header ul.menu_user li").hover( + function(){ + $(this).find("ul").first().fadeIn(200); + }, + function(){ + $(this).find("ul").first().fadeOut(200); + } + ); +} diff --git a/mw/app/out/default/views/menu_user.php b/mw/app/out/default/views/menu_user.php index d6e42d9..e1ef68f 100644 --- a/mw/app/out/default/views/menu_user.php +++ b/mw/app/out/default/views/menu_user.php @@ -1,20 +1,21 @@ + \ No newline at end of file -- 2.1.4