[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
  • Страница 1 из 1
  • 1
Меню [Art-Ps]
AsTRoДата: Четверг, 28.07.2011, 16:18 | Сообщение # 1
Админиссимус
Логин: AsTRo
Имя: Алексей Мерный
Сообщений: 145
Награды: 0
Репутация: 1
Замечания:
ID вашей групы: 4
Offline
http://savepic.net/1615059.png

В блок :

Code
<script type="text/javascript" src="http://ps-mania.ru//js/ddaccordion.js"></script>
<script type="text/javascript" src="http://ps-mania.ru//js/close.js"></script><style type="text/css">
.submenu{display: none}
</style>
         
<div class="glossymenu">
         
<a headerindex="0h" class="menuitem submenuheader " href="http://multi-rip.ru/"><span class="accordprefix"></span>Основное меню <div class="menu_opis">Основное меню сайта!</div><span class="accordsuffix"></span></a>
<div style="display: none;" contentindex="0c" class="submenu">
<ul>
<li><a href="http://multi-rip.ru/">Главная страница</a></li>

<li><a href="http://multi-rip.ru/forum">Форум сайта</a></li>
<li><a href="http://multi-rip.ru/load/">Все для Photoshopa</a></li>
<li><a href="http://multi-rip.ru/load/">Все для Дизайнера</a></li>
<li><a href="http://multi-rip.ru/load/">PSD файлы</a></li>
</ul>
</div></div>


В CSS(таблица стилей):

Code
.glossymenu{color: #1274ba;margin: 0px 0;align:center;}
.glossymenu a.menuitem{color: #1274ba;text-align:left;background: url() #c5c5c5;font: normal 10px;color: #000;display: block;position: relative;width: auto;text-decoration: none}
.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{text-align:left;color: #000;}
.glossymenu a.menuitem .statusicon{color: #000;text-align:center;position: absolute;top: 5px;right: 5px;border: none;}
.glossymenu a.menuitem:hover{text-align:left;background-image: url();color: #000;}

.glossymenu div.submenu{color: #000;text-align:left}
.glossymenu div.submenu ul{color: #000;text-align:left;list-style-type: none;margin: 0;padding: 0;}
.glossymenu div.submenu ul li{color: #000;text-align:center}
.glossymenu div.submenu ul li a{text-align:center;display: block;font: normal 8pt;color: #000}
.glossymenu div.submenu ul li a:hover{text-align:center;color: #000}

.glossymenu{color: #000;text-align:left;margin:2px 0; padding: 0; width: 198px;border-bottom-width: 0;}
.glossymenu a.menuitem{font:bolder 10pt Tahoma;text-align:left;background:url(http://art-ps.ru/img/menu_b.png);color: #000;display: block;position: relative;height:33px;text-decoration: none;padding-left:11px;padding-top:10px;}
.glossymenu .menuitem:active{text-align:left;color: #000;}
.glossymenu a.menuitem .statusicon {text-align:left;position: absolute;top: 5px;right: 5px;border: none;}
.glossymenu a.menuitem:hover{background:url(http://art-ps.ru/img/menu_b.png);}

.glossymenu div.submenu{text-align:center;margin:0;padding-left:5px;padding-top:3px;}
.glossymenu div.submenu ul{text-align:center;list-style-type: none;margin:0;padding: 0;}
.glossymenu div.submenu ul li{text-align:center}
.glossymenu div.submenu ul li a{color:#1f1f1f;dispay:block;background:#c1c1c1;border:1px solid #5e5e5e;height:14px;width:187px;margin-bottom:3px;font:normal 9pt Tahoma;padding-top:2px;}
.glossymenu div.submenu ul li a:hover{color:#1f1f1f;text-decoration:none;dispay:block;background:#a9a9a9;border:1px solid #5e5e5e;}

.menu_opis {color:#5e5e5e;font:normal 11px Tahoma;}



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


World-new.do.am © 2011 Конструктор сайтов - uCoz