Зафиксированная навигация сбоку

Я имею ввиду выпадающую панель сверху. В данном примере я задала ей минимальную ширину, чтоб все ровно по горизонтали было, обездвижела и повернула. Должна, вроде, быть по центру. Не знаю на счет IE, в остальных браузерах работает нормально. Еще момент. Без понятия как это будет с телефона.) Может видно будет только ее половину, фиг-во. Если что, пишите.

Пример:


Целиком css 

#head {
width: 640px; 
 -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.7071067811865476, M12=0.7071067811865475, M21=-0.7071067811865475, M22=0.7071067811865476);
position: fixed; top: 360px; margin-left: -300px;
background: transparent;
z-index: 1;
-webkit-transition: all 1666s ease-in-out;
-webkit-transition-property: all;
-webkit-transition-duration: 1666s;
-webkit-transition-timing-function: ease-in-out;
-webkit-transition-delay: initial;
}

#head-panel{width: 100%; margin-left: -30px; background: #A64B37; border: 5px solid #A64B37;}

#head-panel a {color: #FFF !important; font-family: Arial; font-size: 16px;}

#head-line{display: none; width: 100%; background: transparent;height:5px; cursor:pointer}

#head-line div {display: none;}

#hplogo {position: relative; left: 0; width: 102px; height: 25px; display: block; margin: 5px 30px 0 20px;}


Обсудить у себя 6
Комментарии (9)

Оригинально. Только не совсем удобно, мне кажется — голову переворачивать

Ну… я вот не поворачиваю, поэтому даже не задумывалась. А вдруг кому понравится и решит поставить. 

мы-то уже привычные за столько лет)))

Красивая девушка. Интересный ход с навигацией!)

Все хотела у тебя спросить то. Может можешь иллюстраций наподобие подкинуть мне? )

Девушки такой?

ну да… чтоб стиль был такой. не обязательно с изображением девушек )

Не, в тако стиле не будет. Могу в вк покидать, но не такое. (

а давай сейчас зайду

Чтобы комментировать надо зарегистрироваться или если вы уже регистрировались войти в свой аккаунт.

Войти через социальные сети: