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

Сообщений: 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)

Новые темы	Объявления	Свободное общение
17:03 Устали от Пустых Обещаний? Market-Place.su даёт реальные деньги! 15:08 Стоит ли добавлять сайт в Rambler топ 100? 14:14 LOSPOLLOS.COM - Конвертим по рецепту Хайзенберга. Dating, Mainstream, Binary Options 19:33 Dao.AD: Монетизация и покупка Push/Pops/Inpage и Video трафика! 09:02 Как продвигать сайт с неуникальным контентом 08:57 Absence в Армении 14:50 Индексация страниц	16:04 GoodsMoney.io 13:27 PonyBit.ru - обменный пункт PonyBit.ru (Понибит.ру) 04:13 Просто $0.04/IP 9PROXY.COM Резидентные прокси Неограниченная пропускная способность Уникальная политика замены Без чёрного списка 22:05 BestX24 - быстрый и безопасный обменник криптовалют и электронных денежных средств 20:56 Cryptonet.pro - быстрый и надежный обмен электронных валют! 14:30 SwapPix.io - быстрый и безопасный обменник криптовалют. 13:55 Обменник криптовалюты OnlyCrypto	12:32 Ну что, кто куда деваете свои сайты? 20:48 Точные прогнозы на футбол 22:09 Добро пожаловать в цифровой мир... 19:42 Топ-5 способов использовать мобильные прокси для бизнеса: подробный обзор 22:08 Накрутка поисковых подсказок 14:01 Union Pharm - топовая фарма-партнерка для профессионалов! 10:59 Ням-ням! - 8 деликатесов, которые когда-то ели только бедные люди