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

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

AnWey

Asked by AnWey,

 Share
Followers 0
Go to solution Solved by TacTics,

Question

AnWey

AnWey 14

Posted
Posted

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

 

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

Top Posters For This Question

Popular Days

Top Posters For This Question

Popular Days

Popular Posts

TacTics

TacTics

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

AnWey

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

7 answers to this question

Recommended Posts

  • 0
  • Solution
Работаю
TacTics

TacTics 593

Posted
  • Solution
Posted

 

  • Like 1

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

Link to post
Share on other sites
  • 0
AnWey

AnWey 14

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

 

 

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

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

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

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

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

Link to post
Share on other sites
  • 0
Работаю
TacTics

TacTics 593

Posted
Posted

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

  • Like 1

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

Link to post
Share on other sites
  • 0
AnWey

AnWey 14

Posted
  • Author
Posted
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
AnWey

AnWey 14

Posted
  • Author
Posted

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

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

<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
Работаю
TacTics

TacTics 593

Posted
Posted

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

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

изображение.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
Followers 0
Go to question listing

About forum

We want to create a project that would contain a lot of useful information and an up-to-date database of files. To create a cool and powerful community as a tool of opportunities - who are willing to share their experiences on the Invision Community. We in no way claim to be the IPS support forum # 1 for this set of other projects. Our goal is to become useful for every user and to enable them to realize their ideas using IPS.

Friends of the forum

We trust them 100%

×
×
  • 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.

  I accept