Jump to content
  • 0

Помощь с SideBar


Omega24v
 Share

Question

Здравствуйте! 

 

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

http://s020.radikal.ru/i712/1312/2a/d87a2cb6c731.jpg

http://s005.radikal.ru/i212/1312/8a/487382854176.jpg

<?php global $theme; ?><div id="sidebar-primary">    <?php        if(!dynamic_sidebar('sidebar_primary')) {            /**            * The primary sidebar widget area. Manage the widgets from: wp-admin -> Appearance -> Widgets             */            $theme->hook('sidebar_primary');        }        $theme->hook("sidebar_primary_after");    ?>    </div><!-- #sidebar-primary -->
Link to comment
Share on other sites

10 answers to this question

Recommended Posts

  • 0

Любой responsive слайдер

Что http://bxslider.com, что http://coolcarousels.frebsite.nl

Скорее всего вы меня не правильно поняли. Мне не надо скрывающегося окна или слайдера, просто чтобы форма была резиновой в зависимости от наполнения формы. Контент так и остается, только видоизменяется sidebar.

Edited by Omega24v
Link to comment
Share on other sites

  • 0

Для этого надо бы css код показать.

Запросто. 

 

 

body {background: url(images/background.png);color: #555555;}#wrapper {background: url(images/wrapper-bg.png) center 174px no-repeat;}a {color: #000000;text-decoration: underline;}a:hover, a:focus {color: #000000;text-decoration: none;}a:focus {outline: none;}/* =LAYOUT-------------------------------------------------------------- */#container {width: 960px;margin: 0 auto;}#main {padding: 15px;background: #FFFFFF url(images/main-bg.png) right top repeat-y;}#main-fullwidth {padding: 15px;background: #fff;}#content {overflow: hidden;float: left;width: 615px;}#sidebar-primary {float: left;width: 300px;margin-left: 15px;}
Link to comment
Share on other sites

  • 0

Как я понял он и так у вас там заканчивается, вы хотите чтобы  ниже него новости растягивались на всю ширину? Если так то у вас content фиксированной ширины же! Сделайте сайдбару float:right, margin-left задайте. А контенту ширину не назначайте, т.е. пусть ширина будет 100% и без флоата!

И еще, Используйте сервис http://jsfiddle.net или подобные, чтобы было проще понять, чего вы хотите!

Edited by li4e
Link to comment
Share on other sites

  • 0
вы хотите чтобы  ниже него новости растягивались на всю ширину?
 

Почти. Не новости чтобы растягивались, а сама форма sidebar, чтобы она подстраивалась под виджеты, то есть 5 виджетов, пускай они там по height= 100px, тогда размер sidebar height=500px. Как-то так. 

Link to comment
Share on other sites

  • 0

 

вы хотите чтобы  ниже него новости растягивались на всю ширину?
 

Почти. Не новости чтобы растягивались, а сама форма sidebar, чтобы она подстраивалась под виджеты, то есть 5 виджетов, пускай они там по height= 100px, тогда размер sidebar height=500px. Как-то так. 

 

ну а сейчас разве не так?

у вас же серая граница, это не граница сайдбара, это граница контента!

 

Где у вас крестики, там сейчас у вас и так ничего нет!

 

Если хотите готовое решение, выложите пример на http://jsfiddle.net/

Edited by li4e
Link to comment
Share on other sites

  • 0

 

 

вы хотите чтобы  ниже него новости растягивались на всю ширину?
 

Почти. Не новости чтобы растягивались, а сама форма sidebar, чтобы она подстраивалась под виджеты, то есть 5 виджетов, пускай они там по height= 100px, тогда размер sidebar height=500px. Как-то так. 

 

ну а сейчас разве не так?

у вас же серая граница, это не граница сайдбара, это граница контента!

 

Где у вас крестики, там сейчас у вас и так ничего нет!

 

Если хотите готовое решение, выложите пример на http://jsfiddle.net/

 

Я имел ввиду, что хотел убрать форму sidebar до линии, как там нарисовано. 

Link to comment
Share on other sites

  • 0

 

 

 

вы хотите чтобы  ниже него новости растягивались на всю ширину?
 

Почти. Не новости чтобы растягивались, а сама форма sidebar, чтобы она подстраивалась под виджеты, то есть 5 виджетов, пускай они там по height= 100px, тогда размер sidebar height=500px. Как-то так. 

 

ну а сейчас разве не так?

у вас же серая граница, это не граница сайдбара, это граница контента!

 

Где у вас крестики, там сейчас у вас и так ничего нет!

 

Если хотите готовое решение, выложите пример на http://jsfiddle.net/

 

Я имел ввиду, что хотел убрать форму sidebar до линии, как там нарисовано. 

 

 

Извините, но Я не понимаю!

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

  • Similar Content

    • By its_a_me_mario
      При нажатии на кнопку отправления в форме независимо есть ли текст в форме или нет в любом случае редиректит на главную страницу. Ни письма на почте, ни возникающих ошибок в форме нет.
      json rest api включен
      откатывал contact form 7 до более ранних версий
      smpt плагин настроен
      все остальные плагины поочерёдно отключал
      ни что не помогает
      если отправлять письма с чистого php соответствующей функцией, то письма доходят до почты
      в консоли ошибок нет
      Заранее спасибо, мучаюсь два дня
    • By pryanya.darrrya
      Здравствуйте ! 
      Нужна ваша помощь . Не знаю как сделать такой стиль для меню ( отметила стрелочками на фотографии)
      Нужен стиль элементов меню   , вертикальной линии с маркерами как на фото . Буду рада любой помощи.

    • By Alarr
      При стандартных Вордпрессовских комментариях, когда оставляешь коммент и кликаешь на сабмит - изменяется урла.
      Например:
      Было вот так - http: // testsite / uncategorized / test-post-1 /
      А становится вот так - http: // testsite / uncategorized / test-post-1 / # comment-1428
      Или даже вот так: http: // testsite / uncategorized / test-post-1 /? Unapproved = 1246588 & moderation-hash = 40271ae6cdb307b9243b08107da795ae # comment-1246588
      Подскажите пожалуйста, что нужно сделать, чтобы урла текущей страницы никогда не менялась при комментировании.
      Там есть какое-то простое решение, или нужно аяксом это дело решать?
      Спасибо.
    • By Sam_Wins
      Доброго времени суток!
      ✔️ Предлагаю профессиональную разработку сайтов от 3 т.р.!

      ● Landing page (лендинг пейдж).

      ● Сайт визитка, сайт компании, многостраничник, блог.

      ● Сайт под ключ с настройкой рекламы.

      ● Интернет-магазин (каталог, витрина с корзиной).

      ————————————————————————————
      ✔️ Мои услуги:
      Создание сайта под ключ или правки вашего существующего сайта. В работе использую как сайты без движка на чистом HTML/CSS так и WordPress.

      - Адаптивность под мобильные и планшеты, при этом все оптимизировано и следует правилам семантики.

      - Оптимизация скорости загрузки сайта

      - Установка и настройка Яндекс Метрики, Google Analytics, Facebook Pixel и др.

      - Форма обратной связи для отправки заявки вам на почту или Telegram

      - Онлайн чат и обратный звонок

      - Опросы на сайте (квиз, quiz)

      - Доменное имя на ваш выбор, привязка к хостингу;

      - Медиа-галлереи, карусель

      - Верстка по готовому шаблону из Figma, PSD, Adobe X D, Avocode, Zeplin активно применяя HTML5 и CSS3.

      - Настройка рекламы Яндекс Директ, РСЯ, КМС Google, Google Ads, Таргет Вконтакте, Facebook, Instagram, myTarget

      - Натяжка на CMS WordPress используя плагины ACF, WooCommerce, Contact Form 7, Polylang, Elementor и т.д.

      - Разработка калькуляторов, Анимации, регистрация, авторизация, восстановление, е-маил, слайдеры, модальные окна, табы, аккордеоны, галерея, фильтры, пагинация и т.д.

      ✔️ Преимущества:
      Консультирую по любым вопросам до и после разработки сайта! Возможна поддержка сайта.
      Домен в подарок!
      Система скидок!

      ————————————————————————————

      Telegram: Sam_Wins

      Skype: sam-wins

      E-mail: akawins@yandex.ru
    • By Super_Saimon
      Добрый день! Подскажите: какую CMS использовать лучше для создания корпоративного сайта. В нем должна быть главная страница с постами, типа "новости компании" и далее множество страниц касательно деятельности компании. Форма обратной связи. Какую CMS посоветуете под такое скудное описание?
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy