Jump to content

Как убрать полосу ниже логотипа?

Featured Replies

  • Author
comment_106271
Только что, rustav сказал:

меню в одну строчку в админке сделай. Или же открой форум, так гадать не вариант

Открыла форум

  • Author
comment_106274

:D Странно

А вот шапку возможно каким-нибудь образом растянуть, чтобы встала нормально у всех? У кого не спрошу - по разному 

Screenshot_5.png

comment_106277

- Сделать картинку больше - но правая часть будет разная на расширениях, зато не пустота) 2400*200 к примеру
- Шапка из двух-трех частей, которые складываются/растягиваются при разных разрешениях. Нынешнюю часть центром делать, крайнюю(-ие) обрисовать под фон - делал так на тройке, думаю и на 4-ке прокатит. 
- Зафиксировать ширину форума и тогда у всех будет одинаково, но у широких форматов будет много пустоты по краям

comment_106284
49 минут назад, Баба Капа сказал:

Как убрать эту полоску ниже логотипа?(не знаю как ее назвать).. 

А спроси у того, кто шаловливыми ручками поиск в эту полосу перенес.

#search {
    margin: 20px 0;
}

делаем маргин, ну скажем 4 или 5 px

т.е так

#search {
    margin: 4px 0;
}

Это раз. Что касется шапки, ее бакграундом вставлять надо, тогда будет нормально. Или сделать width:100% height:auto;

 

  • Author
comment_106286

kgb, огромное спасибо на счет этого поиска:)
А вот можете как-нибудь расписать, как вбакграунд вставить шапку?

comment_106287
35 минут назад, Баба Капа сказал:

kgb, огромное спасибо на счет этого поиска:)

А вот незачто, потому как япоторопился. Это ты его своим логотипом сместила вниз.  margin: 4px 0; поможет, но с другим логотипом другая ерунда будет.

35 минут назад, Баба Капа сказал:

А вот можете как-нибудь расписать, как вбакграунд вставить шапку?

Это в глобальном шаблоне коментируем (или удаляем, но лучше закомментировать) вот так
 

<!--<div id="logo">
						
							<a href="http://avataria.bget.ru" title="Перейти к списку форумов" rel="home" accesskey="1"><img src="//avataria.bget.ru/public/style_images/1_1%D0%BB%D0%BE%D0%B3%D0%BE%D1%82%D0%B8%D0%BF%D0%BF%D0%BF%D0%BF%D0%BF%D0%BF%D0%BF%D0%BF.jpg" alt="Логотип"></a>
						
					</div>-->

в css  #branding делаем так  (только лучше логотип перезагрузить без русских букв!!!!! и как следствие другой путь к картинке)

#branding {
    /* background: #0f3854 url(http://avataria.bget.ru/public/style_images/master/branding_bg.png) repeat-x; */
    border-bottom: 1px solid #1b3759;
    min-height: 170px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(http://avataria.bget.ru/public/style_images/1_1%D0%BB%D0%BE%D0%B3%D0%BE%D1%82%D0%B8%D0%BF%D0%BF%D0%BF%D0%BF%D0%BF%D0%BF%D0%BF%D0%BF.jpg );
}

Ну и тогда уже 

#search {
    margin: 4px 0;
}

делаем margin: 70px 0;

 

Edited by kgb

  • Author
comment_106288

kgb, спасибо огромноеее)))

А вот я не пойму, в глобальном шаблоне это в каком из них?

 

Screenshot_9.png

comment_106290
Только что, Баба Капа сказал:

kgb, спасибо огромноеее)))

А вот я не пойму, в глобальном шаблоне это в каком из них?

 

Screenshot_9.png

Ну там же в списке... globalTemplate

comment_106294
39 минут назад, Баба Капа сказал:

kgb, вот в итоге получилось, как его можно пошире сделать?

Значит не все сделала
1111.jpg

comment_106570
1 час назад, Баба Капа сказал:

kgb, здравствуйте, что-то не понимаю, все проверяла, вроде правильно всё

Сравните еще раз, что предложили вам:

#branding {
    /* background: #0f3854 url(http://avataria.bget.ru/public/style_images/master/branding_bg.png) repeat-x; */
    border-bottom: 1px solid #1b3759;
    min-height: 170px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(http://avataria.bget.ru/public/style_images/1_1%D0%BB%D0%BE%D0%B3%D0%BE%D1%82%D0%B8%D0%BF%D0%BF%D0%BF%D0%BF%D0%BF%D0%BF%D0%BF%D0%BF.jpg );
}

и что по факту у вас:

#branding {
    background: #0f3854 url(http://avataria.bget.ru/public/style_images/master/branding_bg.png) repeat-x;
    border-bottom: 1px solid #1b3759;
    min-height: 64px;
}

p.s. у вас там весь шаблон съезжает при сжатии страницы, вы там явно что-то лишнее наделали.

Edited by Fateswhisper

comment_106590
3 часа назад, Баба Капа сказал:

все проверяла, вроде правильно всё

min-height: 64px  сделай min-height: 170px; это как минимум. А как максимум меням #branding

#branding {
    border-bottom: 1px solid #1b3759;
    min-height: 170px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-image: url(http://avataria.bget.ru/public/style_images/master/branding_bg.png );
}

 

Edited by kgb

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.