Jump to content
View in the app

A better way to browse. Learn more.

IPBMafia.ru - поддержка Invision Community, релизы, темы, плагины и приложения

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

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

Featured Replies

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

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

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

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

#search {
    margin: 20px 0;
}

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

т.е так

#search {
    margin: 4px 0;
}

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

 

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

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

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.

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.