Webboard

Pełna wersja: Dodanie tła containera
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
Stron: 1 2
wersja skryptu MyBB: 1.8.7
adres forum: Forum
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):

Witam, chciałbym dodać tło containera, próbowałem lecz wtedy rozjeżdża mi się forum.

container
Kod:
#container {
    color: #333;
    text-align: left;
    line-height: 1.2;
    margin: 0;
    font-family: "Roboto Condensed", Arial !important;
    font-family: 'Lato', sans-serif;
    font-size: 13px;
    min-width: 990px;
    min-height:100%;
    position:relative;
}

content
Kod:
#content {
    background: #E3E3E3 none repeat scroll 0% 0%;
    width: auto !important;
    padding: 20px 0px;
    overflow: hidden;
}

wrapper
Kod:
.wrapper {
    width: 90%;
    min-width: 970px;
    max-width: 1500px;
    margin: auto auto;
}
Zechciałby mi ktoś pomóc? :)
Będę wdzięczny za udzieloną mi pomoc :)
Pozdrawiam.


Poprawione.
background-color: #hex; do klasy #container ;)

W zbadaniu elementu nie rozjechało mi się więc spróbuj :P
Próbowałem już Twoim sposobem, lecz na nic. Nic się nie zmienia.
Jak ja użyłem tego sposobu, zmienił się tylko lewy górny kwadracik.
Zmienia się, ale prawie całkowicie zakrywa go div z id content, dla którego musisz zmienić wartość background.
Pokaż jak próbowałeś, a powiemy ci co źle robiłeś.
Albo ogólnie: Pokaż na ssie, co chcesz zmienić.
No właśnie, coś mam w kodzie na pewno pomieszane.
Chciałbym taki efekt, czyli container na 95% z białym kolorem, a body na czarno.


[Obrazek: hx3yir07v91h.png]


I teraz mam tak

container
Kod:
#container {
    color: #333;
    text-align: left;
    line-height: 1.2;
    margin: 0;
    font-family: "Roboto Condensed", Arial !important;
    font-family: 'Lato', sans-serif;
    font-size: 13px;
    min-width: 990px;
    min-height:100%;
    position:relative;
    background-color: #fff;
}

body
Kod:
body {
background: #000000 none repeat scroll 0% 0%;
    color: #333;
    text-align: center;
    line-height: 1.2;
    margin: 0;
font-family: "Roboto Condensed", Arial !important;
font-family: 'Lato', sans-serif;
    font-size: 13px;
    overflow-y: scroll;
    height:100%;
    position:relative;
}
Zbadaj element ci prawdę powie.
http://prntscr.com/b97s1j
http://prnt.sc/b97sex
No dobrze, w content zmieniłem bg, a teraz jak uzyskać taki efekt jak poniżej?


[Obrazek: euveqd2gbi77.png]
Dla wrappera (tylko tego: http://prntscr.com/b983oz) musisz dać biały background i ustawić mu odpowiedni padding. Z tego ss nie powiem jaki tam jest dokładnie, ale pewnie z 25px.
Dodałem, to teraz jest paskudnie... hmmm
Dodałeś dla każdego wrappera. Nie tego konkretnego.
Dodałem tylko do tego, o którym wspomniałeś wyżej w 84lini w global.css
No tak się składa, że dodałeś do każdej klasy wrapper. http://prntscr.com/b988wz
Stron: 1 2