Jump to content

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

AzeTural
 Share

Recommended Posts

Xontero Rising Star

Xontero

Posted
Posted
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;
}

 

Link to comment
Share on other sites
bon1 Enthusiast

bon1

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

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

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

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

Link to comment
Share on other sites
saiko Mentor

saiko

Posted
Posted (edited)

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

Edited by saiko
Link to comment
Share on other sites
AzeTural Apprentice

AzeTural

Posted
  • Author
Posted
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;
}

 

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

1.PNG

2.PNG

3 hours ago, saiko said:

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

 

15 minutes ago, Zero108 said:

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

375126225866949_wm.gif.19bb58101fbd2492ebf5962af9f141dd.gif

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

Link to comment
Share on other sites
Zero108 Veteran

Zero108

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

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

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

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

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

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

Link to comment
Share on other sites
HooLIGUN Veteran

HooLIGUN

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

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

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

Link to comment
Share on other sites
AzeTural Apprentice

AzeTural

Posted
  • Author
Posted
1 hour ago, Zero108 said:

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

375126225866949_wm.gif.19bb58101fbd2492ebf5962af9f141dd.gif

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

Link to comment
Share on other sites
Zero108 Veteran

Zero108

Posted
Posted (edited)

Xontero написал, что нужно вставить вот так: image.thumb.jpeg.451af84889e3ce6eecc05df8bb66cfb9.jpeg

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

Edited by Zero108
Link to comment
Share on other sites
AHristich Proficient

AHristich

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

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

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

ПОСЛЕ

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

<div id="authorsticky">

ПЕРЕД

</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>

 

Link to comment
Share on other sites
Dusty Mentor

Dusty

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

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

ПОСЛЕ

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

<div id="authorsticky">

ПЕРЕД

</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;
Link to comment
Share on other sites
AHristich Proficient

AHristich

Posted
Posted

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

Link to comment
Share on other sites
Dusty Mentor

Dusty

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

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

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

 

Link to comment
Share on other sites
Desti Mentor

Desti

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

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

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

Link to comment
Share on other sites
Xontero Rising Star

Xontero

Posted
Posted
19 hours ago, AzeTural said:

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

1.PNG

2.PNG

 

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>

 

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
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

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

×   Your previous content has been restored.   Clear editor

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

×
 Share
Go to topic listing

  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...