Jump to content
View in the app

A better way to browse. Learn more.

Дизайн и модификация 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.

Задний фон / Фон сообщений

Пытался своими силами установить фиксированый фон в дефолтном шаблоне таким способом:

html, body { /* Safari has trouble with bgcolor on body. Apply to html tag too. */
background: url({style_images_url}/body.jpg);
background-size: 100%;
-moz-background-size: 100%;
-webkit-background-size: 100%;
-khtml-background-size: 100%;
background-attachment: fixed;
}

У меня в лисе сработало. В других браузерах, при разных расширениях фон ездит, то растянулся, то слез в сторону.

Помогите плиз зафиксировать его.

 

Вторая проблема:

Помогите поменять фон и цвет шрифта в остовляемых сообщениях на форуме, сильно ярко, неудобочитаемо. Скин дефолтный.

Сколько искал кода так и не нашол.

Featured Replies

Яркость шрифта

Открыть ipb_styles.css. Изменить цвет в

.post_body .post { 
color: #282828;
}

 

Про фон

Если фон растянулся, не этого ли Вы хотели, задавая 100%?. И как это сочетается с параметром "fixed?" И если fixed, в каких координатах?

Возможно, браузеры не понимают, что Вы от них хотите.

Сделайте просто так:

html, body { 
  background: #0F4D80 url("{style_images_url}/body.jpg") no-repeat scroll 50% 0;
}

 

Не нужны тут fixed и масштабирование, только портят все.

  • Author

Яркость шрифта

Открыть ipb_styles.css. Изменить цвет в

.post_body .post { 
color: #282828;
}

 

Про фон

Если фон растянулся, не этого ли Вы хотели, задавая 100%?. И как это сочетается с параметром "fixed?" И если fixed, в каких координатах?

Возможно, браузеры не понимают, что Вы от них хотите.

Я хотел что бы картинка фона при разных расщирениях центрировалась, и имела одинаковый вид.

Fixed делал что бы при прокрутке форума фон оставался неизменным, что бы не продолжался, этой же картинкой, и не прописывать продолжения фона цветом.

html, body { /* Safari has trouble with bgcolor on body. Apply to html tag too. */
background: url(http://ipbskins.ru/forum/public/style_images/ipbskins/body.jpg);
background-size: contain;
-moz-background-size: contain;
-webkit-background-size:  contain ;
-khtml-background-size: contain ;
background-attachment: fixed;
}

Так должно

Edited by zarajen

  • Author

html, body { /* Safari has trouble with bgcolor on body. Apply to html tag too. */
background: url(http://ipbskins.ru/forum/public/style_images/ipbskins/body.jpg);
background-size: contain;
-moz-background-size: contain;
-webkit-background-size:  contain ;
-khtml-background-size: contain ;
background-attachment: fixed;
}

Так должно

3UW3h47q.jpg

Получается непонятно что при этих параметрах на больших экранах

1440*900

1920*1080

1280x1024

 

- сам фон имеет размер 1900*1802

Попробуй так: background-size: contain;

contain :: Scale the image to the largest size such that both its width and its height can fit inside the content area

Ну и нахрена тут вписывать фоновую картинку по высоте?

 

Чем не устраивает решение из четвертого поста?

 

Зафиксировать:

background-attachment: fixed;

 

Продолжает "ездить" он из-за масштабирования - нечего делать так:

background-size: 100%;

 

Итоговый вариант, если нужен именно фиксированный фон, звучит так:

html, body { 
  background: #0F4D80 url("{style_images_url}/body.jpg") no-repeat fixed 50% 0;
}

 

Все остальное - бред.

  • 2 weeks later...

Я во всем этом можно сказать блондинка.Я хочу спросить как в скине Paradox 3.1.4 поменять задний фон на картинку?

Ну так я хочу поменять на свою! Но не знаю как?

Так фон поменял. Хотел спросить передний фон можно сделать полупрозрачным?

Create an account or sign in to comment

Recently Browsing 0

  • No registered users viewing this page.

Account

Navigation

Search

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.