Jump to content

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

Featured Replies

comment_129525
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

 

  • Author
comment_129526
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-игровой-форум/ )

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

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

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

comment_129529
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*

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

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

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

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

Снимок.PNG

comment_129531
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 либо ещё какая нибудь ерунда. Щас гляну получше. Дайте тестовый акк в лс мне

comment_129534

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

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

Edited by Fateswhisper

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

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

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

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

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

Снимок.PNG

в custom.css найти:

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

измени на :

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

 

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

в custom.css найти:


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

измени на :


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

 

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

comment_129540
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

comment_129541

да потому что оно в диве 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.