скрипт неподвижная верхняя панель сайта

Сообщений: 382 Регистрация: Май 2010

20 Ноября 2012 18:51

Здравствуйте всем пользователям cy-pr.com! Прошу уделить мне внимание.
Мне для моего сайта нужна верхняя панель, как например на сайте ФК Зенит http://fc-zenit.ru/main, только естественно по проще, на ваш вкус! CMS Wordpress.

Готов заплатить за данную работу.

Скриншот: http://postimage.org/image/9pb9gurnb/full/

Влад Мищенко

Сообщений: 7178 Регистрация: Дек 2011

20 Ноября 2012 18:55

есть плагин для wp регистрация юзеров, вот он как раз добавляет такого рода меню с выбором плавающее или нет, только вот как называется не помню

50 т.р. в месяц на киносайте РЕГИСТРАЦИЯ - обучаю рефералов, в ЛС

Лучшая партнерка - 25 т.р. в месяц РЕГИСТРАЦИЯ

Качественные дешевые статьи КУПИТЬ

marcel

Сообщений: 382 Регистрация: Май 2010

20 Ноября 2012 19:11

Цитата
Влад Мищенко пишет: есть плагин для wp регистрация юзеров, вот он как раз добавляет такого рода меню с выбором плавающее или нет, только вот как называется не помню

Все плагины просмотрел, да были не которые, но они не очень.

marcel

Сообщений: 382 Регистрация: Май 2010

24 Ноября 2012 04:39

up, icq: 930479

Edifier

Сообщений: 219 Регистрация: Фев 2012

24 Ноября 2012 06:08

Для реализации этого верхнего меню с соц кнопками и формой авторизации никаких скриптом не нужно.
Тут только CSS

<div class="menu1">
<div class="menu2">
тут размещаете ссылки, кнопки регистрации и прочее
</div>
</div>

Стили вставляете в файл CSS:
.menu1 {
background-color: #072650; цвет фона
    left: 0;   указываете отступ от левого края
    position: fixed;    данный стиль дает блоку фиксированное положение и при скролле блок не меняет положения на экране. Стилями left и top вы указываете местоположение блока
   top: 0;    отступ от верха экрана
    width: 100%;   задаете ширину блока. В данном случае указана ширина на весь экран
   z-index: 99;    данным стилем вы накладываете блок поверх других.
}

.menu2 {
    margin: 0 auto;   выравниваете блок по центру экрана
    position: relative;
    width: 980px;   задаете ширину блока
}

marcel

Сообщений: 382 Регистрация: Май 2010

25 Ноября 2012 04:11

Спасибо!

Jaguar

Сообщений: 4591 Регистрация: Июл 2011

25 Ноября 2012 15:42

css fixed может помочь.

Время работает на меня

anna911

Сообщений: 1159 Регистрация: Фев 2011

25 Ноября 2012 16:12

Цитата
Jaguar пишет: css fixed может помочь.

А можно подробнее... очень интересно (что то у меня не получилось сделать такую панельку).

Текстовый анализатор - Rush Analytics

Дмитрий Есипов

Сообщений: 217 Регистрация: Авг 2012

25 Ноября 2012 16:27

anna911, Вставляешь этот код в header.php
<div class="menu1">
<div class="menu2">
Размещаешь тут всё что вам нужно в этой панели
</div>
</div>

А это всё вставляешь в Style.css вашей темы
.menu1 {
    background-color: #072650;
    left: 0;
    position: fixed;
top: 0;
    width: 100%;
   z-index: 99;
}

.menu2 {
    margin: 0 auto;
    position: relative;
    width: 980px;
}

Далее уже подстраиваете под себя и под свой сайт с помощью css

Хорошо зарабатываю ТУТ | Бесперебойную работу сайтов обеспечивают ТУТ

anna911

Сообщений: 1159 Регистрация: Фев 2011

#10

25 Ноября 2012 18:20

Цитата

Дмитрий Есипов пишет:
anna911, Вставляешь этот код в header.php
<div class="menu1">
<div class="menu2">
Размещаешь тут всё что вам нужно в этой панели
</div>
</div>

А это всё вставляешь в Style.css вашей темы
.menu1 {
background-color: #072650;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 99;
}

Это немного не так как на том сайте образце) таким как Вы предложили способом как бы отрываем от сайта совсем. А хорошо бы чтоб это было частью сайта и при прокрутке вниз прилипало к верху (раньше тут меню так же делало). Но все равно спасибо!

Изменено: anna911 - 25 Ноября 2012 18:29

Андрей Улыбиков

Сообщений: 3 Регистрация: Мар 2013

#11

22 Апреля 2014 02:23

Цитата

Edifier пишет:
Для реализации этого верхнего меню с соц кнопками и формой авторизации никаких скриптом не нужно.
Тут только CSS

<div class="menu1">
<div class="menu2">
тут размещаете ссылки, кнопки регистрации и прочее
</div>
</div>

Стили вставляете в файл CSS:
.menu1 {
background-color: #072650; цвет фона
left: 0; указываете отступ от левого края
position: fixed; данный стиль дает блоку фиксированное положение и при скролле блок не меняет положения на экране. Стилями left и top вы указываете местоположение блока
top: 0; отступ от верха экрана
width: 100%; задаете ширину блока. В данном случае указана ширина на весь экран
z-index: 99; данным стилем вы накладываете блок поверх других.
}

.menu2 {
margin: 0 auto; выравниваете блок по центру экрана
position: relative;
width: 980px; задаете ширину блока
}

Андрей Улыбиков

Сообщений: 3 Регистрация: Мар 2013

#12

22 Апреля 2014 02:27

все одно скриптик пригодился! smile:)

Изменено: Андрей Улыбиков - 22 Апреля 2014 03:10

Андрей П-Студия

Сообщений: 774 Регистрация: Май 2010

#13

22 Апреля 2014 06:58

Код
<div id="navigation" style="margin: 0 auto; width: 980px;"> тут размещаете ссылки, кнопки регистрации и прочее </div>

В низ страницы:

Код

<script type="text/javascript">

    $(document).ready(function () {
     var $window = $(window),
  $navigation = $("#navigation");

     $window.scroll(function () {
      if (!$navigation.hasClass("fixed") && ($window.scrollTop() > $navigation.offset().top)) {
          $navigation.addClass("fixed").data("top", $navigation.offset().top);
      }
      else if ($navigation.hasClass("fixed") && ($window.scrollTop() < $navigation.data("top"))) {
          $navigation.removeClass("fixed");
      }
     });
    });

</script>

В CSS файл:

Код
#navigation { position: relative; } #navigation.fixed { position: fixed; top: 10px; }

Изменено: Андрей П-Студия - 23 Апреля 2014 06:28

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

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

08.04.2021 17:33	Плагин текстовых трансляций футбола или скрипт
07.06.2019 17:23	Подскажите плагин или скрипт
12.02.2019 12:26	Помогите вынести скрипт в отдельный файл и запретить его загрузку на мобильный устройствах
10.02.2019 18:42	Ищу скрипт или плагин прямых трансляций футбола, для размещения в сайдбаре с разворачиванием в полно-экранный режим
14.01.2019 23:44	Помогите найти плагин или скрипт

Читают тему (гостей: 1, пользователей: 0, из них скрытых: 0)

Новые темы	Объявления	Свободное общение
14:13 LOSPOLLOS.COM - Конвертим по рецепту Хайзенберга. Dating, Mainstream, Binary Options 13:38 2Index - быстрая индексация страниц сайта и обратных ссылок 12:44 РСЯ и тормоза сайта: Яндекс начал штрафовать за плохой PageSpeed? 12:42 01.02. Апдейт 31.01 // Chrome готовит "чёрную метку" для ИИ? 23:09 Как безопасно купить Гугл почту? 13:45 Какой движок выбрать для форума? 13:43 Нашел скрины выплат с Сапы за 2010 год. Пошел плакать	15:54 Продам аккаунты Gmail USA IP \| Gmail MIX IP \| Outlook Old 14:05 TETChange-Обменник криптовалют 12:36 Nexulume.com Обменник без AML и KYC 09:12 Swapwatch.org — Мониторинг криптовалютных обменников 09:07 Просто $0.04/IP 9PROXY.COM Резидентные прокси Неограниченная пропускная способность Уникальная политика замены Без чёрного списка 23:25 SOCKS5 приватные прокси на 30 дней для PayPal 23:24 Google Voice аккаунты для бесплатных SMS и звонков	12:41 Moltbook: Соцсеть для ботов, где людям закрыли рот. Началось? 06:26 Ставки на супер тренды в спорте 22:31 [AI] Бот за $600к советовал есть сыр с крысами. Нью-Йорк его (наконец-то) снес 22:30 Точные прогнозы на футбол 13:38 Осталось 3-5 месяцев до блокировки YouTube в России, — заявил Клименко 07:11 Список обновленных тем пуст... 17:02 Gartner обещал смерть SEO к 2026 году. Открываем метрику и проверяем