Перейти к содержимому
4.2.6

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

NetTown   
Хороший
1

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

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


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

 

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


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

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

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


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

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

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


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

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

 

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

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

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


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

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

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


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

 

 

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

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

 

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

 

 

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

 

 

5562d6e9325c4b4a9223f84d11013f22.png

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

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


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

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

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


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

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

 

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

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


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

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

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

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


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

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

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

 

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

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


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

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

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


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

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

 

forum.nettown.ru вот.

 

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

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


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

Найти и открыть шаблон 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
  • Upvote 1

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


Ссылка на сообщение
Поделиться на других сайтах
NetTown   
Хороший
1
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   
Хороший
36

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

  • Нравится 1

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


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

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

 

Какая ?) с css ?)

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


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

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

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

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


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

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

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

 

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

 он же ?) 

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


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

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

 

  • Upvote 1

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


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

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

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


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

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

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

×