Красивое меню на CSS by BlackPh

1471
10 из 10
Проголосовало: 4






Описание: Красивое и функциональное меню на CSS by BlackPh

Установка:

В конец вашего CSS

Code
.menu {right:-315px;height:30px;position:fixed;background:#191919;top:50px;border-radius:2px 0px 0px 2px;padding-left:15px;transition:all 0.7s ease-in-out;-webkit-transition:all 0.7s ease-in-out;-moz-transition:all 0.7s ease-in-out;-o-transition:all 0.7s ease-in-out;}  
  .menu:hover {right:0px;}  
  .menu a {color:white;font-size:8pt;font-family:Tahoma;text-decoration:none;font-weight:bold;padding:7px 8px 10px 8px;margin-right:-3px;background:-webkit-linear-gradient(top, #535353, #343434);background:-moz-linear-gradient(top, #535353, #343434);background:-o-linear-gradient(top, #535353, #343434);background:-ms-linear-gradient(top, #535353, #343434);background:linear-gradient(top, #535353, #343434);}  
  .menu a:hover {background:#343434;}  
  .up-down {background:rgba(255,255,255,0.6);width:9px;height:9px;border-radius:6px;position:absolute;left:3px;top:10px;}  
  .up-down:hover {background:rgba(255,255,255,1);}


В конец Верхняя часть сайта, или на страницу где хотите видеть меню ставим этот код после <body>

Code

  <div class="menu">  
  <div class="up-down"></div>  
  <div style="margin:3px 0px 0px 1px;">  
  <a href="#">Главная</a>  
  <a href="#">Форум</a>  
  <a href="#">Меню</a>  
  <a href="#">by</a>  
  <a href="#">Black<font color="#218DE7">Ph</font> (Sykyba)</a>  
  </div>  
  </div>


right:-315px; - это значение настраиваем в зависимости от количества и размера кнопок .

Указывайте автора BlackPh(Sykyba)

Помощь по установке, переделка в Skype: SykybaXD
Автор публикации: Загрузка
Загрузка
BlackPh, это его n материал
  • Всего комментариев: 7

NOLUK
0
NOLUK написал: Написано 09 Июня 2012 в 21:58
Комментарий №6
Ребят а можно зделать что бы прозрачное меню было? без фона...
Заранее спс за ответ и помощь:)

BlackPh
+3
BlackPh написал: Написано 09 Июня 2012 в 22:19
Комментарий №7
Удали в классе menu: background:#191919;

FAKIR
+2
FAKIR написал: Написано 09 Июня 2012 в 15:48
Комментарий №4
прикольное

Grey№1
+3
Grey№1 написал: Написано 09 Июня 2012 в 14:31
Комментарий №2
Оч красивое меню!) Если бы под диз подходило, обязательно бы поставил)

Supermenыч
+2
Supermenыч написал: Написано 09 Июня 2012 в 15:48
Комментарий №3
могу переделать, за + smile

BlackPh
0
BlackPh написал: Написано 09 Июня 2012 в 21:17
Комментарий №5
Там внизу мелким написано .

BlackPh
+4
BlackPh написал: Написано 09 Июня 2012 в 14:22
Комментарий №1

  • Оставить комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 25
Скрипты и модификации для Ucoz 2118
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 431
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
  • Marishka написал:
  • Радио не стоит на месте новая версия вам 1.5:
    Что нового:
    1. Media Session - позволит вам переключать из бара браузера радио, а также на блоке экрана.
    2. Новые радиостанции.
    3. Новый API код.

    Демо: fiddle
    Реальная полная версия: woobl
  • Marishka написал:
  • Можете добавить свои input поля, но сохраняйте их порядок в html для правильного сохранения и вывода.
  • Marishka написал:
  • Новая версия 1.3 (+6 новых станций):
    Установка:
    Демо: Перейти
  • Marishka написал:
  • Доп 8 станций:
    Код
    <div class="mSt"><p>Tropical</p><div data="2/trop_64">64</div><br><div data="2/trop_128">128</div><br><div data="2/trop_320">320</div></div>  
      <div class="mSt"><p>Нафталин FM</p><div data="2/naft_64">64</div><br><div data="2/naft_128">128</div><br><div data="2/naft_320">320</div></div>  
      <div class="mSt"><p>Rave FM</p><div data="2/rave_64">64</div><br><div data="2/rave_128">128</div><br><div data="2/rave_320">320</div></div>  
      <div class="mSt"><p>Gold</p><div data="2/gold_64">64</div><br><div data="2/gold_128">128</div><br><div data="2/gold_320">320</div></div>  
      <div class="mSt"><p>GOA/PSY</p><div data="2/goa_64">64</div><br><div data="2/goa_128">128</div><br><div data="2/goa_320">320</div></div>  
      <div class="mSt"><p>Minimal/Tech</p><div data="2/mini_64">64</div><br><div data="2/mini_128">128</div><br><div data="2/mini_320">320</div></div>  
      <div class="mSt"><p>House</p><div data="2/fut_64">64</div><br><div data="2/fut_128">128</div><br><div data="2/fut_320">320</div></div>  
      <div class="mSt"><p>Megamix</p><div data="2/mix_64">64</div><br><div data="2/mix_128">128</div><br><div data="2/mix_320">320</div></div>


    Fix работы радио:
    Находим: if(radUrl=="tm" || radUrl=="ps" || radUrl=="teo" || radUrl=="dc")
    Меняем на: if (radUrl == "tm" || radUrl == "ps" || radUrl == "teo" || radUrl == "dc" || radUrl == "gop")
  • CbIPoK2513 написал:
  • Мой вариант выдаёт аватарку картинкой, а не текстом.
    Последние темы
    Опрос
    470
    А
    Р
    Оцените новый дизай:)
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 5
    Гостей: 5
    Пользователей: 0
    0
    Сегодня были
    Топ пользователей: