Jump to content
Помогать легко! Нажми на одну из реклам на форуме, чтобы сделать наш форум лучше!
  • 0

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


AnWey
 Share
Followers 0
Go to solution Solved by TacTics,

Question

Возник такой вопрос, как сделать, (Если правильно выражаюсь) Бордер сверху чтоб опускался, когда прокручиваешь страницу, как на форуме тут. 

 

Link to post
Share on other sites
  • Answers 7
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Popular Posts

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

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

7 answers to this question

Recommended Posts

  • 0
  • Solution

 

  • Like 1

Лучшая стимуляция это не только материальность, а иногда простое человеческое спасибо. Нажимай computerworld_consultancy_icon.png помни об этом!

Link to post
Share on other sites
  • 0
12 минут назад, TacTics сказал:

 

 

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

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

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

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

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

Link to post
Share on other sites
  • 0

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

  • Like 1

Лучшая стимуляция это не только материальность, а иногда простое человеческое спасибо. Нажимай computerworld_consultancy_icon.png помни об этом!

Link to post
Share on other sites
  • 0
8 минут назад, TacTics сказал:

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

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

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

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

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

 

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

  • Like 1
Link to post
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 post
Share on other sites
  • 0

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

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

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

 

Лучшая стимуляция это не только материальность, а иногда простое человеческое спасибо. Нажимай computerworld_consultancy_icon.png помни об этом!

Link to post
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.