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

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


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

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

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

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

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

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

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

 

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

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

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

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

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

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

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

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

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

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

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

375126225866949_wm.gif.19bb58101fbd2492ebf5962af9f141dd.gif

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

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. Вот когда я получил картину. Я не могу найти сайт сейчас.

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

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

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

375126225866949_wm.gif.19bb58101fbd2492ebf5962af9f141dd.gif

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

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

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

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

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

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

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

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

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

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

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

Ну да)

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

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

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

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

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

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

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

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

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

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

1 hour ago, Zero108 said:

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

375126225866949_wm.gif.19bb58101fbd2492ebf5962af9f141dd.gif

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

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

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

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

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

3 minutes ago, Zero108 said:

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

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

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

J4qA.gif.169aefc9d0d5e50222c7dedbfb33aa14.gif

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

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

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>

 

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

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; 
Ссылка на комментарий
Поделиться на другие сайты

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

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

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

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

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

 

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

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

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

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

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

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

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

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>

 

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

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

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

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

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

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

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

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

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

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

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

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

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