Поддержка Проблемы и решения Как сделать фиксированное окно?

  • Решено yaroslavskiy

    (@yaroslavskiy)


    Хочу сделать в верхней части сайта фиксированное окно (для показа контактов, акций и т.п.), чтобы при прокрутке оно так и оставалось на своем месте. Каким образом можно реализовать?

Просмотр 12 ответов — с 1 по 12 (всего 12)
  • Посмотрите плагины в этой серии https://wordpress.org/plugins/search.php?q=fixed+box
    или этой https://wordpress.org/plugins/search.php?type=term&q=popup

    Автор yaroslavskiy

    (@yaroslavskiy)

    Спасибо. Сейчас посмотрю.

    Автор yaroslavskiy

    (@yaroslavskiy)

    Указанное выше является всплывающими окнами и полностью блокирует навигацию по сайту до тех пор пока не убрать его. Я хочу сделать так, чтобы его не надо было закрывать для дальнейшего просмотра сайта.

    По первой ссылке не только попапы….

    Автор yaroslavskiy

    (@yaroslavskiy)

    Вечером протестирую на Denwere

    Автор yaroslavskiy

    (@yaroslavskiy)

    Посмотрел все. Но все не то. Думаю надо отредактировать файл темы header.php и вставить туда. НО! незнаю как зафиксировать!

    Автор yaroslavskiy

    (@yaroslavskiy)

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

    Автор yaroslavskiy

    (@yaroslavskiy)

    Нашел сайт с тем, что надо: http://shop.otdyhmaster.ru/

    Автор yaroslavskiy

    (@yaroslavskiy)

    Сделал вот таким образом, поместив это в head.php:
    <div id=»shapka»>
    <div align=»center»>
    <table width=»910″ height=»130″ align=»center» bgcolor=»#FFFFFF»>
    <tr>
    <td><div align=»center»><img src=»../Меню/index1.jpg» width=»133″ height=»87″ /> <img src=»../Меню/images89.jpg» width=»133″ height=»87″ /> <img src=»../Меню/index.jpg» width=»133″ height=»87″ /> <img src=»../Меню/images4.jpg» width=»133″ height=»87″ /> <img src=»../Меню/index89.jpg» width=»133″ height=»87″ /><img src=»../Меню/images123.jpg» width=»133″ height=»87″ /></div></td>
    </tr>
    </table>
    </div>
    </div>

    В CSS вот это:
    #shapka {
    font-family: «Times New Roman», Times, serif;
    font-size: 12px;
    color: #FFF;
    position: fixed;
    background: FFFFFF;
    background: rbga(66, 66, 66, 0.75);

    }

    Все фиксируется, НО! При прокрутке перекрывается страницей. Может надо
    не в head.php вставлять, а в шаблон страницы?

    z-index:1000 добавьте

    Автор yaroslavskiy

    (@yaroslavskiy)

    СПАСИБО!!!
    Получилось то, что я и хотел.

    Автор yaroslavskiy

    (@yaroslavskiy)

    Всем спасибо. Вопрос решён.

Просмотр 12 ответов — с 1 по 12 (всего 12)
  • Тема «Как сделать фиксированное окно?» закрыта для новых ответов.