У Вас есть один вопрос? - Тогда задайте его тут! new!

pop

29 окт 2015 г., 0:54

ДоХтор, Я уже какой день ломаю голову над этой задачей и всё никак, я уже начал лезть в дебри, Ява скрипт рыл, jQueri начал ознакамливатся... И всё было безтолку..

ДоХтор

29 окт 2015 г., 0:55

pop, иногда ответ намного ближе, чем кажется )

venom

29 окт 2015 г., 1:05

Люди берегите воду - пейте пиво...

pop, Файлы давай , head, стиль свой (и пример от куда брал, если есть), а то еще столько же времени пройдет, пока время есть...

pop

29 окт 2015 г., 2:03

Изменено

venom, head и мейн родной, просто хочу меню укоротить вот и задался таким вопросом, двиг 612

Вот типа такой код должен быть: (+/-)

<!DOCTYPE html>
<html lang="ru">
    <head>
        <meta charset="utf-8" />
        <title>Документ без названия</title>
<style>
  .meny{             /*Общий блок*/
background: #fdeaa8;     /*Фон общего блока*/
padding: 5px;     /*Отступ от пунктов меню*/
border-radius: 5px;     /*Закруглённые углы*/
box-shadow: 0px 0px 0px 2px #0ea8f4;     /*Рамка общего блока*/
}
 ul {             /*Пункты меню*/
width: 190px;     /*Ширина пунктов подменю*/
list-style: none;     /*Убираем маркеры*/
padding: 0;     /*Поля вокруг текста*/
margin: 0 0 0 0;     /*Отступы вокруг подменю*/
font-family: Arial, sans-serif;     /*Шрифт текста в меню*/
font-size: 16px;     /*Размер текста в меню*/
text-align: center;     /*Текст по центру*/
}
 li ul {             /*Размещаем подменю*/
position: absolute;     /*Подменю позиционируются абсолютно*/
display: none;     /*Скрываем подменю*/
margin-left: 190px;     /*Сдвиг подменю вправо или влево*/
margin-top: -30px;     /*Сдвиг подменю вверх или вниз*/
}
  li a {              /*Ссылка в подменю*/ 
display: block;     /*Ссылка*/
padding: 5px;     /*Поля вокруг текста*/     
margin-bottom: 5px;
text-decoration: none;     /*Убираем подчеркивание*/
color: #666;     /*Цвет текста*/
border-radius: 5px;    /*Закруглённые углы пунктов меню*/
box-shadow: 0px 0px 0px 2px #0ea8f4;     /*Рамка пунктов меню*/
background: #7df9ff;     /*Фон для старых браузеров*/
background: -moz-radial-gradient(center, ellipse cover, #7df9ff 50%, #FBFFFF);     /*Переходящий фон (градиент) пунктов меню*/
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(50%,#7df9ff), color-stop(100%,#FBFFFF)); 
background: -webkit-radial-gradient(center, ellipse cover, #7df9ff 50%, #FBFFFF);
background: -o-radial-gradient(center, ellipse cover, #7df9ff 50%, #FBFFFF);
background: -ms-radial-gradient(center, ellipse cover, #7df9ff 50%, #FBFFFF);
}
   li a:hover {         /*Ссылки подменю при наведении курсора*/
color: #ffe;     /*Цвет текста при наведении*/
box-shadow: 0px 0px 5px 2px #0ea8f4; /*Рамка при наведении*/
background: #009494;     /*Фон при наведении*/
background: -moz-radial-gradient(center, ellipse cover, #009494, #FBFFFF);     /*Градиент при наведении*/
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#009494), color-stop(100%,#FBFFFF)); 
background: -webkit-radial-gradient(center, ellipse cover, #009494, #FBFFFF);
background: -o-radial-gradient(center, ellipse cover, #009494, #FBFFFF);
background: -ms-radial-gradient(center, ellipse cover, #009494, #FBFFFF);
}
   li a:active{        /*При нажатии */
color: #ef7a04;
box-shadow: 0px 0px 15px 5px #0ea8f4;
}
   li:hover ul {         /*Подменю при наведении курсора*/
display: block;     /*Подменю отображается при наведении курсора*/
   }
  </style>
</head>
<body>
  <ul class="meny">
   <li class="html"><a href="http://address post">Курс HTML</a>
    <ul> 
     <li><a href="http://address post">Урок 1</a></li> 
     <li><a href="http://address post">Урок 2</a></li>   
     <li><a href="http://address post">Урок 3</a></li>   
     <li><a href="http://address post">Урок 4</a></li>  
    </ul> 
   </li>

   <li class="css"><a href="http://address post">Курс CSS</a>
    <ul> 
     <li><a href="http://address post">Урок 1</a></li> 
     <li><a href="http://address post">Урок 2</a></li>   
     <li><a href="http://address post">Урок 3</a></li>   
     <li><a href="http://address post">Урок 4</a></li>  
    </ul> 
   </li>
    
   <li class="php"><a href="http://address post">Курс PHP</a> 
    <ul> 
     <li><a href="http://address post">Урок 1</a></li> 
     <li><a href="http://address post">Урок 2</a></li>   
     <li><a href="http://address post">Урок 3</a></li>   
     <li><a href="http://address post">Урок 4</a></li>  
    </ul> 
   </li>
 
   <li class="js"><a href="http://address post">Курс Java Script</a>
    <ul> 
     <li><a href="http://address post"

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

pop

29 окт 2015 г., 2:24

venom, Тот код не конечный результат, я как-бы хочу сделать пародию, на большинство такого рода меню, тоесть нажал на общение, вылезли чат, беседка, форум...

В закрытом виде получается должно быть :

Общение >

когда же открыто меню общение, то стрелочка смотрит вниз √, как-то так...

venom

29 окт 2015 г., 2:33

Люди берегите воду - пейте пиво...

pop, Это уже скорей всего , днем , спать уже собрался...

ДоХтор

29 окт 2015 г., 2:50

# pop (29.10.2015 / 02:24)
я как-бы хочу сделать пародию, на меню, то есть нажал на общение, вылезли чат, беседка, форум...

В закрытом виде получается должно быть :

Общение >

когда же открыто меню общ

Такое можно и на пхп сделать(в условиях проверять гет-переменные и в зависимости от значения переключать отображаемые блоки)

pop

29 окт 2015 г., 3:06

ДоХтор, Я не настолько знаю пхп чтоб это зделать

я в этом деле нуб

ДоХтор

29 окт 2015 г., 10:30

# pop (29.10.2015 / 03:06)
ДоХтор, Я не настолько знаю пхп чтоб это сделать

Ну если до вечера никто не подскажет, то я напишу тебе пример.

pop

29 окт 2015 г., 10:48

Изменено

ДоХтор, Может кто и поможет, но если поможешь то буду премного благодарен!