Jump to content

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

AzeTural
AzeTural
in Invision Community 4 Support

Featured Replies

Posted
comment_189269

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

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

  • Цитата
    • Link to comment
    https://ipbmafia.ru/topic/25196-lipkij-posbit/
    Share on other sites
    comment_189331

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

  • Цитата
    • Link to comment
    https://ipbmafia.ru/topic/25196-lipkij-posbit/?&do=findComment&comment=189331
    Share on other sites
    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;
}

     

  • Цитата
    • Link to comment
    https://ipbmafia.ru/topic/25196-lipkij-posbit/?&do=findComment&comment=189333
    Share on other sites
    comment_189334
    В 12.01.2023 в 22:30, AzeTural сказал:

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

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

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

  • Цитата
    • Link to comment
    https://ipbmafia.ru/topic/25196-lipkij-posbit/?&do=findComment&comment=189334
    Share on other sites
    comment_189335

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

    Edited by saiko

  • Цитата
    • Link to comment
    https://ipbmafia.ru/topic/25196-lipkij-posbit/?&do=findComment&comment=189335
    Share on other sites
    comment_189338
    В 12.01.2023 в 23:30, AzeTural сказал:

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

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

    375126225866949_wm.gif.19bb58101fbd2492ebf5962af9f141dd.gif

  • Цитата
    • Link to comment
    https://ipbmafia.ru/topic/25196-lipkij-posbit/?&do=findComment&comment=189338
    Share on other sites
    • 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;
}

     

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

    1.PNG

    2.PNG

    3 hours ago, saiko said:

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

     

    15 minutes ago, Zero108 said:

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

    375126225866949_wm.gif.19bb58101fbd2492ebf5962af9f141dd.gif

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

  • Цитата
    • Link to comment
    https://ipbmafia.ru/topic/25196-lipkij-posbit/?&do=findComment&comment=189341
    Share on other sites
    comment_189342
    16 минут назад, Zero108 сказал:

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

    375126225866949_wm.gif.19bb58101fbd2492ebf5962af9f141dd.gif

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

  • Цитата
    • Link to comment
    https://ipbmafia.ru/topic/25196-lipkij-posbit/?&do=findComment&comment=189342
    Share on other sites
    comment_189343
    2 минуты назад, AzeTural сказал:

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

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

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

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

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

  • Цитата
    • Link to comment
    https://ipbmafia.ru/topic/25196-lipkij-posbit/?&do=findComment&comment=189343
    Share on other sites
    comment_189345
    9 минут назад, Zero108 сказал:

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

    Ну да)

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

  • Цитата
    • Link to comment
    https://ipbmafia.ru/topic/25196-lipkij-posbit/?&do=findComment&comment=189345
    Share on other sites
    comment_189348

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

  • Цитата
    • Link to comment
    https://ipbmafia.ru/topic/25196-lipkij-posbit/?&do=findComment&comment=189348
    Share on other sites
    comment_189349
    Только что, Zero108 сказал:

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

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

  • Цитата
    • Link to comment
    https://ipbmafia.ru/topic/25196-lipkij-posbit/?&do=findComment&comment=189349
    Share on other sites
    comment_189351
    37 минут назад, Zero108 сказал:

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

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

  • Цитата
    • Link to comment
    https://ipbmafia.ru/topic/25196-lipkij-posbit/?&do=findComment&comment=189351
    Share on other sites
    • Author
    comment_189352
    1 hour ago, Zero108 said:

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

    375126225866949_wm.gif.19bb58101fbd2492ebf5962af9f141dd.gif

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

  • Цитата
    • Link to comment
    https://ipbmafia.ru/topic/25196-lipkij-posbit/?&do=findComment&comment=189352
    Share on other sites
    comment_189353

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

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

    Edited by Zero108

  • Цитата
    • Link to comment
    https://ipbmafia.ru/topic/25196-lipkij-posbit/?&do=findComment&comment=189353
    Share on other sites
    • Author
    comment_189354
    3 minutes ago, Zero108 said:

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

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

  • Цитата
    • Link to comment
    https://ipbmafia.ru/topic/25196-lipkij-posbit/?&do=findComment&comment=189354
    Share on other sites
    comment_189355

    J4qA.gif.169aefc9d0d5e50222c7dedbfb33aa14.gif

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

  • Цитата
    • Link to comment
    https://ipbmafia.ru/topic/25196-lipkij-posbit/?&do=findComment&comment=189355
    Share on other sites
    comment_189359
    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
    https://ipbmafia.ru/topic/25196-lipkij-posbit/?&do=findComment&comment=189359
    Share on other sites
    comment_189363
    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
    https://ipbmafia.ru/topic/25196-lipkij-posbit/?&do=findComment&comment=189363
    Share on other sites
    comment_189365

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

  • Цитата
    • Link to comment
    https://ipbmafia.ru/topic/25196-lipkij-posbit/?&do=findComment&comment=189365
    Share on other sites
    comment_189366
    1 минуту назад, AHristich сказал:

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

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

     

  • Цитата
    • Link to comment
    https://ipbmafia.ru/topic/25196-lipkij-posbit/?&do=findComment&comment=189366
    Share on other sites
    comment_189368

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

  • Цитата
    • Link to comment
    https://ipbmafia.ru/topic/25196-lipkij-posbit/?&do=findComment&comment=189368
    Share on other sites
    comment_189374
    4 часа назад, Dusty сказал:

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

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

  • Цитата
    • Link to comment
    https://ipbmafia.ru/topic/25196-lipkij-posbit/?&do=findComment&comment=189374
    Share on other sites
    comment_189376
    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
    https://ipbmafia.ru/topic/25196-lipkij-posbit/?&do=findComment&comment=189376
    Share on other sites
    comment_189378

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

  • Цитата
    • Link to comment
    https://ipbmafia.ru/topic/25196-lipkij-posbit/?&do=findComment&comment=189378
    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
    Ответить в этой теме...
    Go to topic listing

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

    • No registered users viewing this page.