Универсальный рецепт отступа для верхней админ-панели CMS

Сообщение сайта

(Сообщение закроется через 3 секунды)

Здравствуйте, гость (

| Вход | Регистрация )

SEO форум MaulTalk.com > Веб-строительство > Веб-дизайн

Универсальный рецепт отступа для верхней админ-панели CMS

Опции

k0ttee

Topic Starter сообщение

18.5.2014, 18:55; Ответить: k0ttee

Сообщение #1

Топовый постер

Группа: User
Сообщений: 12040
Регистрация: 2.5.2014
Поблагодарили: 0 раз
Репутация:

Недавно пересаживал шаблон сайта туристической фирмы «с черт знает чего на Wordpress».
Все у меня вроде бы получилось, вот только когда я залогинен, верхняя панель перекрывает часть сайта. Это во-первых не красиво, а во-вторых — перекрывает половину поля «логин» в шапке.

Чтобы этого избежать, поможет универсальный верхний отступ.
На CSS делается примерно так:

html { /* применяем тэгу <html> стиль */
position: relative; /* плясать от текущей позиции */
top: 23px; /* отступить сверху 23 пикселя (или сколько вам надо) */
}

А чтобы этот стиль применялся только для авторизованных на сайте пользователей, оборачиваем стиль в PHP-условие.

<?php if( /* тут проверяем залогинен или нет (для разных CMS по-разному - смотри API своей CMS) */ ): ?>
html{position: relative; top: 23px;}
<?php endif; ?>

Универсальность в том, что как правило, тэгу <html> не добавляют стилей. Но именно этим тэгом можно двинуть весь сайт вниз на высоту панели.

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой

или обратитесь к любому из модераторов.

--------------------

Задонь кибер-коту на крипто-вискас
btc: 3Hq7X9CosVftRFPqWis1Dkk5MdtM1u6jj9

Ответить с цитированием данного сообщения

« Предыдущая тема · Веб-дизайн · Следующая тема »

1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)

Пользователей: 0

Похожие темы

Тема	Ответов	Автор	Просмотров	Последний ответ
Betatransfer.net - прием платежей для HIGH RISK проектов, интернет эквайринг и мерчант онлайн оплат	55	arendator	35090	Сегодня, 2:12 автор: arendator
Rebex.io – Ваша инновационная платформа для обмена криптовалюты!	3	Rebex	969	Вчера, 20:50 автор: Rebex
Посоветуйте массажер для спины и шеи	10	Boymaster	901	Вчера, 18:02 автор: Boymaster
Обучение Email Рассылкам + Софт Для Автоматизации (100к в сутки с сервера)	10	zennoboss	4661	Вчера, 5:20 автор: Skyworker
Какой % отказов нормален для сайта?	14	Aloof	3384	23.4.2024, 13:50 автор: Vmir

Режим отображения: Стандартный · Переключить на: Линейный · Переключить на: Древовидный

Подписка на тему · Сообщить другу · Версия для печати · Подписка на этот форум

Текстовая версия

Сейчас: 25.4.2024, 11:32

Дизайн