Jump to content

Пожалуйста, помогите с панелью пользователя

Featured Replies

Пожалуйста, помогите вытянуть панель пользователя на весь экран.

Снимок.PNG

Link to comment
https://ipbmafia.ru/topic/17482-pozhalujsta-pomogite-s-panelyu-polzovatelya/
Share on other sites
5 минут назад, Hundmann сказал:

Пожалуйста, помогите вытянуть панель пользователя на весь экран.

Добавить то, что обведено рамкой на скрине:

2017-05-28_17-22-10.png

 

2017-05-28_17-23-40.png

Пойдет? Можно закруглить ещё темную область по краям. Добавить в Тот же класс:

border-radius: 0 0 10px 10px;

Где 10px - это радиус закругления. Будет так:

2017-05-28_17-26-29.png

 

2 минуты назад, АлексМоскалёв сказал:

Добавить то, что обведено рамкой на скрине:

Спойлер


2017-05-28_17-22-10.png

 

2017-05-28_17-23-40.png

Пойдет? Можно закруглить ещё темную область по краям. Добавить в Тот же класс:



border-radius: 0 0 10px 10px;

Где 10px - это радиус закругления. Будет так:

2017-05-28_17-26-29.png


 

 

Спасибо, но я хочу чтобы до самых краев монитора (как здесь http://forum.worldoftanks.ru/index.php?/forum/53-игровой-форум/ )

ну тк 100% увеличьте что мешает

1 минуту назад, WOLF сказал:

ну тк 100% увеличьте что мешает

"Уезжают" элементы с этой панели

1 минуту назад, Hundmann сказал:

Спасибо, но я хочу чтобы до самых краев монитора (как здесь http://forum.worldoftanks.ru/index.php?/forum/53-игровой-форум/ )

дело в том, что там ipb скорее всего трешка, на трешке такое реализовать можно при таком же абсолютно параметре. Вот с ips 4 это вопрос. В принципе что я выше написал- как альтернатива. Значит копайтесь в стилях с ID или class "body" там есть либо max-widht либо заданная ширина, с неё и тестируйте. 

Только что, Hundmann сказал:

"Уезжают" элементы с этой панели

Так эти элементы надо задавать тоже свои параметры, чтобы справа или слева были text-alugn и прочее, в общем CSS и HTML надо знать как отче наш. 

text-align*

3 минуты назад, АлексМоскалёв сказал:

дело в том, что там ipb скорее всего трешка, на трешке такое реализовать можно при таком же абсолютно параметре. Вот с ips 4 это вопрос. В принципе что я выше написал- как альтернатива. Значит копайтесь в стилях с ID или class "body" там есть либо max-widht либо заданная ширина, с неё и тестируйте. 

Так эти элементы надо задавать тоже свои параметры, чтобы справа или слева были text-alugn и прочее, в общем CSS и HTML надо знать как отче наш. 

text-align: right;  решает "уезд" элементов, но справа не тянется

Снимок.PNG

4 минуты назад, Hundmann сказал:

"Уезжают" элементы с этой панели

При : 

#elUserNav {
    position: static;
    top: -5px;
    line-height: 36px;
    text-decoration: none;
    width: 100%;
}

Выходит:

2017-05-28_17-40-57.png

Можно играть бесконечно... тестируйтесь.

2 минуты назад, Hundmann сказал:

text-align: right;  решает "уезд" элементов, но справа не тянется

Снимок.PNG

А это там либо margin либо ещё какая нибудь ерунда. Щас гляну получше. Дайте тестовый акк в лс мне

отправил в личку

 

Причем тут ips или ipb? Для движка свои неписаные законы css? Если быть чуточку внимательным, то можно увидеть, что у родителя задана ширина, и хоть сколько вы не задавайте ширину этому блоку, за родительский блок он не вылезет.

Подсказку для решения задачи надеюсь поняли.

Edited by Fateswhisper

Только что, Fateswhisper сказал:

Причем тут ips или ipb? Для движка свои неписаные законы css? Если быть чуточку внимательным, то можно увидеть, что у родителя задана ширина, и хоть сколько вы не задавайте ширину этому блоку, за родительский блок он не вылезет.

Уже рассмотрено на месте этот вопрос. Действительно была задана фиксированная ширина на родительском контейнере.

1 час назад, Hundmann сказал:

Пожалуйста, помогите вытянуть панель пользователя на весь экран.

Снимок.PNG

в custom.css найти:

html[dir="ltr"] #elUserNav {
    right: 15px;
}

измени на :

html[dir="ltr"] #elUserNav {
    right: 0;
    width: 100%;
    left: 0;
    text-align: center;
}

 

2 минуты назад, Silence сказал:

в custom.css найти:


html[dir="ltr"] #elUserNav {
    right: 15px;
}

измени на :


html[dir="ltr"] #elUserNav {
    right: 0;
    width: 100%;
}

 

До краев все равно не доходит

18 минут назад, Silence сказал:

в custom.css найти:


html[dir="ltr"] #elUserNav {
    right: 15px;
}

измени на :


html[dir="ltr"] #elUserNav {
    right: 0;
    width: 100%;
    left: 0;
    text-align: center;
}

 

Untitled.png

да потому что оно в диве class="ipsLayout_container" сидит е мае, надо его оттуда достать для начала (имею ввиду сам див с фоном), а содержимое менюшку и проиль уже в class="ipsLayout_container" прописать.

Edited by andros0789

Спасибо всем! Тему можно закрывать.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.


Guest
Ответить в этой теме...

Последние посетители 0

  • No registered users viewing this page.