Webboard

Pełna wersja: Tło Forum
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
wersja skryptu MyBB:1.8.7
adres forum: http://newstoryrpg.xaa.pl/
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu): 
Więc mam pytanie odnośnie dodania tła na forum po dodaniu shoutboxa forum się rozciągneło i obrazek jakby podwoił.
Jak mam dodać jeden obraz na całą stronę.
http://static.pokazywarka.pl/i/6788830/2...tytulu.jpg
Tak duży obraz jako tło jest słabym pomysłem - zerowa kompresja obrazu, długie ładowanie etc.

ale jak już musisz to dodaj do background, parametr 'no-repeat'
i potem background-size: cover;

W razie problemów wygooglaj te dwie frazy to spokojnie znajdziesz jak to zastosować.
Zastosowałem to co napisałeś i mam czarne tło.

Jak będzie lepiej zrobić o tym lepszym sposobie ?
Za dużo tłumaczenia odnośnie kompresji obrazu, musiałbyś pogooglować.

A masz czarne tło bo takie ustawiłeś, look:
https://i.imgur.com/SpouAZx.png

Możesz zrobić tak:
https://i.imgur.com/SpJWABq.png

lub zamiast background-size: cover; dać background-attachment: fixed;, wybierz sobie, który efekt Ci bardziej odpowiada
Proszę gotowe - wystarczy wkleić w global:
Cytat:body {
width: 100%;
min-width: 100%;
max-width: 100%;
display: inline-table;
background: url(https://images7.alphacoders.com/587/587527.jpg);
color: #333;
background-attachment: fixed;
text-align: center;
line-height: 1.4;
margin: 0;
font-family: 'Hind', sans-serif;
font-size: 13px;
overflow-y: scroll;
}

Nie trzeba nawet dawać no-repeat gdyż tło jest przyklejone do okna przeglądarki.
Usuń sobie również zbędne znaczniki background z #header i #container.
(29.07.2016, 00:53)TpkGames napisał(a): [ -> ]Proszę gotowe - wystarczy wkleić w global:
Cytat:body {
width: 100%;
min-width: 100%;
max-width: 100%;
display: inline-table;
background: url(https://images7.alphacoders.com/587/587527.jpg);
color: #333;
background-attachment: fixed;
text-align: center;
line-height: 1.4;
margin: 0;
font-family: 'Hind', sans-serif;
font-size: 13px;
overflow-y: scroll;
}

Nie trzeba nawet dawać no-repeat gdyż tło jest przyklejone do okna przeglądarki.
Usuń sobie również zbędne znaczniki background z #header i #container.

Trzeba dodać za to odpowiedni background-size, bo na ogromnym rozdzielczościach tło będzie się powtarzało.