X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Добавить ответ в эту тему
> Меню в юми
klinskii
klinskii
Topic Starter сообщение 4.10.2013, 15:12; Ответить: klinskii
Сообщение #1


Помогите пожалуйста сделать выплывающию минюшку на UMI. прописываю все как пологается а вместо нужного эфекта получается что на какой странице тынаходишся такое подменю у тебя и разворачивается.

вот стиль НАВИГАЦИЯ
[CSS]\*------------------------------------*/
#templatemo_menu{
width: 110px;
height: 0px;
background: url(/images/nahsstil/templatemo_menu_bg.jpg) repeat-x;
float: right;
margin-top: 30px;
text-align: center;
font-weight: bold;
list-style:none;
}
#templatemo_menu li{
margin-right:10px;
display: inline;
float: right;
width: 600px;
margin: 0;
padding: 12px 0 0 0;
list-style: none;
position:relative;

}
#templatemo_menu li a{
display:inline;
padding:5px;
color:#fff;
background:#333;
text-decoration:none;
text-shadow:1px 1px 1px rgba(0,0,0,0.75); /* Тень текста, чтобы приподнять его на немного */
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
float: left;
font-size: 12px; /**Размер шрифта меню**/
text-align: center;
font-weight: bold;
text-decoration: underline;
text-shadow: 1px 1px 2px black, 0 0 1em red;

}
#templatemo_menu li a:hover{
color:#fff;
background:#6b0c36;
background:rgba(107,12,54,0.75); /* Выглядит полупрозрачным */
text-decoration:underline;
}

/*--- ВЫПАДАЮЩИЕ ПУНКТЫ ---*/
#templatemo_menu ul{
list-style:none;
position:absolute;

opacity:100; /* Устанавливаем начальное состояние прозрачности */
-webkit-transition:0.25s linear opacity; /* В Webkit выпадающие пункты будут проявляться */
}
#templatemo_menu ul li{
padding-top:1px; /* Вводим отступ между li чтобы создать иллюзию разделенных пунктов меню */
float:none;
background:url(dot.gif);
}
#templatemo_menu ul a{
white-space:nowrap; /* Останавливаем перенос текста и создаем многострочный выпадающий пункт */
display:block;
}
#templatemo_menu li:hover ul{ /* Выводим выпадающий пункт при наведении курсора */
left:0; /* Приносим его обратно на экран, когда нужно */
opacity:1; /* Делаем непрозрачным */
}
#templatemo_menu li:hover a{ /* Устанавливаем стили для верхнего уровня, когда выводится выпадающий список */
background:#6b0c36;
background:rgba(107,12,54,0.75); /* Выглядит полупрозрачным */
text-decoration:underline;
}
#templatemo_menu li:hover ul a{ /* Изменяем некоторые стили верхнего уровня при выводе выпадающего пункта */
text-decoration:none;
-webkit-transition:-webkit-transform 0.075s linear;
}
#templatemo_menu li:hover ul li a:hover{ /* Устанавливаем стили для выпадающих пунктов, когда курсор наводится на конкретный пункт */
background:#333;
background:rgba(51,51,51,0.75); /* Будет полупрозрачным */
text-decoration:underline;
-moz-transform:scale(1.05);
-webkit-transform:scale(1.05);
}

/* ----------------- end of menu----------------*/

[/CSS]







вот шаблон меню






[PHP]<?php

$FORMS = Array();

$FORMS['menu_block_level1'] = <<<END

<div class="bg_header_forum">
<div class="header_title"></div>
</div>
<div class="background_forum">
<div id="left_forum">
%lines%
</div>
</div>

END;

$FORMS['menu_line_level1'] = <<<END
<li><a href="%link%">%text%</a></li>
END;

$FORMS['menu_line_level1_a'] = <<<END
<li><a href="%link%">%text%</a></li>
%sub_menu%
END;


$FORMS['menu_block_level2'] = <<<END
<li>
<ul>
%lines%
</ul>
</li>
END;

$FORMS['menu_line_level2'] = <<<END
<li><a href="%link%">%text%</a></li>
END;

$FORMS['menu_line_level2_a'] = <<<END
<li class="active">%text%</li>
END;

?>[/PHP]
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Добавить ответ в эту тему
Быстрый ответ
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыПеренести меню
1 Викторио_mw 1452 28.8.2018, 0:10
автор: TimurR
Открытая тема (нет новых ответов) Необходимо разрезать и установить Меню для группы ВКонтакте
2 boltuk 3398 4.12.2017, 14:44
автор: tezoro
Открытая тема (нет новых ответов) Помогите с меню - переделать в выпадающее
1 lepota 1128 4.12.2017, 13:29
автор: yury_mw
Открытая тема (нет новых ответов) Слайдер под меню
0 Olya_Poy 4635 29.11.2017, 11:09
автор: -garmoni-
Открытая тема (нет новых ответов) На разных разрешениях меню выглядит по разному
0 SPiar 4812 28.9.2017, 17:45
автор: -korotkov-


 



RSS Текстовая версия Сейчас: 29.3.2024, 12:55
Дизайн