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

[Hundmann]

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

[АлексМоскалёв]

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

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

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

 

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

border-radius: 0 0 10px 10px;

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

 

[Hundmann]

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

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

Спойлер

 

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

border-radius: 0 0 10px 10px;

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

 

 

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

[WOLF]

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

[Hundmann]

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*

[Hundmann]

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

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

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

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

[АлексМоскалёв]

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

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

При : 

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

Выходит:

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

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

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

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

[Hundmann]

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

 

[Fateswhisper]

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

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

Изменено 28 мая, 2017 пользователем Fateswhisper

[АлексМоскалёв]

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

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

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

[Silence]

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

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

в custom.css найти:

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

измени на :

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

 

[Hundmann]

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

в custom.css найти:

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

измени на :

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

 

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

[Silence]

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

в custom.css найти:

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

измени на :

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

 

[andros0789]

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

Изменено 28 мая, 2017 пользователем andros0789

[Hundmann]

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