Техническая поддержка «WoT.pw» Среднее время ответа службы поддержки 5 дней, кроме выходных

Форум

ФорумПомогите настроить сайтИзменение в шапке сайта

Командующий
T34T32
Отправлено 31.01.2018 - 18:39

Здравствуйте! Необходмо кнопки "Мой аккаунт", "Выйти" опустить до уровня верхнего меню. А шапку (Зелённый цвет) сделать выше, дабы полностью вместить  лого и текст в середине! Можно ли выполнить данное в CSS, если да, то что вводить?

Спойлер



Разработчики
Zhenja_Tag
Отправлено 31.01.2018 - 20:55

Поднимаем выше:
.wrapper {
position:relative;
width:100%; height:100%; height:auto !important;
min-width:1180px;
max-width:1390px;
min-height:100%;
margin:-30px auto;
padding:0 30px;
}

Кнопки ниже:
nav.navigation ul.nav-login {
position:absolute; margin-top:-39px;
right:30px;
}

* Правим значение

Командующий
T34T32
Отправлено 01.02.2018 - 17:29
31.01.2018 - 20:55, Zhenja_Tag написал:

Поднимаем выше:
.wrapper {
position:relative;
width:100%; height:100%; height:auto !important;
min-width:1180px;
max-width:1390px;
min-height:100%;
margin:-30px auto;
padding:0 30px;
}

Кнопки ниже:
nav.navigation ul.nav-login {
position:absolute; margin-top:-39px;
right:30px;
}

* Правим значение

Так, кнопки я сделал, за что вам ОГРОМНОЕ спасибо, также с помощью min-width:1180px;
max-width:1390px; я расширил немного сайт. НО мне хотелось бы вместить и Лого и Текст (Название клана +Девиз в середине), в полупрозрачную полоску. Когда я меняю margin:-30px auto; идёт вниз всё!
Какой параметр отвечает за масштабирование полупрозрачной полоски?

До

Что нужно:

Попытался изобразить в Ps




 

Командующий
T34T32
Отправлено 03.02.2018 - 12:29
01.02.2018 - 17:29, T34T32 написал:
31.01.2018 - 20:55, Zhenja_Tag написал:

Поднимаем выше:
.wrapper {
position:relative;
width:100%; height:100%; height:auto !important;
min-width:1180px;
max-width:1390px;
min-height:100%;
margin:-30px auto;
padding:0 30px;
}

Кнопки ниже:
nav.navigation ul.nav-login {
position:absolute; margin-top:-39px;
right:30px;
}

* Правим значение

Так, кнопки я сделал, за что вам ОГРОМНОЕ спасибо, также с помощью min-width:1180px;
max-width:1390px; я расширил немного сайт. НО мне хотелось бы вместить и Лого и Текст (Название клана +Девиз в середине), в полупрозрачную полоску. Когда я меняю margin:-30px auto; идёт вниз всё!
Какой параметр отвечает за масштабирование полупрозрачной полоски?

До

Что нужно:

Попытался изобразить в Ps


Это вообще возможно сделать в css? Очень необходима ваша помощь, ибо подобных форумов я не нашёл!

 

Сообщение отредактировал T34T32: 03.02.2018 12:30
Разработчики
Zhenja_Tag
Отправлено 03.02.2018 - 14:09
03.02.2018 - 12:29, T34T32 написал:
01.02.2018 - 17:29, T34T32 написал:
31.01.2018 - 20:55, Zhenja_Tag написал:

Поднимаем выше:
.wrapper {
position:relative;
width:100%; height:100%; height:auto !important;
min-width:1180px;
max-width:1390px;
min-height:100%;
margin:-30px auto;
padding:0 30px;
}

Кнопки ниже:
nav.navigation ul.nav-login {
position:absolute; margin-top:-39px;
right:30px;
}

* Правим значение

Так, кнопки я сделал, за что вам ОГРОМНОЕ спасибо, также с помощью min-width:1180px;
max-width:1390px; я расширил немного сайт. НО мне хотелось бы вместить и Лого и Текст (Название клана +Девиз в середине), в полупрозрачную полоску. Когда я меняю margin:-30px auto; идёт вниз всё!
Какой параметр отвечает за масштабирование полупрозрачной полоски?

До

Что нужно:

Попытался изобразить в Ps


Это вообще возможно сделать в css? Очень необходима ваша помощь, ибо подобных форумов я не нашёл!

 

 

Вот тут смотрите:

.header-inner {
background-color:rgba(24,25,29,0.75);
box-shadow:0px 1px 1px rgba(255, 255, 255, 0.2) inset;
-webkit-box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.2) inset;
border:1px solid #000;
border-bottom:none;
position:relative;
height:155px;
}



Командующий
T34T32
Отправлено 03.02.2018 - 15:42

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

Разработчики
Zhenja_Tag
Отправлено 03.02.2018 - 17:06

Закрыто..

Тема закрыта!