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

avangcom

Актив
  • Постов

    489
  • Зарегистрирован

  • Посещение

  • Победитель дней

    1

Сообщения, опубликованные avangcom

  1. 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. 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

  3. On 4/20/2023 at 12:26 AM, ryancoolround said:

    globalTemplate:

    <!DOCTYPE html>
    <html lang="{expression="\IPS\Member::loggedIn()->language()->bcp47()"}" dir="{{if member.language()->isrtl}}rtl{{else}}ltr{{endif}}">
    	<head>
    		<meta charset="utf-8">
            {{if settings.core_datalayer_enabled}}
                {template="includeDataLayer" app="core" group="global" location="front"}
            {{endif}}
    		<title>{expression="output.getTitle( $title )"}</title>
    		{{if settings.ga_enabled}}
    			{setting="ga_code"}
    		{{endif}}
    		{{if settings.matomo_enabled}}
    			{setting="matomo_code"}
    		{{endif}}
    		{{if settings.googletag_enabled AND !(settings.core_datalayer_use_gtm AND settings.core_datalayer_enabled)}}
    			{setting="googletag_head_code"}
    		{{endif}}
    		{template="includeMeta" app="core" group="global" location="global" params=""}
    		{template="includeCSS" app="core" group="global" location="global" params=""}
    		{template="includeJS" if="theme.js_include != 'footer'" app="core" group="global" location="global" params=""}
    		{template="favico" app="core" group="global" location="front" params=""}
    	</head>
    	<body class='ipsApp ipsApp_front {{if isset( \IPS\Request::i()->cookie['hasJS'] )}}ipsJS_has{{else}}ipsJS_none{{endif}} ipsClearfix{{foreach output.bodyClasses as $class}} {$class}{{endforeach}}' {{if output.globalControllers}}data-controller='{expression="implode( ',', output.globalControllers )"}'{{endif}} {{if isset( output.inlineMessage )}}data-message="{expression="output.inlineMessage"}"{{endif}} data-pageApp='{$location['app']}' data-pageLocation='front' data-pageModule='{$location['module']}' data-pageController='{$location['controller']}' {{if isset( \IPS\Request::i()->id )}}data-pageID='{expression="(int) \IPS\Request::i()->id"}'{{endif}} {{if isset( \IPS\Dispatcher::i()->dispatcherController ) AND !\IPS\Dispatcher::i()->dispatcherController->isContentPage }}data-nocontent{{endif}}>
    		<a href='#ipsLayout_mainArea' class='ipsHide' title='{lang="jump_to_content_desc"}' accesskey='m'>{lang="jump_to_content"}</a>
    		{{if !request.isApp()}}
    				{template="updateWarning" app="core" group="global" params=""}
          			<div id='ipsLayout_header' class='ipsClearfix'>
    
    				<header>
    					<div class='ipsLayout_container'>
    						{template="logo" app="core" group="global" params=""}
                            {template="navBar" app="core" group="global" params=""}
    						{{if !\in_array('ipsLayout_minimal', \IPS\Output::i()->bodyClasses )}}{template="userBar" app="core" group="global" params=""}{{endif}}
    						{template="mobileNavigationIcon" app="core" group="global" params=""}
    					</div>
    				</header>
    				{{if !\in_array('ipsLayout_minimal', \IPS\Output::i()->bodyClasses )}}{template="mobileNavBar" app="core" group="global" params=""}{{endif}}
    			</div>
    		{{endif}}
    		<main id='ipsLayout_body' class='ipsLayout_container'>
    			<div id='ipsLayout_contentArea'>
    				<div id='ipsLayout_contentWrapper'>
    					{template="breadcrumb" app="core" group="global" params="'top'"}
    					{template="sidebar" if="theme.sidebar_position == 'left'" app="core" group="global" params="'left'"}
    					<div id='ipsLayout_mainArea'>
    						{advertisement="ad_global_header"}
    						{template="acknowledgeWarning" if="\IPS\Member::loggedIn()->members_bitoptions['unacknowledged_warnings']" params="\IPS\Member::loggedIn()->warnings( 1, FALSE )" group="global" app="core"}
    						{{if !\in_array('ipsLayout_minimal', \IPS\Output::i()->bodyClasses ) and !member.members_bitoptions['profile_completion_dismissed'] and $nextStep = member.nextProfileStep()}}
    							{template="profileNextStep" group="global" app="core" params="$nextStep, true"}
    						{{endif}}
    						{template="widgetContainer" group="global" app="core" params="'header', 'horizontal'"}
    						{$html|raw}
    						{template="widgetContainer" group="global" app="core" params="'footer', 'horizontal'"}
    					</div>
    					{template="sidebar" if="theme.sidebar_position == 'right'" app="core" group="global" params="'right'"}
    					{template="breadcrumb" app="core" group="global" params="'bottom'"}
    				</div>
    			</div>
    			{template="inlineMessage" if="member.msg_show_notification and $message = \IPS\core\Messenger\Conversation::latestUnreadMessage()" app="core" group="global" params="$message"}
    		</main>
    		<footer id='ipsLayout_footer' class='ipsClearfix'>
    			<div class='ipsLayout_container'>
    				{advertisement="ad_global_footer"}
    				{template="footer" app="core" group="global" params=""}
    			</div>
    		</footer>
    		{template="mobileNavigation" if="theme.responsive" app="core" group="global" params=""}
    		{template="guestTermsBar" if="!\IPS\Member::loggedIn()->member_id and \IPS\Settings::i()->guest_terms_bar" app="core" group="global" params="base64_encode( \IPS\Settings::i()->base_url )"}
    		{template="includeJS" if="theme.js_include == 'footer'" app="core" group="global" location="global" params=""}
    		{template="metaTagEditor" if="isset( $_SESSION['live_meta_tags'] ) and $_SESSION['live_meta_tags'] and member.isAdmin()" app="core" group="global" params=""}
    		<!--ipsQueryLog-->
    		<!--ipsCachingLog-->
    		{expression="output.endBodyCode" raw="true"}
    		{{if settings.fb_pixel_enabled and settings.fb_pixel_id and $noscript = \IPS\core\Facebook\Pixel::i()->noscript()}}
    			<noscript>
    			{$noscript|raw}
    			</noscript>
    		{{endif}}
    		{{if settings.custom_body_code}}
    			{setting="custom_body_code"}
    		{{endif}}
            {theme="footerHtml"}
    	</body>
    </html>

    navBar:

    {{if !\in_array('ipsLayout_minimal', \IPS\Output::i()->bodyClasses )}}
    	<nav data-controller='core.front.core.navBar' class='{{if !\count( \IPS\core\FrontNavigation::i()->subBars( $preview ) )}}ipsNavBar_noSubBars{{endif}} {{if !$preview}}ipsResponsive_showDesktop{{endif}}'>
    		<div class='ipsNavBar_primary ipsLayout_container {{if !\count( \IPS\core\FrontNavigation::i()->subBars( $preview ) )}}ipsNavBar_noSubBars{{endif}}'>
    			<ul data-role="primaryNavBar" class='ipsClearfix'>
    				{template="navBarItems" app="core" group="global" location="front" params="\IPS\core\FrontNavigation::i()->roots( $preview ), \IPS\core\FrontNavigation::i()->subBars( $preview ), 0, $preview"}
    				<li class='ipsHide' id='elNavigationMore' data-role='navMore'>
    					<a href='#' data-ipsMenu data-ipsMenu-appendTo='#elNavigationMore' id='elNavigationMore_dropdown'>{lang="more"}</a>
    					<ul class='ipsNavBar_secondary ipsHide' data-role='secondaryNavBar'>
    						<li class='ipsHide' id='elNavigationMore_more' data-role='navMore'>
    							<a href='#' data-ipsMenu data-ipsMenu-appendTo='#elNavigationMore_more' id='elNavigationMore_more_dropdown'>{lang="more"} <i class='fa fa-caret-down'></i></a>
    							<ul class='ipsHide ipsMenu ipsMenu_auto' id='elNavigationMore_more_dropdown_menu' data-role='moreDropdown'></ul>
    						</li>
    					</ul>
    				</li>
    			</ul>
    			{template="quickSearch" group="global" app="core" params="$preview"}
    		</div>
    	</nav>
    {{elseif member.group['g_view_board'] and !\in_array('ipsLayout_minimalNoHome', \IPS\Output::i()->bodyClasses )}}
    	<nav>
    		<div class='ipsNavBar_primary ipsLayout_container ipsNavBar_noSubBars'>
    			<ul data-role="primaryNavBar" class='ipsResponsive_showDesktop ipsClearfix'>
    				<li>
    					<a href='{setting="base_url"}' title='{lang="go_community_home"}'><i class='fa fa-angle-left'></i> {lang="community_home"}</a>
    				</li>
    			</ul>
    		</div>
    	</nav>
    {{endif}}

    custom.css:

    #ipsLayout_header nav {
        background: white;
        position: relative;
    }
    .ipsNavBar_primary > ul > li > a {
        font-size: 13.0px;
        color: black;
        padding: 0px 18px;
        line-height: initial;
    }
    .ipsNavBar_primary > ul > li > a:hover, .ipsNavBar_primary > ul > li.ipsNavBar_active > a {
        color: brown;
    }

    image.thumb.png.261a9839d4f44034c8393a99d9b315bb.png

    Живой пример можно посмотреть у меня на сайте, внизу нужно активировать тему По умолчанию - Компактная шапка 

    image.png.235f9e148b6dd22ecca5c60b2cf6401e.png

    Hello and thank you
    I tested this item and it looks like this

    0001.thumb.jpg.366d2dfc4e95d02055ce12891d29ce49.jpg

     

    In any case, it is like this. I want it to open as below when I go to the menu

    men.jpg.d1e606e6abaec026601510d16854167a.jpg

     

    Thanx

  4. Thankful
    I tested, everything is correct except for the add search button and the list menu

    03.thumb.jpg.c6f728f94457ccea48dffd2a9d64d1df.jpg

    I will send the code, thank you for checking it

    <!DOCTYPE html>
    <html lang="{expression="\IPS\Member::loggedIn()->language()->bcp47()"}" dir="{{if member.language()->isrtl}}rtl{{else}}ltr{{endif}}">
    	<head>
    		<meta charset="utf-8">
            {{if settings.core_datalayer_enabled}}
                {template="includeDataLayer" app="core" group="global" location="front"}
            {{endif}}
    		<title>{expression="output.getTitle( $title )"}</title>
    		{{if settings.ga_enabled}}
    			{setting="ga_code"}
    		{{endif}}
    		{{if settings.matomo_enabled}}
    			{setting="matomo_code"}
    		{{endif}}
    		{{if settings.googletag_enabled AND !(settings.core_datalayer_use_gtm AND settings.core_datalayer_enabled)}}
    			{setting="googletag_head_code"}
    		{{endif}}
    		{template="includeMeta" app="core" group="global" location="global" params=""}
    		{template="includeCSS" app="core" group="global" location="global" params=""}
    		{template="includeJS" if="theme.js_include != 'footer'" app="core" group="global" location="global" params=""}
    		{template="favico" app="core" group="global" location="front" params=""}
    	</head>
    	<body class='ipsApp ipsApp_front {{if isset( \IPS\Request::i()->cookie['hasJS'] )}}ipsJS_has{{else}}ipsJS_none{{endif}} ipsClearfix{{foreach output.bodyClasses as $class}} {$class}{{endforeach}}' {{if output.globalControllers}}data-controller='{expression="implode( ',', output.globalControllers )"}'{{endif}} {{if isset( output.inlineMessage )}}data-message="{expression="output.inlineMessage"}"{{endif}} data-pageApp='{$location['app']}' data-pageLocation='front' data-pageModule='{$location['module']}' data-pageController='{$location['controller']}' {{if isset( \IPS\Request::i()->id )}}data-pageID='{expression="(int) \IPS\Request::i()->id"}'{{endif}} {{if isset( \IPS\Dispatcher::i()->dispatcherController ) AND !\IPS\Dispatcher::i()->dispatcherController->isContentPage }}data-nocontent{{endif}}>
    		<a href='#ipsLayout_mainArea' class='ipsHide' title='{lang="jump_to_content_desc"}' accesskey='m'>{lang="jump_to_content"}</a>
    		{{if !request.isApp()}}
    				{template="updateWarning" app="core" group="global" params=""}
          			<div id='ipsLayout_header' class='ipsClearfix'>
    
    				<header>
    					<div class='ipsLayout_container'>
    						{template="logo" app="core" group="global" params=""}
                            <div class='ravixo-rv-navbar'>{template="navBar" app="core" group="global" params=""}</div>
                            {template="quickSearch" group="global" app="core" params="$preview"}
    						{{if !\in_array('ipsLayout_minimal', \IPS\Output::i()->bodyClasses )}}{template="userBar" app="core" group="global" params=""}{{endif}}
    						{template="mobileNavigationIcon" app="core" group="global" params=""}
    					</div>
    				</header>
    				{{if !\in_array('ipsLayout_minimal', \IPS\Output::i()->bodyClasses )}}{template="mobileNavBar" app="core" group="global" params=""}{{endif}}
    			</div>
    		{{endif}}
    		<main id='ipsLayout_body' class='ipsLayout_container'>
    			<div id='ipsLayout_contentArea'>
    				<div id='ipsLayout_contentWrapper'>
    					{template="breadcrumb" app="core" group="global" params="'top'"}
    					{template="sidebar" if="theme.sidebar_position == 'left'" app="core" group="global" params="'left'"}
    					<div id='ipsLayout_mainArea'>
    						{advertisement="ad_global_header"}
    						{template="acknowledgeWarning" if="\IPS\Member::loggedIn()->members_bitoptions['unacknowledged_warnings']" params="\IPS\Member::loggedIn()->warnings( 1, FALSE )" group="global" app="core"}
    						{{if !\in_array('ipsLayout_minimal', \IPS\Output::i()->bodyClasses ) and !member.members_bitoptions['profile_completion_dismissed'] and $nextStep = member.nextProfileStep()}}
    							{template="profileNextStep" group="global" app="core" params="$nextStep, true"}
    						{{endif}}
    						{template="widgetContainer" group="global" app="core" params="'header', 'horizontal'"}
    						{$html|raw}
    						{template="widgetContainer" group="global" app="core" params="'footer', 'horizontal'"}
    					</div>
    					{template="sidebar" if="theme.sidebar_position == 'right'" app="core" group="global" params="'right'"}
    					{template="breadcrumb" app="core" group="global" params="'bottom'"}
    				</div>
    			</div>
    			{template="inlineMessage" if="member.msg_show_notification and $message = \IPS\core\Messenger\Conversation::latestUnreadMessage()" app="core" group="global" params="$message"}
    		</main>
    		<footer id='ipsLayout_footer' class='ipsClearfix'>
    			<div class='ipsLayout_container'>
    				{advertisement="ad_global_footer"}
    				{template="footer" app="core" group="global" params=""}
    			</div>
    		</footer>
    		{template="mobileNavigation" if="theme.responsive" app="core" group="global" params=""}
    		{template="guestTermsBar" if="!\IPS\Member::loggedIn()->member_id and \IPS\Settings::i()->guest_terms_bar" app="core" group="global" params="base64_encode( \IPS\Settings::i()->base_url )"}
    		{template="includeJS" if="theme.js_include == 'footer'" app="core" group="global" location="global" params=""}
    		{template="metaTagEditor" if="isset( $_SESSION['live_meta_tags'] ) and $_SESSION['live_meta_tags'] and member.isAdmin()" app="core" group="global" params=""}
    		<!--ipsQueryLog-->
    		<!--ipsCachingLog-->
    		{expression="output.endBodyCode" raw="true"}
    		{{if settings.fb_pixel_enabled and settings.fb_pixel_id and $noscript = \IPS\core\Facebook\Pixel::i()->noscript()}}
    			<noscript>
    			{$noscript|raw}
    			</noscript>
    		{{endif}}
    		{{if settings.custom_body_code}}
    			{setting="custom_body_code"}
    		{{endif}}
            {theme="footerHtml"}
    	</body>
    </html>

     

  5. 6 minutes ago, ryancoolround said:

    Хм.. В кастомных темах, например Deflection, это делается достаточно легко. Достаточно весь массив div elSearchWrapper передвинуть в необходимое место.

    image.thumb.png.2161ce03e06f9d308c99c7967684d010.png

    И в принципе можно и лого туда впихнуть, но придется жертвовать свободным местом для меню.

    image.thumb.png.315dcca751a94d5512ef2cae68f772d1.png

    А на стандартной теме, это стремно получается.

    Thank you for your guidance
    Is it possible to tell where the code should be done???

  6. 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?

×
×
  • Создать...