Перейти к публикации
4.3.3
NetTown

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

Рекомендованные сообщения

NetTown

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
anufmikh
class='ipsResponsive_hideDesktop'

 

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
NetTown

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
anufmikh

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
NetTown
1 минуту назад, anufmikh сказал:

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

 

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

Изменено пользователем NetTown

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
anufmikh

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
NetTown

 

 

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

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

 

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

 

 

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

 

 

5562d6e9325c4b4a9223f84d11013f22.png

Изменено пользователем NetTown

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
anufmikh

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
NetTown
1 минуту назад, anufmikh сказал:

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

 

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
anufmikh

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
NetTown
1 минуту назад, anufmikh сказал:

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

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

 

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
anufmikh

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
NetTown
1 минуту назад, anufmikh сказал:

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

 

forum.nettown.ru вот.

 

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
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%;
	}
}

 

  • Нравится 1
  • Поддержать 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
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%;
}

 

 

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
anufmikh

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

  • Нравится 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
NetTown
2 минуты назад, anufmikh сказал:

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

 

Какая ?) с css ?)

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
anufmikh

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

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
NetTown
2 минуты назад, anufmikh сказал:

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

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

 

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

 он же ?) 

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
anufmikh
#elSearch {
	z-index: 2001;
}

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

 

  • Поддержать 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
NetTown

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах
Гость
Эта тема закрыта для публикации сообщений.

  • Сейчас на странице   0 пользователей

    Нет пользователей, просматривающих эту страницу.

Яндекс.Метрика
×