Бесплатный форум: форум поддержки
Добро пожаловать на форум поддержки сервиса Forum2x2 !

Для полноценной работы с форумом,
пожалуйста, войдите на форум под своим логином (если вы уже зарегистрированы) или же зарегистрируйтесь.


С нашей помощью вы можете создать форум,
похожий на этот!
Мы в социальных сетях

Правила форума

для обязательного прочтения!


Внимание! Важная информация для РЕГИСТРАЦИИ на форуме:

Пожалуйста, не регистрируйтесь на этом форуме с электронными адресами mail.ru, bk.ru, inbox.ru, list.ru - вам может не прийти письмо со ссылкой активации!
Вы можете воспользоваться адресами типа yandex.ru, rambler.ru, gmail.com и т.д.
Интересные решения
Быстрый переход к сервисам: j-p-g.net Видео фоторедактор Транслит

Помогите изменить ширину поля

Перейти вниз

Помогите изменить ширину поля

Сообщение автор st1nGerz в Пн 29 Янв - 20:35

Ребята помогите пожалуйста, где можно изменить ширину поля где Регистрация, вход. Серое поле.
нужно подогнать под ширину баннера основного и форума.
hornet.clanservers.com

стиль Black-silver
Спасибо !
avatar
st1nGerz
Новичок

Сообщения : 5
Возраст : 49
Регистрация : 2018-01-29
Благодарности : 0

Без предупреждений

http://hornet.clanservers.com

Вернуться к началу Перейти вниз

Re: Помогите изменить ширину поля

Сообщение автор Феникс в Пн 29 Янв - 21:23

В таблице CSS задайте ширину headerbar.
Покажите мне часть кода с этим параметром.



• Где находится CSS?
ПА > Оформление > Цвета > Каскадная таблица стилей CSS
 
• Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки

• Где искать JavaScript?
ПА > Модули >  HTML & JAVASCRIPT > Управление кодами Javascript

• Где искать Виджеты?
ПА > Модули >  Портал & Виджеты > Виджеты форума
avatar
Феникс
Помощник
Помощник

Мужчина

Сообщения : 903
Возраст : 46
Регистрация : 2015-10-29
Благодарности : 191

Без предупреждений

http://dayana.forum2x2.ru/

Вернуться к началу Перейти вниз

Re: Помогите изменить ширину поля

Сообщение автор st1nGerz в Пн 29 Янв - 22:05


В стиле при поиске по запросу header было найдены файлы.

ниже прикрепил весь код стиля blacksilver.css

Код:
.silver-image-wrapper{
 display: block;
 margin: -5px auto -4px 9.8%;
 position: relative;
 width: 80.3%;
}

.black-top {
 border-top: 40px solid #3f3f3f;
 margin: -5px -5px 5px;
}

.black_silver_wrap {
 background-color: #fafafa;
 margin: 1px auto;
 width: 78%;
 padding: 16px;
 box-shadow: 0 -1px 6px 2px rgba(2, 2, 2, 0.7);
 clear: both;
}

/* header-top */

.black_silver_header {
 margin-top: -19px;
}

/* font icon */
.fa-gears::before, .fa-cogs::before {
 color: #e36363;
 content: "";
}

.fa-legal::before, .fa-gavel::before {
 color: #6f89c7;
 content: "";
}

.fa-chevron-circle-up::before {
 color: #9a9a9a;
 content: "";
}

.fa-file::before {
 color: #eab751;
 content: "";
}

.fa-external-link-square::before {
 color: #ccc;
 content: "";
}

.fa-info::before {
 color: #71a6c5;
 content: "";
}

.fa-remove::before, .fa-close::before, .fa-times::before {
 color: #ac1919;
 content: "";
}

.fa-exclamation::before {
 color: #eb2c2c;
 content: "";
}

.fa-pencil::before {
 color: #555;
 content: "";
}

.fa-quote-left::before {
 color: #555;
 content: "";
}

.fa-file-o::before {
 color: #eab751;
 content: "";
}

.cc-color-override--1687565279.cc-window {
    background-color: #434343 !important;
    color: #fff;
}

.cc-window.cc-banner {
    flex-direction: row;
    padding: 0.3em 1.8em !important;
    width: 100%;
}

/* Responsive Design
--------------------------------------— */

@media (max-width: 320px) {
 select, .inputbox {
 max-width: 240px;
 }
}

/* Notifications list
----------------------------------------*/
@media (max-width: 350px) {
 .dropdown-extended .dropdown-contents {
 width: auto;
 }
}

@media (max-width: 430px) {
 .action-bar .search-box .inputbox {
 width: 120px;
 }

 .section-viewtopic .search-box .inputbox {
 width: 57px;
 }

 .action-bar .search-box .inputbox ::-moz-placeholder {
 content: "Search...";
 }

 .action-bar .search-box .inputbox :-ms-input-placeholder {
 content: "Search...";
 }

 .action-bar .search-box .inputbox ::-webkit-input-placeholder {
 content: "Search...";
 }
}

@media (max-width: 500px) {
 dd label {
 white-space: normal;
 }

 select, .inputbox {
 max-width: 260px;
 }

 .captcha-panel dd.captcha {
 margin-left: 0;
 }

 .captcha-panel dd.captcha-image img {
 width: 100%;
 }

 dl.details dt, dl.details dd {
 width: auto;
 float: none;
 text-align: left;
 }

 dl.details dd {
 margin-left: 20px;
 }

 p.responsive-center {
 float: none;
 text-align: center;
 margin-bottom: 5px;
 }

 .action-bar > div {
 margin-bottom: 5px;
 }

 .action-bar > .pagination {
 float: none;
 clear: both;
 padding-bottom: 1px;
 text-align: center;
 }

 .action-bar > .pagination li.page-jump {
 margin: 0 2px;
 }

 p.jumpbox-return {
 display: none;
 }

 .display-options > label:nth-child(1) {
 display: block;
 margin-bottom: 5px;
 }

 .attach-controls {
 margin-top: 5px;
 width: 100%;
 }

 .quick-links .dropdown-trigger span {
 display: none;
 }
}

@media (max-width: 550px) {
 ul.topiclist.forums dt {
 margin-right: 0;
 }

 ul.topiclist.forums dt .list-inner {
 margin-right: 0;
 }

 ul.topiclist.forums dd.lastpost {
 display: none;
 }
}

@media (max-width: 700px) {
 .responsive-hide { display: none !important; }
 .responsive-show { display: block !important; }
 .responsive-show-inline { display: inline !important; }
 .responsive-show-inline-block { display: inline-block !important; }

 /* Content wrappers
 ----------------------------------------*/
 html {
 height: auto;
 }

 body {
 padding: 0;
 }

 .wrap {
 border: none;
 border-radius: 0;
 margin: 0;
 min-width: 290px;
 padding: 0 5px;
 }

 /* Common block wrappers
 ----------------------------------------*/
 .headerbar, .navbar, .forabg, .forumbg, .post, .panel {
 margin-left: -5px;
 margin-right: -5px;
 }

 .cp-main .forabg, .cp-main .forumdb, .cp-main .post, .cp-main .panel {
 border-radius: 7px;
 }

 /* Logo block
 ----------------------------------------*/
 .site-description {
 float: none;
 width: auto;
 text-align: center;
 }

 .logo {
 /* change display value to inline-block to show logo */
 display: none;
 float: none;
 padding: 10px;
 }

 .site-description h1, .site-description p {
 text-align: inherit;
 float: none;
 margin: 5px;
 line-height: 1.2em;
 overflow: hidden;
 text-overflow: ellipsis;
 }

 .site-description p, .search-header {
 display: none;
 }

 /* Navigation
 ----------------------------------------*/
 .headerbar + .navbar {
 margin-top: -5px;
 }

 /* Search
 ----------------------------------------*/
 .responsive-search { display: block !important; }

 /* .topiclist lists
 ----------------------------------------*/
 li.header dt {
 text-align: center;
 text-transform: none;
 line-height: 1em;
 font-size: 1.2em;
 padding-bottom: 4px;
 }

 ul.topiclist li.header dt, ul.topiclist li.header dt .list-inner {
 margin-right: 0 !important;
 padding-right: 0;
 }

 ul.topiclist li.header dd {
 display: none !important;
 }

 ul.topiclist dt, ul.topiclist dt .list-inner,
 ul.topiclist.missing-column dt, ul.topiclist.missing-column dt .list-inner,
 ul.topiclist.two-long-columns dt, ul.topiclist.two-long-columns dt .list-inner,
 ul.topiclist.two-columns dt, ul.topiclist.two-columns dt .list-inner {
 margin-right: 0;
 }

 ul.topiclist dt .list-inner.with-mark {
 padding-right: 34px;
 }

 ul.topiclist dt .list-inner {
 min-height: 28px;
 }

 ul.topiclist li.header dt .list-inner {
 min-height: 0;
 }

 ul.topiclist dd {
 display: none;
 }
 ul.topiclist dd.mark {
 display: block;
 }

 /* Forums and topics lists
 ----------------------------------------*/
 ul.topiclist.forums dt {
 margin-right: -250px;
 }

 ul.topiclist dd.mark {
 display: block;
 position: absolute;
 right: 5px;
 top: 0;
 margin: 0;
 width: auto;
 min-width: 0;
 text-align: left;
 }

 ul.topiclist.forums dd.topics dfn, ul.topiclist.topics dd.posts dfn {
 position: relative;
 left: 0;
 width: auto;
 display: inline;
 font-weight: normal;
 }

 li.row .responsive-show strong {
 font-weight: bold;
 color: inherit;
 }

 ul.topiclist li.row dt a.subforum {
 vertical-align: bottom;
 overflow: hidden;
 text-overflow: ellipsis;
 max-width: 100px;
 }

 /* Pagination
 ----------------------------------------*/
 .pagination > ul {
 margin: 5px 0 0;
 }

 .row .pagination .ellipsis + li {
 display: none !important;
 }

 /* Responsive tables
 ----------------------------------------*/
 table.responsive, table.responsive tbody, table.responsive tr, table.responsive td {
 display: block;
 }

 table.responsive thead, table.responsive th {
 display: none;
 }

 table.responsive.show-header thead, table.responsive.show-header th:first-child {
 display: block;
 width: auto !important;
 text-align: left !important;
 }

 table.responsive.show-header th:first-child span.rank-img {
 display: none;
 }

 table.responsive tr {
 margin: 2px 0;
 }

 table.responsive td {
 width: auto !important;
 text-align: left !important;
 padding: 4px;
 }

 table.responsive td.empty {
 display: none !important;
 }

 table.responsive td > dfn {
 display: inline-block !important;
 }

 table.responsive td > dfn:after {
 content: ':';
 padding-right: 5px;
 }

 table.responsive span.rank-img {
 float: none;
 padding-right: 5px;
 }

 table.responsive.memberlist td:first-child input[type="checkbox"] {
 float: right;
 }

 /* Forms
 ----------------------------------------*/
 fieldset dt, fieldset.fields1 dt, fieldset.fields2 dt {
 width: auto;
 float: none;
 }

 fieldset dd, fieldset.fields1 dd, fieldset.fields2 dd {
 margin-left: 0px;
 }

 textarea, dd textarea, .message-box textarea {
 width: 100%;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 }

 dl.pmlist dt {
 width: auto !important;
 margin-bottom: 5px;
 }

 dl.pmlist dd {
 display: inline-block;
 margin-left: 0 !important;
 }

 dl.pmlist dd:first-of-type {
 padding-left: 20px;
 }

 .smiley-box, .message-box {
 float: none;
 width: auto;
 }

 .smiley-box {
 margin-top: 5px;
 }

 .bbcode-status {
 display: none;
 }

 .colour-palette, .colour-palette tbody, .colour-palette tr {
 display: block;
 }

 .colour-palette td {
 display: inline-block;
 margin-right: 2px;
 }

 .horizontal-palette td:nth-child(2n), .vertical-palette tr:nth-child(2n) {
 display: none;
 }

 fieldset.quick-login label {
 display: block;
 margin-bottom: 5px;
 white-space: normal;
 }

 fieldset.quick-login label > span {
 display: inline-block;
 min-width: 100px;
 }

 fieldset.quick-login input.inputbox {
 width: 85%;
 max-width: 300px;
 margin-left: 20px;
 }

 fieldset.quick-login label[for="autologin"] {
 display: inline-block;
 text-align: right;
 min-width: 50%;
 }

 /* User profile
 ----------------------------------------*/
 .column1, .column2, .left-box.profile-details {
 float: none;
 width: auto;
 }

 /* Polls
 ----------------------------------------*/
 fieldset.polls dt {
 width: 90%;
 }

 fieldset.polls dd.resultbar {
 padding-left: 20px;
 }

 fieldset.polls dd.poll_option_percent {
 width: 20%;
 }

 fieldset.polls dd.resultbar, fieldset.polls dd.poll_option_percent {
 margin-top: 5px;
 }

 /* Post
 ----------------------------------------*/
 .postbody {
 position: inherit;
 }

 .postprofile, .postbody, .search .postbody {
 display: block;
 width: auto;
 float: none;
 padding: 0;
 min-height: 0;
 }

 .post .postprofile {
 width: auto;
 border-width: 0 0 1px 0;
 padding-bottom: 5px;
 margin: 0;
 margin-bottom: 5px;
 min-height: 40px;
 overflow: hidden;
 }

 .postprofile dd {
 display: none;
 }

 .postprofile dt, .postprofile dd.profile-rank, .search .postprofile dd {
 display: block;
 margin: 0;
 }

 .postprofile .has-avatar .avatar-container {
 margin: 0;
 overflow: inherit;
 }

 .postprofile .avatar-container:after {
 clear: none;
 }

 .postprofile .avatar {
 margin-right: 5px;
 }

 .postprofile .avatar img {
 width: auto !important;
 height: auto !important;
 max-height: 32px;
 }

 .has-profile .postbody h3 {
 margin-left: 0 !important;
 margin-right: 0 !important;
 }

 .has-profile .post-buttons {
 right: 30px;
 top: 15px;
 }

 .online {
 background-size: 40px;
 }

 /* Misc stuff
 ----------------------------------------*/
 h2 {
 margin-top: .5em;
 }

 p {
 margin-bottom: .5em;
 overflow: hidden;
 }

 p.rightside {
 margin-bottom: 0;
 }

 fieldset.display-options label {
 display: block;
 clear: both;
 margin-bottom: 5px;
 }

 dl.mini dd.pm-legend {
 float: left;
 min-width: 200px;
 }

 .topicreview {
 margin: 0 -5px;
 padding: 0 5px;
 }

 fieldset.display-actions {
 white-space: normal;
 }

 .phpbb_alert {
 width: auto;
 margin: 0 5px;
 }

 .attach-comment dfn {
 width: 100%;
 }
}

@media (min-width: 700px) {
 .postbody { width: 70%; }
}

@media (min-width: 850px) {
 .postbody { width: 76%; }
}

@media (max-width: 850px) {
 .postprofile { width: 28%; }
}

@media (min-width: 701px) and (max-width: 950px) {
 ul.topiclist dt {
 margin-right: -410px;
 }

 ul.topiclist dt .list-inner {
 margin-right: 410px;
 }

 dd.posts, dd.topics, dd.views {
 width: 80px;
 }
}

@media (max-width: 700px) {

.navbar {
 margin-left: -5px;
 margin-right: -5px;
}

.headerbar {
 margin-left: -5px;
 margin-right: -5px;
}

.silver-image-wrapper {
 margin: -5px auto -4px 0;
 width: 100%;
}

.black_silver_wrap {
 width: auto;
}

h5 {
 margin-bottom: 5px;
}
}

@media (min-width: 901px) and (max-width: 1400px) {
.silver-image-wrapper {
 margin: -5px auto -4px 9.4%;
 width: 81.3%;
}
.black_silver_wrap {
 width: 78%;
}
}

@media (min-width: 701px) and (max-width: 1220px) {
.navbar {
 margin-left: -12px;
 margin-right: -12px;
}
.headerbar {
 margin-left: -12px;
 margin-right: -12px;
}
}
@media (min-width: 701px) and (max-width: 900px) {
.silver-image-wrapper {
 margin: -5px auto -4px 0;
 width: 100%;
}

.black_silver_wrap {
 width: auto;
}
}
avatar
st1nGerz
Новичок

Сообщения : 5
Возраст : 49
Регистрация : 2018-01-29
Благодарности : 0

Без предупреждений

http://hornet.clanservers.com

Вернуться к началу Перейти вниз

Re: Помогите изменить ширину поля

Сообщение автор Феникс в Пн 29 Янв - 22:16

@st1nGerz пишет:В стиле при поиске по запросу header было найдены файлы.
Искать нужно headerbar
У Вас в таблице несколько раз прописаны параметры, которые отвечают за ширину.
Например
Код:
.headerbar {
 margin-left: -5px;
 margin-right: -5px;
}
Это заданы отступы влево и вправо от края страницы.



• Где находится CSS?
ПА > Оформление > Цвета > Каскадная таблица стилей CSS
 
• Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки

• Где искать JavaScript?
ПА > Модули >  HTML & JAVASCRIPT > Управление кодами Javascript

• Где искать Виджеты?
ПА > Модули >  Портал & Виджеты > Виджеты форума
avatar
Феникс
Помощник
Помощник

Мужчина

Сообщения : 903
Возраст : 46
Регистрация : 2015-10-29
Благодарности : 191

Без предупреждений

http://dayana.forum2x2.ru/

Вернуться к началу Перейти вниз

Re: Помогите изменить ширину поля

Сообщение автор st1nGerz в Пн 29 Янв - 22:18

Я менял эти значения ничего не происходит =(

делал так

.headerbar {
margin-left: -50px;
margin-right: -50px;
}
avatar
st1nGerz
Новичок

Сообщения : 5
Возраст : 49
Регистрация : 2018-01-29
Благодарности : 0

Без предупреждений

http://hornet.clanservers.com

Вернуться к началу Перейти вниз

Re: Помогите изменить ширину поля

Сообщение автор Феникс в Пн 29 Янв - 22:46

Минус - это значит: вывести за границы страницы.



• Где находится CSS?
ПА > Оформление > Цвета > Каскадная таблица стилей CSS
 
• Где искать основные шаблоны?
ПА > Оформление > Шаблоны > Общие настройки

• Где искать JavaScript?
ПА > Модули >  HTML & JAVASCRIPT > Управление кодами Javascript

• Где искать Виджеты?
ПА > Модули >  Портал & Виджеты > Виджеты форума
avatar
Феникс
Помощник
Помощник

Мужчина

Сообщения : 903
Возраст : 46
Регистрация : 2015-10-29
Благодарности : 191

Без предупреждений

http://dayana.forum2x2.ru/

Вернуться к началу Перейти вниз

Re: Помогите изменить ширину поля

Сообщение автор st1nGerz в Пн 29 Янв - 22:53

поменял все значения в этом файле headerbar на 100px
ничего не меняется на странице (
avatar
st1nGerz
Новичок

Сообщения : 5
Возраст : 49
Регистрация : 2018-01-29
Благодарности : 0

Без предупреждений

http://hornet.clanservers.com

Вернуться к началу Перейти вниз

Re: Помогите изменить ширину поля

Сообщение автор st1nGerz в Вт 30 Янв - 12:14

Народ помогите =\
avatar
st1nGerz
Новичок

Сообщения : 5
Возраст : 49
Регистрация : 2018-01-29
Благодарности : 0

Без предупреждений

http://hornet.clanservers.com

Вернуться к началу Перейти вниз

Вернуться к началу

- Похожие темы

 
Права доступа к этому форуму:
Вы не можете отвечать на сообщения