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

Posted 12 января, 20231 yr

comment_189269

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

Цитата

14 января, 20231 yr

comment_189331

кстати тоже интересно видел такое на ксенфоро одном форуме.

Цитата

14 января, 20231 yr

comment_189333

On 1/12/2023 at 11:00 PM, AzeTural 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;
}

Цитата

14 января, 20231 yr

comment_189334

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

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

Ты на каком сайте это увидел, кинь, глянем код.

Цитата

14 января, 20231 yr

comment_189335

чето сделал как написано выше все перее у меня ) дайте кто то по подробней гайдик)

Edited 14 января, 20231 yr by saiko

Цитата

14 января, 20231 yr

comment_189338

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

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

Что такое посбит и что там на картинке?

375126225866949_wm.gif.19bb58101fbd2492ebf5962af9f141dd.gif

Цитата

14 января, 20231 yr

Author

comment_189341

1 hour ago, 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;
}

Что я здесь делаю неправильно? Этого не произошло.

3 hours ago, saiko said:

кстати тоже интересно видел такое на ксенфоро одном форуме.

15 minutes ago, Zero108 said:

Что такое посбит и что там на картинке?

Я видел это в форме ipb. Вот когда я получил картину. Я не могу найти сайт сейчас.

Цитата

14 января, 20231 yr

comment_189342

16 минут назад, Zero108 сказал:

Что такое посбит и что там на картинке?

Мальчишник в Вегасе?))

Цитата

14 января, 20231 yr

comment_189343

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

Что я здесь делаю неправильно?

Возможно, ты не умеешь понимать написанное.

6 минут назад, Donjuan сказал:

Мальчишник в Вегасе?))

Вроде да. Ты понял, что такое посбит?

Цитата

14 января, 20231 yr

comment_189345

9 минут назад, Zero108 сказал:

Вроде да. Ты понял, что такое посбит?

Ну да)

меня картинка насмешила))

Цитата

14 января, 20231 yr

comment_189348

Donjuan что он хочет сделать?

Цитата

14 января, 20231 yr

comment_189349

Только что, Zero108 сказал:

Donjuan что он хочет сделать?

Хз.. может у него спросить?))

Цитата

14 января, 20231 yr

comment_189351

37 минут назад, Zero108 сказал:

Donjuan что он хочет сделать?

Зафиксировать при прокрутке блок с информацией о пользователе в теме

Цитата

AzeTural
1

14 января, 20231 yr

Author

comment_189352

1 hour ago, Zero108 said:

Что такое посбит и что там на картинке?

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

Цитата

14 января, 20231 yr

comment_189353

Xontero написал, что нужно вставить вот так:

Один пишет инструкции странным образом, второй не может пояснить, что ему нужно. А мы еще в России жалуемся на ЕГЭ.

Edited 14 января, 20231 yr by Zero108

Цитата

SlawkA
1

14 января, 20231 yr

Author

comment_189354

3 minutes ago, Zero108 said:

Xontero написал, что нужно вставить вот так:

К сожалению. это не сработало.

Цитата

14 января, 20231 yr

comment_189355

J4qA.gif.169aefc9d0d5e50222c7dedbfb33aa14.gif

Было интересно но ник*я не понятно 😅

Цитата

15 января, 20231 yr

comment_189359

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

Что я здесь делаю неправильно? Этого не произошло.

вам же четко написАли

ПОСЛЕ

<aside class='ipsComment_author cAuthorPane ipsColumn ipsColumn_medium ipsResponsive_hidePhone'>
вставить

ПЕРЕД

</aside>

</div>

В итоге должно получиться так

	<aside class='ipsComment_author cAuthorPane ipsColumn ipsColumn_medium ipsResponsive_hidePhone'>
	<div id="authorsticky">
		<h3 class='ipsType_sectionHead cAuthorPane_author ipsType_blendLinks ipsType_break'><strong>{template="userLink" group="global" app="core" params="$comment->author(), $comment->warningRef(), FALSE, $comment->isAnonymous()"}</strong>
			{{if $comment->isAnonymous() and \IPS\Member::loggedIn()->modPermission('can_view_anonymous_posters')}}
				<a data-ipsHover data-ipsHover-width="370" data-ipsHover-onClick href="{{if $comment->isFirst()}}{$comment->item()->url( 'reveal' )->csrf()}{{else}}{$comment->url( 'reveal' )->csrf()}{{endif}}" rel="nofollow"><span class="cAuthorPane_badge cAuthorPane_badge--anon" data-ipsTooltip title="{lang="post_anonymously_reveal"}"></span></a>
			{{endif}}
		</h3>
		<ul class='cAuthorPane_info ipsList_reset'>
			<li data-role='photo' class='cAuthorPane_photo'>
				<div class='cAuthorPane_photoWrap'>
					{template="userPhoto" app="core" group="global" params="$comment->author(), 'large', $comment->warningRef()"}
					{{if $comment->author()->modShowBadge()}}
						<span class="cAuthorPane_badge cAuthorPane_badge--moderator" data-ipsTooltip title="{lang="member_is_moderator" sprintf="$comment->author()->name"}"></span>
					{{elseif $comment->author()->joinedRecently()}}
						<span class="cAuthorPane_badge cAuthorPane_badge--new" data-ipsTooltip title="{lang="member_is_new_badge" sprintf="$comment->author()->name"}"></span>
					{{endif}}
					{{if !$comment->isAnonymous() and $comment->author()->canHaveAchievements() and \IPS\core\Achievements\Rank::show() and $rank = $comment->author()->rank()}}
						{$rank->html( 'cAuthorPane_badge cAuthorPane_badge--rank ipsOutline ipsOutline:2px' )|raw}
					{{endif}}
				</div>
			</li>
			{{if !$comment->isAnonymous()}}
				<li data-role='group'>{expression="\IPS\Member\Group::load( $comment->author()->member_group_id )->formattedName" raw="true"}</li>
				{{if \IPS\Member\Group::load( $comment->author()->member_group_id )->g_icon }}
					<li data-role='group-icon'><img src='{file="$comment->author()->group['g_icon']" extension="core_Theme"}' alt='' class='cAuthorGroupIcon'></li>
				{{endif}}
			{{endif}}
			{{if $comment->author()->member_id}}
				<li data-role='stats' class='ipsMargin_top'>
					<ul class="ipsList_reset ipsType_light ipsFlex ipsFlex-ai:center ipsFlex-jc:center ipsGap_row:2 cAuthorPane_stats">
						<li>
							{{if \IPS\Member::loggedIn()->canAccessModule( \IPS\Application\Module::get( 'core', 'members', 'front' ) ) }}
								<a href="{url="app=core&module=members&controller=profile&id={$comment->author()->member_id}&do=content" seoTemplate="profile_content" seoTitle="$comment->author()->members_seo_name"}" rel="nofollow" title="{lang="member_post_count" pluralize="$comment->author()->member_posts"}" data-ipsTooltip class="ipsType_blendLinks">
							{{endif}}
								<i class="fa fa-comment"></i> {number="$comment->author()->member_posts" format="short"}
							{{if \IPS\Member::loggedIn()->canAccessModule( \IPS\Application\Module::get( 'core', 'members', 'front' ) ) }}
								</a>
							{{endif}}
						</li>
						{{if isset( $comment->author_solved_count )}}
							<li>
								{{if \IPS\Member::loggedIn()->canAccessModule( \IPS\Application\Module::get( 'core', 'members', 'front' ) ) }}
									<a href='{url="app=core&module=members&controller=profile&id={$comment->author()->member_id}&do=solutions" seoTemplate="profile_solutions" seoTitle="$comment->author()->members_seo_name"}' rel="nofollow" title="{lang="solved_badge_tooltip" pluralize="$comment->author_solved_count"}" data-ipsTooltip class='ipsType_blendLinks'>
								{{endif}}		
									   <i class='fa fa-check-circle'></i> {number="$comment->author_solved_count"}
								{{if \IPS\Member::loggedIn()->canAccessModule( \IPS\Application\Module::get( 'core', 'members', 'front' ) ) }}
									</a>
								{{endif}}
							</li>
						{{endif}}
					</ul>
				</li>
			{{endif}}
			{{if $comment->author()->member_id}}
				{template="customFieldsDisplay" group="global" app="core" params="$comment->author()"}
			{{endif}}
		</ul>
		</div>
	</aside>

Цитата

15 января, 20231 yr

comment_189363

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

вам же четко написАли

ПОСЛЕ

<aside class='ipsComment_author cAuthorPane ipsColumn ipsColumn_medium ipsResponsive_hidePhone'>
вставить

ПЕРЕД

</aside>

</div>

В итоге должно получиться так

	<aside class='ipsComment_author cAuthorPane ipsColumn ipsColumn_medium ipsResponsive_hidePhone'>
	<div id="authorsticky">
		<h3 class='ipsType_sectionHead cAuthorPane_author ipsType_blendLinks ipsType_break'><strong>{template="userLink" group="global" app="core" params="$comment->author(), $comment->warningRef(), FALSE, $comment->isAnonymous()"}</strong>
			{{if $comment->isAnonymous() and \IPS\Member::loggedIn()->modPermission('can_view_anonymous_posters')}}
				<a data-ipsHover data-ipsHover-width="370" data-ipsHover-onClick href="{{if $comment->isFirst()}}{$comment->item()->url( 'reveal' )->csrf()}{{else}}{$comment->url( 'reveal' )->csrf()}{{endif}}" rel="nofollow"><span class="cAuthorPane_badge cAuthorPane_badge--anon" data-ipsTooltip title="{lang="post_anonymously_reveal"}"></span></a>
			{{endif}}
		</h3>
		<ul class='cAuthorPane_info ipsList_reset'>
			<li data-role='photo' class='cAuthorPane_photo'>
				<div class='cAuthorPane_photoWrap'>
					{template="userPhoto" app="core" group="global" params="$comment->author(), 'large', $comment->warningRef()"}
					{{if $comment->author()->modShowBadge()}}
						<span class="cAuthorPane_badge cAuthorPane_badge--moderator" data-ipsTooltip title="{lang="member_is_moderator" sprintf="$comment->author()->name"}"></span>
					{{elseif $comment->author()->joinedRecently()}}
						<span class="cAuthorPane_badge cAuthorPane_badge--new" data-ipsTooltip title="{lang="member_is_new_badge" sprintf="$comment->author()->name"}"></span>
					{{endif}}
					{{if !$comment->isAnonymous() and $comment->author()->canHaveAchievements() and \IPS\core\Achievements\Rank::show() and $rank = $comment->author()->rank()}}
						{$rank->html( 'cAuthorPane_badge cAuthorPane_badge--rank ipsOutline ipsOutline:2px' )|raw}
					{{endif}}
				</div>
			</li>
			{{if !$comment->isAnonymous()}}
				<li data-role='group'>{expression="\IPS\Member\Group::load( $comment->author()->member_group_id )->formattedName" raw="true"}</li>
				{{if \IPS\Member\Group::load( $comment->author()->member_group_id )->g_icon }}
					<li data-role='group-icon'><img src='{file="$comment->author()->group['g_icon']" extension="core_Theme"}' alt='' class='cAuthorGroupIcon'></li>
				{{endif}}
			{{endif}}
			{{if $comment->author()->member_id}}
				<li data-role='stats' class='ipsMargin_top'>
					<ul class="ipsList_reset ipsType_light ipsFlex ipsFlex-ai:center ipsFlex-jc:center ipsGap_row:2 cAuthorPane_stats">
						<li>
							{{if \IPS\Member::loggedIn()->canAccessModule( \IPS\Application\Module::get( 'core', 'members', 'front' ) ) }}
								<a href="{url="app=core&module=members&controller=profile&id={$comment->author()->member_id}&do=content" seoTemplate="profile_content" seoTitle="$comment->author()->members_seo_name"}" rel="nofollow" title="{lang="member_post_count" pluralize="$comment->author()->member_posts"}" data-ipsTooltip class="ipsType_blendLinks">
							{{endif}}
								<i class="fa fa-comment"></i> {number="$comment->author()->member_posts" format="short"}
							{{if \IPS\Member::loggedIn()->canAccessModule( \IPS\Application\Module::get( 'core', 'members', 'front' ) ) }}
								</a>
							{{endif}}
						</li>
						{{if isset( $comment->author_solved_count )}}
							<li>
								{{if \IPS\Member::loggedIn()->canAccessModule( \IPS\Application\Module::get( 'core', 'members', 'front' ) ) }}
									<a href='{url="app=core&module=members&controller=profile&id={$comment->author()->member_id}&do=solutions" seoTemplate="profile_solutions" seoTitle="$comment->author()->members_seo_name"}' rel="nofollow" title="{lang="solved_badge_tooltip" pluralize="$comment->author_solved_count"}" data-ipsTooltip class='ipsType_blendLinks'>
								{{endif}}		
									   <i class='fa fa-check-circle'></i> {number="$comment->author_solved_count"}
								{{if \IPS\Member::loggedIn()->canAccessModule( \IPS\Application\Module::get( 'core', 'members', 'front' ) ) }}
									</a>
								{{endif}}
							</li>
						{{endif}}
					</ul>
				</li>
			{{endif}}
			{{if $comment->author()->member_id}}
				{template="customFieldsDisplay" group="global" app="core" params="$comment->author()"}
			{{endif}}
		</ul>
		</div>
	</aside>

Что может блокировать этот код в CSS ?

 position: -webkit-sticky !important;

Цитата

15 января, 20231 yr

comment_189365

Dusty без понятия. К тому же ,КАК можно вообще заблокировать какой-либо код css ? Стили css либо работают либо если что-то не работает,то только из-за отсутствия поддержки вашим браузером.

Цитата

15 января, 20231 yr

comment_189366

1 минуту назад, AHristich сказал:

Dusty без понятия. К тому же ,КАК можно вообще заблокировать какой-либо код css ? Стили css либо работают либо если что-то не работает,то только из-за отсутствия поддержки вашим браузером.

Ну оно зачеркнуто и все стоит ! ) браузер обычный GOogle )

Цитата

15 января, 20231 yr

comment_189368

Dusty ну так смотрите в консоли браузера что да как.

Цитата

15 января, 20231 yr

comment_189374

4 часа назад, Dusty сказал:

Ну оно зачеркнуто

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

Цитата

Dusty
1

15 января, 20231 yr

comment_189376

19 hours ago, AzeTural said:

What am I doing wrong here? That did not happen.

I saw it in ipb form. That's when I got the picture. I can't find the site now.

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>

Цитата

15 января, 20231 yr

comment_189378

Напишите если все же кто то сделает это 😃

Цитата

Sign In

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

Featured Replies

Join the conversation

Последние посетители 0

Account

Navigation

Messages

Уведомления

Search