Jump to content
Invision Community
  • 0

Как сделать опускающийся бордер форума.


AnWey
 Share

Go to solution Solved by TacTics,

Question

7 answers to this question

Recommended Posts

  • 0
12 минут назад, TacTics сказал:

 

 

Спасибо большое, оно и не оно, не правильно выразился. 

Есть тема к примеру Fluent Design Theme Edition или  IPS Themes - Chameleon

У них бордер , может что с логотипом и профилем двигаться, что с самими кнопками, смотря как настроишь.

Можно пример такой плагин найти, или можно с данный тем скопировать код. и поставить себе  ? 

Просто пока что не понял, какой нужно код скопировать... 

Link to comment
Share on other sites

  • 0
8 минут назад, TacTics сказал:

Позже скажу какой CSS добавить для этого!

Огромное Спасибо! просто я решил свою тему сделать, а не рекламировать чужую. На данный момент у меня на форуме стоит Fluent Design Theme Edition, хорошая тема, но в первых чужая,

а во вторых НЕ ОПТЕМЕЗИРОВАНА , имеется виду, когда заходишь на главную страницу форума ,прогружается страница,  

Тема IPS Themes - Chameleon, очень хорошая, оптимизирована!, быстро погружаются страницы т.д. Но опять же есть свои минусы, такие как не совместимость с барахолкой, и опять же чужая тема.

С этого сделал вывод, лучше взять стандартную чистую тему IPS и по не много ее переделывать. 

 

По этому и задался таким вопросом как сделать чтоб в верхнем бордере отображались значки и профиль как у Fluent Design Theme Edition.

  • Like 1
Link to comment
Share on other sites

  • 0

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

Скрытый текст

<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}}>
      	<div class='AnWeyTopBar ipsResponsive_showDesktop'>
          	<div class='ipsLayout_container ipsFlex ipsFlex-jc:between ipsFlex-ai:center'>
            	<div class='AnWeyTopBar_action'>
                  <ul class='ipsList_inline'>
                    {{if theme.fluent_header_home}}
                    	<li><a href="{setting="base_url"}" data-ipstooltip title="{lang="home"}"><i class="fas fa-home"></i></a></li>
                    {{endif}}
					{{if theme.fluent_header_home}}
                    	<li><a href="https://anweyproject.com/index.php?/offers/" data-ipstooltip title="{lang="fluent_ads"}"><i class="fa fa-gavel"></i></a></li>
                    {{endif}}
                    {{$languages = \IPS\Lang::getEnabledLanguages();}}
                    {{if theme.fluent_header_lang and \count( $languages ) > 1}}
                      <li><a href="#elNavLang_menu" id="elNavLang" data-ipsmenu data-ipsmenu-above data-ipstooltip title="{lang="language"}"><i class="fas fa-language"></i></a></li>
                    {{endif}}
					
                    {{if theme.fluent_pers_theme_change}}
                      <li class='AnWeyTopBar_theme' data-ipstooltip title="{lang='fluent_lang_theme'}"><i class="far fa-lightbulb"></i></li>
                    {{endif}}
                    
                    {{if theme.fluent_pers_shapes_change}}
                      <li class='AnWeyTopBar_shape' data-ipstooltip title="{lang='fluent_lang_shape'}"><i class="far fa-square"></i></li>
                    {{endif}}
                    
                    {{if theme.fluent_pers_picture}}
                      <li class='AnWeyTopBar_picture' data-ipstooltip title="{{if theme.fluent_pers_picture_position == 0}}{lang='fluent_lang_picture_header'}{{else}}{lang='fluent_lang_picture_background'}{{endif}}"><i class="far fa-image"></i></li>
                    {{endif}}
                    
                    {{if theme.fluent_pers_jscolor_changes and theme.fluent_pers_jscolor}}
                      <li class='AnWeyTopBar_color' data-ipstooltip title="{lang='fluent_lang_color'}">
                    	<button data-jscolor="{mode:'HSV', valueElement:'val1', onFineChange:'setColorThemeCookie(this)'}" aria-label="{lang='fluent_lang_color'}"></button>
                      </li>
                      <li id='AnWeyTopBar_colorResetPC' data-ipstooltip title="{lang='fluent_lang_color_reset'}"><i class="fa fa-refresh"></i></li>
                    {{endif}}
                  </ul>
              	</div>
              	{{if !\in_array('ipsLayout_minimal', \IPS\Output::i()->bodyClasses )}}
              		<div class='AnWeyTopBar_userNav'>
                    	{template="userBar" app="core" group="global" params=""}
              		</div>
              	{{endif}}
          	</div>
      	</div>
      	{template="updateWarning" app="core" group="global" params=""}
      	<a href='#elContent' class='ipsHide' title='{lang="jump_to_content_desc"}' accesskey='m'>{lang="jump_to_content"}</a>
		{{if !request.isApp()}}
			<div id='ipsLayout_header' class='ipsClearfix'>
              	{{if !\in_array('ipsLayout_minimal', \IPS\Output::i()->bodyClasses )}}{template="mobileNavBar" if="theme.fluent_mobile_positionHeader == 1" app="core" group="global" params=""}{{endif}}
				<header>
					<div class='ipsLayout_container'>
                    	{{if theme.fluent_header_logo == 0}}
							{template="logo" app="core" group="global" params=""}
          	  				{template="AnWeySocialMedia" if="theme.fluent_header_socialmedia_position == 1" app="core" group="global" location="global"}
                      	{{elseif theme.fluent_header_logo == 1}}
                      		{template="logo" app="core" group="global" params=""}
                      	{{else}}
                      		{template="AnWeySocialMedia" if="theme.fluent_header_socialmedia_position == 1" app="core" group="global" location="global"}
                      		{template="logo" app="core" group="global" params=""}
                      	{{endif}}
						{template="mobileNavigationIcon" if="theme.fluent_mobile_positionHeader == 0" app="core" group="global" params=""}
					</div>
                  	{template="navBar" app="core" group="global" params=""}
				</header>
				{{if !\in_array('ipsLayout_minimal', \IPS\Output::i()->bodyClasses )}}{template="mobileNavBar" if="theme.fluent_mobile_positionHeader == 0" app="core" group="global" params=""}{{endif}}
			</div>
		{{endif}}
      	{template="mobileNavigation" if="theme.responsive" app="core" group="global" params=""}
      
		{{if \count( \IPS\Output::i()->breadcrumb ) and theme.fluent_mobile_backButton == 2}}
			{{if \count( \IPS\Output::i()->breadcrumb ) == 1}}
				<li id='AnWeyelMobileBreadcrumbFull' class='ipsResponsive_hideDesktop'>
					<a href='{setting="base_url"}'>
						<span><i class="fas fa-arrow-left"></i> {lang="home"}</span>
					</a>
				</li>
			{{else}}
				{{$i = 0;}}
				{{foreach \IPS\Output::i()->breadcrumb as $k => $b}}
					{{if $i + 2 == \count( \IPS\Output::i()->breadcrumb )}}
						<li id='AnWeyelMobileBreadcrumbFull' class='ipsResponsive_hideDesktop'>
							<a href='{$b[0]}'>
								<span><i class="fas fa-arrow-left"></i> {$b[1]}</span>
							</a>
						</li>
					{{endif}}
					{{$i++;}}
				{{endforeach}}
			{{endif}}
		{{endif}}

 

 

 

Скрытый текст

P1016699.jpg

 

Link to comment
Share on other sites

  • 0

Прошу читать правила при создании темы.

Скрытый текст

изображение.png

 

Не забывайте ставить лайки computerworld_consultancy_icon.png а так-же не забывайте отметить как лучший ответ - в вашем вопросе.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...

Important Information

Privacy Policy We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.