Перейти к содержанию

липкий посбит


Рекомендуемые сообщения

Donjuan Хрень какая то у меня все съезжает в кучу 😁

Ссылка на комментарий
Поделиться на другие сайты

4 hours ago, Xontero said:

in your screenshot close </div> is placed wrong. you should add before </aside> not after that. like below:

<aside class='ipsComment_author cAuthorPane ipsColumn ipsColumn_medium ipsResponsive_hidePhone'>
<div id="authorsticky">
 <!--   .
        .
        .
        .   -->
</div></aside>

 

Вы видите, что я делаю неправильно?

4 hours ago, Xontero said:

in your screenshot close </div> is placed wrong. you should add before </aside> not after that. like below:

<aside class='ipsComment_author cAuthorPane ipsColumn ipsColumn_medium ipsResponsive_hidePhone'>
<div id="authorsticky">
 <!--   .
        .
        .
        .   -->
</div></aside>

 

Вы видите, что я делаю неправильно?

 

 

4 hours ago, Xontero said:

in your screenshot close </div> is placed wrong. you should add before </aside> not after that. like below:

<aside class='ipsComment_author cAuthorPane ipsColumn ipsColumn_medium ipsResponsive_hidePhone'>
<div id="authorsticky">
 <!--   .
        .
        .
        .   -->
</div></aside>

 

Вы видите, что я делаю неправильно? 

 

ezgif.com-gif-maker(13).gif

Ссылка на комментарий
Поделиться на другие сайты

17 часов назад, Desti сказал:

патамучта это ошибка, -webkit-sticky не поддерживается, используйте position:sticky

Тогда этот код  не работает как должен )

11 часов назад, AzeTural сказал:

Вы видите, что я делаю неправильно?

Вы видите, что я делаю неправильно?

 

Вы видите, что я делаю неправильно? 

 

ezgif.com-gif-maker(13).gif

Вообще то все не правильно ) Зачем вы еще раз добавляете код  <aside class='ipsComment_author cAuthorPane ipsColumn ipsColumn_medium ipsResponsive_hidePhone'> <div id="authorsticky"> </div> </aside>

Когда у вас есть этот код  в postcont <aside class='ipsComment_author cAuthorPane ipsColumn ipsColumn_medium ipsResponsive_hidePhone'> ? вам надо добавить только код 

<div id="authorsticky"> после когда <aside class= .......... >

Ссылка на комментарий
Поделиться на другие сайты

Парни это уже не смешно 😅 дайте гайд как сделать нормально ахахах

Ссылка на комментарий
Поделиться на другие сайты

2 часа назад, saiko сказал:

не смешно

липкий посбит - звучит смешно

Ссылка на комментарий
Поделиться на другие сайты

Zero108 ну он как мог так и выразил свою мысль по этому поводу)

Ссылка на комментарий
Поделиться на другие сайты

Липкие блоки обсуждались не раз, внутри ips уже реализовано подобное ips.ui.sticky модуль (data-ipsSticky) можете тут в поиске найти
https://invisioncommunity.com/4guides/themes-and-customizations/javascript-framework/using-ui-widgets/ipsuisticky-r62/

Ссылка на комментарий
Поделиться на другие сайты

  • 3 месяца спустя...
On 1/17/2023 at 2:14 PM, Exception said:

Липкие блоки обсуждались не раз, внутри ips уже реализовано подобное ips.ui.sticky модуль (data-ipsSticky) можете тут в поиске найти
https://invisioncommunity.com/4guides/themes-and-customizations/javascript-framework/using-ui-widgets/ipsuisticky-r62/

What code should we use for CSS?

Ссылка на комментарий
Поделиться на другие сайты

hi

This method does not work for new version of IPS
Is there an alternative code?

Ссылка на комментарий
Поделиться на другие сайты

27 минут назад, avangcom сказал:

hi

This method does not work for new version of IPS
Is there an alternative code?

какой метод?

Ссылка на комментарий
Поделиться на другие сайты

On 1/14/2023 at 8:02 PM, Xontero said:

hi

edit your theme and find Postcontainer template

1. after this:

	<aside class='ipsComment_author cAuthorPane ipsColumn ipsColumn_medium ipsResponsive_hidePhone'>

add this:

<div id="authorsticky">

2. then before this:

</aside>

add this:

</div>

 

and final add this in custom.css:

#authorsticky {
  position: -webkit-sticky !important; /* Safari */
  position: sticky !important;
  top: 15px !important;
}

 

This method does not work on the new version

Ссылка на комментарий
Поделиться на другие сайты

В 12.01.2023 в 14:30, AzeTural сказал:

Привет. Как сделать посбит как на картинке?

screencast-cmsmafia.ru-2021_03.24-21_06_32.gif.02c84c0da066e3c0e9eed938d1170622.gif

То есть цель у ребят: сделать вот так, как на заглавной картинке! Инструкция на первой картинке не помогает :( 

  

В 17.01.2023 в 05:44, Exception сказал:

Липкие блоки обсуждались не раз, внутри ips уже реализовано подобное ips.ui.sticky модуль (data-ipsSticky) можете тут в поиске найти
https://invisioncommunity.com/4guides/themes-and-customizations/javascript-framework/using-ui-widgets/ipsuisticky-r62/

а вот тут не полностью понятно, ибо получается коряво с этим классом. :( 

 

Ссылка на комментарий
Поделиться на другие сайты

35 минут назад, alexis сказал:

То есть цель у ребят: сделать вот так, как на заглавной картинке! Инструкция на первой картинке не помогает :( 

  

а вот тут не полностью понятно, ибо получается коряво с этим классом. :( 

 

да, видимо оно больше подходит для позиционирования меньшего количества элементов (1-2 в отдельно заданных блоках)
Тогда как вариант и без редактирования шаблона (будем использовать jquery)

$(document).ready(function(){$('.cAuthorPane').wrapInner('<div class="cAuthorPaneSticky"></div>');});

css:

aside.cAuthorPane {
    overflow: inherit; /* We need to reset this value */
}
.cAuthorPaneSticky {
    position: sticky;
    top: 5px;
}

 

Ссылка на комментарий
Поделиться на другие сайты

3 hours ago, Exception said:

да, видимо оно больше подходит для позиционирования меньшего количества элементов (1-2 в отдельно заданных блоках)
Тогда как вариант и без редактирования шаблона (будем использовать jquery)

$(document).ready(function(){$('.cAuthorPane').wrapInner('<div class="cAuthorPaneSticky"></div>');});

css:

aside.cAuthorPane {
    overflow: inherit; /* We need to reset this value */
}
.cAuthorPaneSticky {
    position: sticky;
    top: 5px;
}

 

Where is this code located??

Ссылка на комментарий
Поделиться на другие сайты

2 минуты назад, avangcom сказал:

Where is this code located??

what ?

Ссылка на комментарий
Поделиться на другие сайты

  • 2 недели спустя...
В 25.04.2023 в 11:16, Exception сказал:

да, видимо оно больше подходит для позиционирования меньшего количества элементов (1-2 в отдельно заданных блоках)
Тогда как вариант и без редактирования шаблона (будем использовать jquery)

$(document).ready(function(){$('.cAuthorPane').wrapInner('<div class="cAuthorPaneSticky"></div>');});

хм, не надо редактировать шаблоны и не надо вставлять код выше в postContainer? А куда тогдга засунуть этот код выше у вас? :( 

Ссылка на комментарий
Поделиться на другие сайты

В 07.05.2023 в 21:49, alexis сказал:

хм, не надо редактировать шаблоны и не надо вставлять код выше в postContainer? А куда тогдга засунуть этот код выше у вас? :( 

в изменить тему есть вкладка header и footer, в область footer вставить можно, предварительно обернув в тег script

Ссылка на комментарий
Поделиться на другие сайты

Присоединяйтесь к обсуждению

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

Гость
Ответить в этой теме...

×   Вставлено с форматированием.   Вставить как обычный текст

  Разрешено использовать не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отображать как обычную ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставлять изображения напрямую. Загружайте или вставляйте изображения по ссылке.

  • Последние посетители   0 пользователей онлайн

    • Ни одного зарегистрированного пользователя не просматривает данную страницу
×
×
  • Создать...