Скрытие панели "profilenav" при просмотре профиля

В последнее дни скрипты успевают устареть быстрее, чем мы их пишем. : )
Актуальная на текущий момент версия модификации профиля скрывает панель дополнительной навигации профиля ("profilenav") при его просмотре и заменяет её кнопкой "Редактировать профиль".
При своей внешней похожести на скрипт Алекса "Полный профиль на странице profile.php", это вообще не скрипт, а стилевое решение. Оно ничего на странице не перезагружает, не удаляет и не добавляет. Стиль подключается до загрузки самого профиля, поэтому никаких миганий и смены контента на странице вы не увидите. Стилевые настройки кнопки предельно просты, их несложно изменить самостоятельно под стиль конкретного форума.

https://i.gyazo.com/dbc29370607f125a3d9980ffd9eff01f.png

Автор: satsana
Платформа: MyBB

Если у вас стоит свой стиль, лучше всего добавить этот код туда. При использовании сервисных стилей вы можете расположить его в HTML-верх, обернув тегом <style></style>

Код:
/* Скрытие панели "profilenav" при просмотре профиля (c) satsana */
#viewprofile-next #profilenav li {display: none}
#viewprofile-next #profilenav li.item1 {display: inline-block}
#viewprofile-next #profilenav li.item1 a {font-size: 0}
#viewprofile-next #profilenav ul {
    text-align: right;
    padding-right: 2em;
}
#viewprofile-next li.item1 a::before {
    content: 'Редактировать профиль';
    font-size: 12px;
    text-transform: uppercase;
}

Примечание: Размер шрифта кнопки "Редактировать профиль" необходимо указывать в пикселях, при попытке написать его в em она не будет отображаться.

Скрыть кнопку "Редактировать" под аватаром можно следующим кодом:

Код:
#viewprofile #pa-edit {display: none}

Примечание2: Стили у всех разные, конкретно это решение рассчитано на профили, в которых панель стоит сверху.
Тем же, у кого панель стоит сбоку - проще её совсем убрать. Вот так:

Код:
#viewprofile-next #profilenav {display: none}

Желающим скрыть полностью верхнюю панель этот вариант тоже подойдёт.

https://i.gyazo.com/433807e1ba60e0eb8e02b29f26b2cdcf.jpg

Чтобы переместить ссылку "Редактировать" из-под авататара, нужно добавить в стиль вот такой код:

Код:
#viewprofile {
    position: relative;
}
#viewprofile #pa-edit {
    position: absolute;
    right: 1em;
    top: 1em;
}

https://i.gyazo.com/7e069a456525939694e47a66bcd289e6.png

...или даже вот такой:

Код:
#viewprofile {
    position: relative;
}
#viewprofile #pa-edit {
    position: absolute;
    right: 2em;
    top: -3.2em;
}
#viewprofile #pa-edit a {
    text-transform: uppercase;
    color: #120400;
    text-shadow: 0 1px 0 #8d3c30;
}

https://i.gyazo.com/f74ba03f57b2302b5cfd9815a9643d64.png
Цвет и шрифт ссылки лучше всего скопировать с заголовков вашего дизайна. Величина отступов кнопки также будет зависеть от дизайна. С тем же успехом её можно поставить слева, указав left:2em вместо right.