+ Моддинг главного меню админки

andryeyev
1 parent 84f56040
Showing 3 changed files with 126 additions and 95 deletions Show diff stats
css/account.css
css/admin.css
templates/admin/admin.tpl
@@ -165,7 +165,7 @@
 		right: -500px;
 		top: 200px;
 	}
-* html div.index{ /*хак для ИЕ6*/
+* html div.index{
 	    position: absolute;
 		top:140px;
 	}
@@ -637,9 +637,9 @@
     /* ======================= Pager ==================== */
     .pager {margin: 10px 0;}
-    .pager a { font-size:14px; font-weight:normal; text-decoration:none; border:solid 1px #4D94CF; color:#05507d; padding:2px; margin-left:1px; }
+    .pager a { font-size:14px; font-weight:normal; text-decoration:none; border:solid 1px #4D94CF; color:#05507d; padding:3px 6px; margin-left:1px; }
     .pager a:hover { background-color:#4D94CF; color:#FFF; }
-    .pager .begin { color:#CCC; border:solid 1px #CCC; cursor: default; font-size:14px; font-weight:normal; text-decoration:none; padding:3px;}
+    .pager .begin { color:#CCC; border:solid 1px #CCC; cursor: default; font-size:14px; font-weight:normal; text-decoration:none; }
     .pager .begin:hover, .pager .end:hover {background:#fff; color:#FFF; }
     .pager .begin-active { color:#336699; border:solid 1px #4D94CF;  }
     .pager .prev a { color:#999999; font-size:14px; font-weight:normal; padding-bottom:0;  }
@@ -648,5 +648,5 @@
     .pager .numbers-active { background-color:#4D94CF; color:#FFF; }
     .pager .next a { color:#999999; font-size:14px; font-weight:normal; }
     .pager .next-active { background-color:#EAEAEA; color:#336699; border:solid 1px #C1C1C1;}
-    .pager .end { color:#CCC; border:solid 1px #CCC; cursor: default; font-size:14px; font-weight:normal; text-decoration:none; padding:3px;}
+    .pager .end { color:#CCC; border:solid 1px #CCC; cursor: default; font-size:14px; font-weight:normal; text-decoration:none; }
     .pager .end-active {color:#336699; border:solid 1px #4D94CF; }
@@ -9,10 +9,10 @@ TABLE{font-family:arial;font-size:12px;color:#737373;}
 a:visited{font-family:arial;font-size:12px;font-weight:normal;color: #1B5393;text-decoration: underline;}
 a:link{font-family:arial;font-size:12px;font-weight:normal;color: #1B5393;text-decoration: underline;}
-a:hover {font-family:arial;font-size:12px;font-weight:normal;color:#1B5393;text-decoration: underline;}
+/*a:hover {font-family:arial;font-size:12px;font-weight:normal;color:#1B5393;text-decoration: underline;}*/
 .bord{background:#1372C6;height:25px;padding-left:5px;padding-right:5px;}
-.left_hot{padding-left:25px;padding-top:10px;}
+.left_hot{padding-left:15px; padding-right:15px; padding-top:10px;}
 #link1{font-family:arial;font-size:12px;font-weight:bold;color:#ffffff;text-decoration: underline;}
 .content_site{border-left:1px solid #6D6C71;padding:7px;}
@@ -30,7 +30,7 @@ p{margin:0px;}
 .topic{border:1px solid #D1D1D1;background:#EDEDED;padding:5px;}
 .content_site .H1Title {margin-bottom:20px;}
-div.adminMenu li, .H1Title {    
+.H1Title {    
     margin: 0 10px 0 0;
     list-style:none;
 	font-family: Arial, Helvetica, sans-serif;
@@ -60,76 +60,71 @@ div.adminMenu li, .H1Title {
 		0px 1px 0px rgba(255,255,255,0.3);
     }
-div.adminMenu li a {
-    text-decoration:none;     
-    font-size: 14px;
-    font-weight: bold; color: #FFFFFF;     
-    position: relative;
-    top: -2px;
-    }
-div.adminMenu ul {margin: 5px 10px 5px -20px;}   
-div.adminMenu ul li {
-padding: 4px 10px;
-    margin: 5px 10px 0 0;
-    text-decoration:none; 
-    font-size:12px; 
-    background: none;
-    border: none;
-    color: #000;
+/*
+	==== adminMenu ====
+*/
+div.adminMenu { 
 }
-div.adminMenu ul li:hover {
-	background: -moz-linear-gradient(
-		top,
-		#dfedca 0%,
-		#b4e364);
-	background: -webkit-gradient(
-		linear, left top, left bottom, 
-		from(#dfedca),
-		to(#b4e364));
-	border-radius: 5px;
-	-moz-border-radius: 5px;
-	-webkit-border-radius: 5px;
-	border: 1px solid #bde084;
-	-moz-box-shadow:
-		0px 1px 3px rgba(000,000,000,0.5),
-		inset 0px 0px 1px rgba(255,255,255,1);
-	-webkit-box-shadow:
-		0px 1px 3px rgba(000,000,000,0.5),
-		inset 0px 0px 1px rgba(255,255,255,1);
-	text-shadow:
-		1px 1px 2px rgba(000,000,000,0.4),
-		0px 1px 0px rgba(255,255,255,0.3);
+div.adminMenu ul {
+	padding: 0;
+	margin: 0;
+	background: #4f85bb;
+	background: -moz-linear-gradient(top,  #4f85bb 0%, #4f85bb 100%);
+	background: -webkit-linear-gradient(top,  #4f85bb 0%,#4f85bb 100%);
+	background: linear-gradient(to bottom,  #4f85bb 0%,#4f85bb 100%);
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f85bb', endColorstr='#4f85bb',GradientType=0 );
 }
-div.adminMenu ul li a {color: #000;text-decoration:none;top:0;}
-div.adminMenu a {text-decoration:none;}
-div.adminMenu .activeMenu { 
-	background: -moz-linear-gradient(
-		top,
-		#dfedca 0%,
-		#b4e364);
-	background: -webkit-gradient(
-		linear, left top, left bottom, 
-		from(#dfedca),
-		to(#b4e364));
-	border-radius: 5px;
-	-moz-border-radius: 5px;
-	-webkit-border-radius: 5px;
-	border: 1px solid #bde084;
-	-moz-box-shadow:
-		0px 1px 3px rgba(000,000,000,0.5),
-		inset 0px 0px 1px rgba(255,255,255,1);
-	-webkit-box-shadow:
-		0px 1px 3px rgba(000,000,000,0.5),
-		inset 0px 0px 1px rgba(255,255,255,1);
-	text-shadow:
-		1px 1px 2px rgba(000,000,000,0.4),
-		0px 1px 0px rgba(255,255,255,0.3);
+div.adminMenu ul ul li { 
+    border-bottom: 1px solid #6096cc; 
+}
+
+div.adminMenu ul ul a {
+	padding-left: 20px;	 
+}
+
+div.adminMenu ul li.main-menu {
+    font-size: 14px; 
+	background: #2c539e;
+	background: -moz-linear-gradient(top,  #2c539e 0%, #2c539e 100%);
+	background: -webkit-linear-gradient(top,  #2c539e 0%,#2c539e 100%);
+	background: linear-gradient(to bottom,  #2c539e 0%,#2c539e 100%);
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c539e', endColorstr='#2c539e',GradientType=0 );
+}
+
+div.adminMenu ul li {  
+	font-size: 12px; 
+    border-radius: 0;
+    color: #ffffff;
+    text-align: left;
+    list-style: none;
+    transition: all 0.5s ease 0s; 
+}
+
+div.adminMenu ul a {
+    padding: 10px;
+    display: block;
+    text-decoration: none;     
+    color: #FFFFFF;     
+    position: relative; 
+    text-shadow: -1px -1px 2px #4c4c4c;
 }
+
+
+div.adminMenu ul li:hover,
+div.adminMenu .activeMenu { 
+	background: #2c539e;
+	background: -moz-linear-gradient(top,  #001560 0%, #103782 100%);
+	background: -webkit-linear-gradient(top,  #001560 0%,#103782 100%);
+	background: linear-gradient(to bottom,  #001560 0%,#103782 100%);
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001560', endColorstr='#103782',GradientType=0 );
+}
+
+
 .td_top {background-color:#296da4; color:#ffffff;}
 .td_1 {background-color:#f6f6f6; color:#000000;}
 .td_2 {background-color:#e7e7e7; color:#000000;}
@@ -175,52 +175,88 @@ function check(n){
      <tr><td class="left_hot">
          <div class='adminMenu'>
-         {php}
+        {php}
+         
             global $path; $H1Title='';
             $sql = "SELECT id, alias, name, action, `group` FROM rules WHERE parent_id=1";
             $result=mysql_query($sql) or die (mysql_error());
-            if (mysql_affected_rows()!=0) {
-                while ($menu=mysql_fetch_assoc($result)) {
-                
-                    if (in_array($_SESSION['admin']['group'], explode(":",$menu['group']))) {
-                        if ($_GET['action']==$menu['action'] && $_GET['action']!='') { $active='class="activeMenu"'; } else { $active=''; }
-                            echo"<li $active><a>".$menu['name']."</a></li>";
+            if (mysql_affected_rows()!=0) 
+            {
+                while ($menu=mysql_fetch_assoc($result)) 
+                {
+                    // ==== MENU ====
+                    
+                    echo "<ul class='menu'>";
+                    
+                    if (in_array($_SESSION['admin']['group'], explode(":",$menu['group']))) 
+                    {
+                        if ($_GET['action'] == $menu['action'] && $_GET['action'] != '') 
+                        { 
+                            $active = 'class="activeMenu"'; 
+                        } 
+                        else 
+                        { 
+                            $active = ''; 
+                        }
+
+                        //echo "<li $active><a>".$menu['name']."</a></li>";
+                        echo "<li class='main-menu'><a>".$menu['name']."</a></li>";
                     }
+                    
+                    // ==== SUB-MENU ====
                     $sql2 = "SELECT alias, name, action, `group` FROM rules WHERE parent_id=".$menu['id']."";
                     $result2=mysql_query($sql2) or die (mysql_error());
-                    if (mysql_affected_rows()!=0) {
-                    echo"<ul>";
-                        while ($submenu=mysql_fetch_assoc($result2)) {      
+                    if (mysql_affected_rows() != 0) 
+                    {
+                        echo "<ul class='sub-menu'>";
-                            if (in_array($_SESSION['admin']['group'], explode(":",$submenu['group']))) {
-                                if ($_GET['action']==$submenu['action'] && $_GET['action']!='' || (isset($path[2]) &&$path[2]==$submenu['action'])) { $active='class="activeMenu"'; $H1Title=$submenu['name'];} else { $active='';}
+                        while ($submenu = mysql_fetch_assoc($result2)) 
+                        {       
+                            if (in_array($_SESSION['admin']['group'], explode(":",$submenu['group']))) 
+                            {
+                                if ($_GET['action'] == $submenu['action'] && $_GET['action'] != '' 
+                                    || (isset($path[2]) && $path[2] == $submenu['action']))
+                                { 
+                                    $active = 'class="activeMenu"'; 
+                                    $H1Title = $submenu['name'];
+                                } 
+                                else 
+                                { 
+                                    $active = '';
+                                }
-                                    $total='';
-                                    if ($submenu['action']=='messages') {
+                                    $total = '';
+                                    
+                                    if ($submenu['action'] == 'messages') 
+                                    {
                                         $sql3 = "SELECT id FROM zlo_users_message WHERE `status`=1 ";
                                         $result3=mysql_query($sql3) or die (mysql_error());
                                         $total=mysql_affected_rows();
-                                        if ($total!=0) {$total="($total)";} else {$total='';}
+                                        $total = $total != 0 ? "($total)" : '';
                                     }
-                                    echo"<a href='/".$submenu['alias']."'><li $active>".$submenu['name']." $total</li></a>";
+                                    echo "<li $active><a href='/".$submenu['alias']."'>".$submenu['name']." $total</a></li>";
                             }
                         }
-                    echo"</ul>";
+                        
+                        echo "</ul>";
                     }
-                
-               
+                    
+                    echo "</ul>";
                 }
-if($_SESSION['admin']['group']==1){
-echo"<ul><li><a href=\"/tmp/opros.csv\" target=\"_blank\">Ñêà÷àòü CSV ñ îïðîñîì</a></li></ul>";
-}
+                
+            }
+            
+            if ($_SESSION['admin']['group'] == 1)
+            {
+                echo "<ul class='menu'><li class='main-menu'><a href=\"/tmp/opros.csv\" target=\"_blank\">Ñêà÷àòü CSV ñ îïðîñîì</a></li></ul>";
+      
+                echo "<ul class='menu'><li class='main-menu'><a href=\"/admin.php?action=catalogs&modAction=parser\">Ïàðñåð</a></li></ul>";
             }
-if($_SESSION['admin']['group']==1){
-echo"<ul><li><a href=\"/admin.php?action=catalogs&modAction=parser\">Ïàðñåð</a></li></ul>";
- }      
-         {/php}
+            
+        {/php}
         </div>
      </td></tr>
     </table>