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

Если не хотите занимать много места рекомендую создать глобальный блок и приведенный, ниже код вставить туда.

1) Загружаем картинки из архива в корень сайта
2) Загружаем туда же файл «pro_dropdown_6» (таблица стилей)
3) Вставляем код меню в нужное место или название глобального блока (если вы вставили код меню в глобальный блок)

Code
<span class="preload1"></span>    
<span class="preload2"></span>    

<ul id="nav">    
    <li class="top"><a href="ссылка" class="top_link"><span>Название</span></a></li>    
    <li class="top"><a href="ссылка" id="products" class="top_link"><span class="down">Название</span><!--[if gte IE 7]><!--></a><!--<![endif]-->    
    <!--[if lte IE 6]><table><tr><td><![endif]--><ul class="sub">    
    <li><b>Название</b></li>    
    <li><a href="ссылка" class="fly">Название<!--[if gte IE 7]><!--></a><!--<![endif]-->    
    <!--[if lte IE 6]><table><tr><td><![endif]--><ul>    
    <li><a href="ссылка">Название</a></li>    
    <li><a href="ссылка">Название</a></li>    
    <li><a href="ссылка">Название</a></li>    
    </ul><!--[if lte IE 6]></td></tr></table></a><![endif]-->    
    </li>    
    <li><a href="ссылка" class="fly">Название<!--[if gte IE 7]><!--></a><!--<![endif]-->    
    <!--[if lte IE 6]><table><tr><td><![endif]--><ul>    
    <li><a href="ссылка">Название</a></li>    
    <li><a href="ссылка">Название</a></li>    
    <li><a href="ссылка">Название</a></li>    
    <li><a href="ссылка">Название</a></li>    
    <li><b>Название</b></li>    
    <li><a href="ссылка">Название</a></li>    
    <li><a href="ссылка">Название</a></li>    
    <li><a href="ссылка">Название</a></li>    
    <li><b>Название</b></li>    
    <li><a href="ссылка">Название</a></li>    
    <li><a href="ссылка">Название</a></li>    
    </ul><!--[if lte IE 6]></td></tr></table></a><![endif]-->    
    </li>    
    <li><b>Название</b></li>    
    <li><a href="ссылка">Название</a></li>    
    <li><a href="ссылка">Название</a></li>    
    <li><a href="ссылка">Название</a></li>    
    </ul><!--[if lte IE 6]></td></tr></table></a><![endif]-->    
    </li>    
    <li class="top"><a href="ссылка" id="services" class="top_link"><span class="down">Название</span><!--[if gte IE 7]><!--></a><!--<![endif]-->    
    <!--[if lte IE 6]><table><tr><td><![endif]--><ul class="sub">    
    <li><a href="ссылка">Название</a></li>    
    <li><a href="ссылка">Название</a></li>    
    <li><a href="ссылка">Название</a></li>    
    <li><a href="ссылка">Название</a></li>    
    </ul><!--[if lte IE 6]></td></tr></table></a><![endif]-->    
    </li>    
       
    <li class="top"><a href="ссылка" id="privacy" class="top_link"><span>Название</span></a></li>    
</ul>

Скачать архив
Код можно редактировать под себя в зависимости от сайта.

 
 
   
Сообщение оставлено 18.04.2010 в 22:28:57 | Сообщение #2
чет не рабит все сделал но отображаеться не так как надо
кажеться код ксс отсутсвует основной
 
 
   
  • Страница 1 из 1
  • 1
Поиск:
 
Графика от: Megas, GraFOS | Дизайн сверстал E.A.
Хостинг от uCoz
Яндекс.Метрика