Меню для сайта uCoz


Меню для сайта uCoz

657
10 из 10
Проголосовало: 8






Добрый день! Представляю Вашему вниманию красивое горизонтальное меню в стиле FLAT. В данном меню есть:
- Красивое лого без PSD, поэтому под свой сайт нужно будет рисовать лого заново.
- Так же в данном меню есть поиск по сайту.
- Статистика сколько человек онлайн.
- Профиль с вы подающимся меню.
- Количество сообщений.

Установка:

В верхнюю часть сайта ставим данный код:

Код

  <div id="heder_block">  
  <div id="heder">  
  <ul>  
  <li><a href="/"><img src="/img/logo.png"></a></li>  
  <li>  
  <div id="serch_form">  
  <form action="/search/">  
  <input class="search_text" name="q" type="text" placeholder="Скрипты,шаблоны для uCoz">  
  <input class="search_submit" type="image" src="/img/search.png">  
  </form>  
  </div>  

В таблицу стилей ставим данный код:

Код


  #heder_block {  
  background: #21313d url("../img/bg_h.png");  
  width: 100%;  
  overflow: hidden;  
  height: 65px;  
  }  
  #heder {  
  width: 1100px;  
  margin: 0 auto;  
  }  
  #heder ul li {  
  line-height: 65px;  
  float: left;  
  }  
  #heder ul li a {  
  color: #FFF;  
  display: block;  
  }  
  i.online_us {  
  width: 10px;  
  height: 10px;  
  display: block;  
  float: left;  
  border-radius: 50%;  
  background: #00ff2a;  
  margin-top: 27px;  
  margin-right: 10px;  
  }  
  #serch_form {  
  height: 65px;  
  font-size: 12px;  
  margin-right: 40px;  
  }  
  .search_submit {  
  margin-top: 25px;  
  margin-left: -25px;  
  }  
  .search_submit:hover {  
  opacity: .8;  
  }  
  .search_text {  
  float: left;  
  height: 30px;  
  width: 300px;  
  background: #111314;  
  border: none;  
  padding: 0 10px;  
  margin: 18px 0;  
  border-radius: 3px;  
  color: #FFF;  
  line-height: 30px;  
  font-size: 11px;  
  box-shadow: inset 0 0 10px rgba(0,0,0,0.5);  
  -webkit-box-shadow: inset 0 0 10px rgba(0,0,0,0.5);  
  -moz-box-shadow: inset 0 0 10px rgba(0,0,0,0.5);  
  -o-box-shadow: inset 0 0 10px rgba(0,0,0,0.5);  
  }  
  input.search_text::-webkit-input-placeholder { color: #343c47; font-size: 11px; }  
  input.search_text::-moz-placeholder { color: #343c47; font-size: 11px; }  
  input.search_text::-o-placeholder { color: #343c47; font-size: 11px; }  

  #mp {  
  cursor: pointer;  
  padding: 0 20px;  
  }  
  #mp:hover {  
  background: rgba(0,0,0,.20);  
  }  
  #inf_h {  
  float: left;  
  height: 65px;  
  }  
  #inf_h b {  
  float: left;  
  margin-right: 10px;  
  color: #FFF;  
  font:12px normal Arial, Tahoma, sans-serif;  
  line-height: 65px;  

  }  
  #inf_h i {  
  width: 20px;  
  height: 20px;  
  padding: 5px 10px;  
  border-radius: 50%;  
  color: #FFF;  
  background: #386eb9;  
  margin-right: 10px;  
  }  
  .min_prof_h {  
  position: relative;  
  }  
  #mp span {  
  float: right;  
  width: 45px;  
  height: 45px;  
  display: block;  
  background: url("../img/net_ava.png");  
  margin-top: 10px;  
  overflow: hidden;  
  }  
  .min_prof_h span img {  
  width: 33px;  
  height: 33px;  
  margin: 6px;  
  object-fit: cover;  
  }  

  #min_prof_m {  
  display: none;  
  position: fixed;  
  z-index: 9999999;  
  padding: 10px 0;  
  width: 150px;  
  }  
  #min_prof_ms {  
  background: #FFF!important;  
  padding: 10px 0px;  
  width: 150px;  
  box-shadow: 0 0 10px rgba(0,0,0,0.10);  
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.10);  
  -moz-box-shadow: 0 0 10px rgba(0,0,0,0.10);  
  -o-box-shadow: 0 0 10px rgba(0,0,0,0.10);  
  }  

  #min_prof_m a {  
  display: block;  
  padding: 0px 20px;  
  color: #8e8e8e!important;  
  font:13px normal Arial, Tahoma, sans-serif;  
  line-height: 30px;  
  }  
  #min_prof_m a:active {  
  background: #ff004e!important;  
  color: #FFF!important;  
  }  
  #min_prof_m a:hover {  
  background: #111314;  
  }  
  .min_prof_h:hover #min_prof_m {  
  display: block;  
  }  

  #id_ccs {  
  display: block;  
  }  
  .cc_sit {  
  display: block;  
  width: 40px;  
  height: 5px;  
  float: left;  
  }  
  .urt {  
  background: #eaff00;  
  }  
  .urt2 {  
  background: #ff004e;  
  }  
  .urt3 {  
  background: #386eb9;  
  }  


Теперь скачиваем архив с картинками и заливаем их к себе на сайт? на этом всё...
Автор публикации: Загрузка
Загрузка
Вовчик, это его n материал
Источник: http://webo4ka.ru/
  • Всего комментариев: 6

1488
0
1488 написал: Написано 01 Сентября 2016 в 20:15
Комментарий №6
код меню не полный!

18@net
0
18@net написал: Написано 28 Марта 2016 в 12:14
Комментарий №1
Проверь ссылку на скачку !!

Вовчик
0
Вовчик написал: Написано 28 Марта 2016 в 17:52
Комментарий №2
качается

Lumen1230
0
Lumen1230 написал: Написано 30 Марта 2016 в 20:51
Комментарий №3
это не та ссылка,ибо картинки вовсе не те,даже не стыкуются с кодом.

Lumen1230
0
Lumen1230 написал: Написано 30 Марта 2016 в 20:53
Комментарий №4
а точнее ты перепутал ссылки,поставил сюда картинки из соц.сети постом ниже.

Вовчик
0
Вовчик написал: Написано 30 Марта 2016 в 21:17
Комментарий №5
обновил

  • Оставить комментарий:
Добавлять комментарии могут только зарегистрированные пользователи.
Регистрация | Вход
Меню сайта
Категории
Для помощи создания сайта uCoz 24
Скрипты и модификации для Ucoz 2101
Шаблоны форумов Ucoz 28
Шаблоны сайтов Ucoz 429
Авторство Webo4ki 309
php скрипты для ucoz 57
Графика для uCoz 40
Мини-чат
Последние комментарии
как поставить свою ссылку и логотип
  • Сатурн-1 написал:
  • Похвально.
  • Winston888 написал:
  • Я не говорил что делаю только скрипты. Я делаю шаблоны, скрипты, адаптации с разных движков под ucoz и на оборот + я ещё и сам рисую. В данный момент занимаюсь дизайном для webo4ka сам рисую сам верстаю.
  • Сатурн-1 написал:
  • Заметь, мы делаем почти одну и ту же работу.
    Ты - скрипты, я -шаблон. И каждый делает это бесплатно, НО
    ты делаешь скрипты без шаблона, я делаю шаблон без скриптов (не считая основных).
    Я тоже могу сказать что твои скрипты не идеальны, но не буду т.к. даже не знаю какие из всех существующих твои.
    Поэтому ты не сравнивай скрипты и шаблоны да еще и на Ucoz'e, мы же не на хакатоне каком нибудь.
  • Winston888 написал:
  • Если бы я не добавлял бесплатные адаптации или скрипты бесплатно я бы наверное не стал бы комментировать ваш материал.
    Последние темы
    Опрос
    204
    А
    Р
    Что произойдёт: $("#...
    Статистика
    Анализ интернет сайта
    0
    онлайн
    0
    наших
    0
    чужих
    Онлайн всего: 7
    Гостей: 5
    Пользователей: 2
    0
    Сегодня были
    Топ пользователей: