[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Меню [ NEW ]
Pr0f1xДата: Суббота, 20.11.2010, 15:43 | Сообщение # 1

Сообщений: 668
Награды: 3

[ 10 ]


В css
Code
/* GlossyMenu* /   
   .glossymenu{    
   margin: 5px 0;    
   padding: 0;    
   width: 185px; /*width of menu*/    
   border: 1px solid #5d5d5d;    
   border-bottom-width: 0;    
   }    

   .glossymenu a.menuitem{    
   background: black url(/img/4.11.png);    
   font: normal 10px "Visitor_Rus", "Visitor_Rus", Visitor_Rus, Visitor_Rus, Visitor_Rus;    
   color: #5d5d5d;    
   display: block;    
   position: relative; /*To help in the anchoring of the ".statusicon" icon image*/    
   width: auto;    
   padding: 4px 0;    
   padding-left: 10px;    
   text-decoration: none;   
   border-top: 0px solid #5d5d5d;   
   border-bottom: 1px solid #5d5d5d;    
   }    

   .glossymenu a.menuitem:visited, .glossymenu .menuitem:active{    
   color: #5d5d5d;    
   }    

   .glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/    
   position: absolute;    
   top: 5px;    
   right: 5px;    
   border: none;    
   }    

   .glossymenu a.menuitem:hover{    
   background-image: url(/img/4.11.png);    
   }    

   .glossymenu div.submenu{ /*DIV that contains each sub menu*/    
   background-image: url();    
   }    

   .glossymenu div.submenu ul{ /*UL of each sub menu*/    
   list-style-type: none;    
   margin: 0;    
   padding: 0;    
   }    

   .glossymenu div.submenu ul li{    
   border-bottom: 1px solid #5d5d5d;    
   }    

   .glossymenu div.submenu ul li a{    
   display: block;    
   font: normal 10px "Visitor_Rus", "Visitor_Rus", Visitor_Rus, Visitor_Rus, Visitor_Rus;    
   color: #5d5d5d;    
   text-decoration: none;    
   padding: 2px 0;    
   padding-left: 10px;    
   }    

   .glossymenu div.submenu ul li a:hover{    
   background-image: url(/img/4.11.png);    
   colorz: #999999;    
   text-shadow:0px 1px 0px #fff;   
   }    

   .glossymenu{margin: 5px 0; padding: 0; width: 180px; /*width of menu*/ border: 1px solid #5d5d5d; border-bottom-width: 0; }    

   .glossymenu a.menuitem{background: black url(/img/4.11.png);font: normal 10px "Arial", "Arial", Arial, Arial, Arial;   
   color: #5d5d5d;    
   display: block;    
   position: relative; /*To help in the anchoring of the ".statusicon" icon image*/    
   width: auto;    
   padding: 4px 0;    
   padding-left: 10px;    
   text-decoration: none;   
   border-top: 0px solid #5d5d5d;   
   border-bottom: 1px solid #5d5d5d;    
   }    

   .glossymenu a.menuitem:visited, .glossymenu .menuitem:active{    
   color: #5d5d5d;    
   }    

   .glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/    
   position: absolute;    
   top: 5px;    
   right: 5px;    
   border: none;    
   }    

   .glossymenu a.menuitem:hover{    
   background-image: url(/img/4.111.png);    
   text-shadow:0px 1px 0px #fff;   
   }    

   .glossymenu div.submenu{ /*DIV that contains each sub menu*/    
   background:#e0e0e0;    
   }    

   .glossymenu div.submenu ul{ /*UL of each sub menu*/    
   list-style-type: none;    
   margin: 0;    
   padding: 0;    
   }    

   .glossymenu div.submenu ul li{    
   border-bottom: 1px solid #5d5d5d;    
   }    

   .glossymenu div.submenu ul li a{    
   display: block;    
   font: normal 10px "Arial", "Arial", Arial, Arial, Arial;    
   color: #5d5d5d;    
   background:url(/img/menutiem.png);   
   text-decoration: none;    
   padding: 2px 0;    
   padding-left: 10px;    
   }    

   .glossymenu div.submenu ul li a:hover{    
   background:url('/img/menutiem.png');background-position:0px 19px;    
   colorz: #999999;    
   text-shadow:0px 1px 0px #fff;   
   }    
   /* --------- */

В блок
Code
<div class="glossymenu">     
<a class="menuitem submenuheader" href="/" >Название раздела 1</a>
<div class="submenu">     
<ul>     
<li><a href="/">Ваша ссылка</a></li>
<li><a href="/">Ваша ссылка</a></li>
<li><a href="/">Ваша ссылка</a></li>
<li><a href="/">Ваша ссылка</a></li>
<li><a href="/">Ваша ссылка</a></li>
<li><a href="/">Ваша ссылка</a></li>
<li><a href="/">Ваша ссылка</a></li>
<li><a href="/">Ваша ссылка</a></li>
</ul>

Это в самый вверх "Верхней страницы сайта"
Code
<script type="text/javascript" src="http://www.gameblack.ru/js/ddaccordion.js"></script>
<script type="text/javascript" src="http://www.gameblack.ru/js/sdmenu.js"></script>



  • Страница 1 из 1
  • 1
Поиск: