Jump to content
4.4.6

Archived

This topic is now archived and is closed to further replies.

NetTown

Скрытие элемента

Recommended Posts

NetTown

Добрый день! подскажите каким классом или кодом можно скрыть определенный элемент на версии ПК

Share this post


Link to post
Share on other sites
anufmikh
class='ipsResponsive_hideDesktop'

 

Share this post


Link to post
Share on other sites
NetTown

Не получилось, в мобильной отображается... 

Share this post


Link to post
Share on other sites
anufmikh

Вопрос стоял: как скрыть элемент на ПК

Share this post


Link to post
Share on other sites
NetTown
1 минуту назад, anufmikh сказал:

Вопрос стоял: как скрыть элемент на ПК

 

Да, но не думал что в мобильной он появится после этого, есть еще вариант может ? Получается этот элемент нужно скрыть на Пк и что бы в мобильной не появился

Share this post


Link to post
Share on other sites
anufmikh

А где он должен появляться? Или скрыть нужно полностью?

Share this post


Link to post
Share on other sites
NetTown

 

 

7 минут назад, anufmikh сказал:

А где он должен появляться? Или скрыть нужно полностью?

 

Вообще это стандартный поиск, он расположен тут,

 

 

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

 

 

5562d6e9325c4b4a9223f84d11013f22.png

Share this post


Link to post
Share on other sites
anufmikh

Получается у вас в коде два поиска? Один вы скрываете для десктопа, чтобы он хорошо отображался на мобильной версии, а второй должен только на мобильной версии работать?

Share this post


Link to post
Share on other sites
NetTown
1 минуту назад, anufmikh сказал:

Получается у вас в коде два поиска?

 

Сейчас пока что нет, в шапку я еще не вставлял, для начала хочу скрыть тот который не нужен )

Share this post


Link to post
Share on other sites
anufmikh

Два поиска вроде не будут одновременно работать корректно. 

А один перенести вполне реально:blind:

Share this post


Link to post
Share on other sites
NetTown
1 минуту назад, anufmikh сказал:

Два поиска вроде не будут одновременно работать корректно. 

А один перенести вполне реально:blind:

 

Сможете помочь в этом деле за вознаграждение ?) 

Share this post


Link to post
Share on other sites
anufmikh

Сейчас разберемся. Оставьте некликабельную ссылку на ваш ресурс.

Share this post


Link to post
Share on other sites
NetTown
1 минуту назад, anufmikh сказал:

Сейчас разберемся. Оставьте некликабельную ссылку на ваш ресурс.

 

forum.nettown.ru вот.

 

Хочу в шапку приблизительно вот как тут сделано ed65c899aeec490b8bbae78a3ca919da.png

Share this post


Link to post
Share on other sites
anufmikh

Найти и открыть шаблон navBar.

Скопировать, а после удалить/скрыть код поиска:

От :

{{if !$preview and \IPS\Member::loggedIn()->canAccessModule( \IPS\Application\Module::get( 'core', 'search' ) ) AND !in_array('ipsLayout_minimal', \IPS\Output::i()->bodyClasses )}}

до:

{{endif}}

Включительно.

 

Найти и открыть шаблон globalTemplate.

Вставить ранее скопированный код поиска после:

{template="logo" app="core" group="global" params=""}

 

Переходим в раздел CSS и открываем файл custom.css.

Вставляем следующий код:

#elSearch {
	z-index: 2001;
}

@media screen and (min-width: 980px) {
	#elSearch {
		right: 50%;
	}
}

 

Share this post


Link to post
Share on other sites
NetTown
7 минут назад, anufmikh сказал:

Найти и открыть шаблон navBar.

Скопировать, а после удалить/скрыть код поиска:

От :


{{if !$preview and \IPS\Member::loggedIn()->canAccessModule( \IPS\Application\Module::get( 'core', 'search' ) ) AND !in_array('ipsLayout_minimal', \IPS\Output::i()->bodyClasses )}}

до:


{{endif}}

Включительно.

 

Найти и открыть шаблон globalTemplate.

Вставить ранее скопированный код поиска после:


{template="logo" app="core" group="global" params=""}

 

Переходим в раздел CSS и открывает файл custom.css.

Вставляем следующий код:


#elSearch {
	z-index: 2001;
	right: 50%;
}

 

 

Большое спасибо! 

Share this post


Link to post
Share on other sites
anufmikh

Упс. Ошибочка.

Share this post


Link to post
Share on other sites
NetTown
2 минуты назад, anufmikh сказал:

Упс. Ошибочка.

 

Какая ?) с css ?)

Share this post


Link to post
Share on other sites
anufmikh

Изменил код который нужно вставить в custom.css.

А то в мобильной версии поиск уезжает за страницу.

Share this post


Link to post
Share on other sites
NetTown
2 минуты назад, anufmikh сказал:

Изменил код который нужно вставить в custom.css.

А то в мобильной версии поиск уезжает за страницу.

 

#elSearch {
	z-index: 2001;
	right: 50%;
}

 он же ?) 

Share this post


Link to post
Share on other sites
anufmikh
#elSearch {
	z-index: 2001;
}

@media screen and (min-width: 980px) {
	#elSearch {
		right: 50%;
	}
}

 

Share this post


Link to post
Share on other sites
NetTown

Все отлично! примного благодарен )

Share this post


Link to post
Share on other sites
Guest
This topic is now closed to further replies.

  • Recently Browsing   0 members

    No registered users viewing this page.

×
×
  • Create New...