Время:
Новых сообщений: Нет
Вы на форуме дней
Ваша группа: Гость
Ваш IP: 3.139.239.135
Logical-Portal — молодежный портал со своей изюминкой, каждый сможет найти что-то интересное и полезное для себя, например наш форум общения с которым вам обязательно нужно ознакомиться.
  • Страница 1 из 1
  • 1
Черное меню для uCoz
Сообщение оставлено 13.05.2011 в 15:19:45 | Сообщение #1

Раздвижное меню для юкоз.Подойдет для темных дизайнов
Скачать архив и скопировать папку с изображениями в файловой менеджер,потом:
В head ставим:

Code
<script language="javascript" type="text/javascript" src="/menu/jquery.js"></script>   
   <script language="javascript" type="text/javascript" src="/menu/accordion.js"></script>

В CSS вставляем:

Code
/* Menu */   
   .accordion h3 {font-size : 11px;color : #fff;padding-left : 10px;background : url(/menu/accordion.png) no-repeat right 0;line-height :25p;height : 25px;cursor : pointer;margin : 0;text-align : left;font-weight : bold;}   
   .accordion h3:hover {background : url(/menu/accordion.png) no-repeat right -25px;color : #ffa;}   
   .accordion h3.active {background : url(/menu/accordion.png) no-repeat right -50px;}   
   .accordion h3.active:hover {background : url(/menu/accordion.png) no-repeat right -75px;}   
   .accordion p {display : none;margin : 0;padding : 7px 0 7px 7px;}   
   .accordion a {font-size : 11px;color : #fff;text-align : left;font-weight : bold;padding-left : 15px;}   
   .accordion p.linked a {background : url(/menu/bull.gif) no-repeat 0 50%;} /> /* ---------- */

Далее редактируете ссылки и ставите код:

Code
<div class="accordion">   
   <h3>Главное меню</h3>   
   <p class="linked">   
   <a href="/">Главная страница</a><br/>   
   <a href="/gb/">Гостевая книга</a><br/>   
   <a href="/index/0-3">Обратная связь</a><br/>   
   <a href="/board/">Доска объявлений</a><br/>   
   <a href="/publ/">Каталог статей</a><br/>   
   <a href="/dir/">Каталог сайтов</a><br/>   
   <a href="/blog/">Блог</a><br/>   
   <a href="/faq/"><font color="DarkOrange">FAQ (вопрос/ответ)</font></a><br/>   
   </p>   
   <h3>Компьютер</h3>   
   <p class="linked">   
   <a href="/load/">Каталог файлов</a><br/>   
   <a href="/">Пусто</a><br/>   
   <a href="/">Пусто</a><br/>   
   <a href="/">Пусто</a><br/>   
   <a href="/">Пусто</a><br/>   
   <a href="/">Пусто</a><br/>   
   <a href="/">Пусто</a><br/>   
   </p>   
   <h3>Отдохни</h3>   
   <p class="linked">   
   <a href="/">Пусто</a><br/>   
   <a href="/">Пусто</a><br/>   
   <a href="/">Пусто</a><br/>   
   <a href="/">Пусто</a><br/>   
   <a href="/">Пусто</a><br/>   
   <a href="/">Пусто</a><br/>   
   </p>   
   <h3>Форум</h3>   
   <p class="linked">   
   <a href="/">Пусто</a><br/>   
   <a href="/">Пусто</a><br/>   
   <a href="/">Пусто</a><br/>   
   <a href="/">Пусто</a><br/>   
   <a href="/">Пусто</a><br/>   
   <a href="/">Пусто</a><br/>   
   </div>   
   <br/>
 
 
   
  • Страница 1 из 1
  • 1
Поиск:
 
Графика от: Megas, GraFOS | Дизайн сверстал E.A.
Хостинг от uCoz
Яндекс.Метрика