Webboard

Pełna wersja: Graficzne tło tylko w działach na stronie głównej
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.
wersja skryptu MyBB: 1.8.x
adres forum: http://4frags.eu/public_html
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):  Chciałbym wiedzieć jak zmienić tło tych oto pól bo wygląda to strasznie a chciałbym by było to po prostu w 1 kolorze . Szablon Splat

[Obrazek: 3.png.3e577aaf3b6d81c21265c62b740ae4da.png]

[Obrazek: 2.png.405d4eff3d93deee127ae4c94faa484f.png]
Pomarańczowe buttony zmienisz w global.css. Znajdź w nim (1612 linia)
Kod:
.postbit_buttons > a:link,
.postbit_buttons > a:hover,
.postbit_buttons > a:visited,
.postbit_buttons > a:active {
    color:#fff;
    text-shadow:#c03f18 0px -1px 0px;
    background:#d86a35 url(../../../images/Splat_dark/maintitle.jpg) repeat-x 0 -6px;
    border:1px
solid #c03f18;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
    height:24px;
    line-height:24px;
    padding:4px 9px;
    text-decoration:none;
    margin-left:4px;
    -webkit-box-shadow:inset #f3ab60 0px 1px 0px;
    -moz-box-shadow:inset #f3ab60 0px 1px 0px;
    box-shadow:inset #f3ab60 0px 1px 0px
}

i linijke
Kod:
background:#d86a35 url(../../../images/Splat_dark/maintitle.jpg) repeat-x 0 -6px;
zamien na
Kod:
background: kolor;
gdzie kolor podajesz kolor tła.



Co do powtarzającego się tła, znajdź w global.css
Kod:
.trow1 {
background: #204160 url(../../../images/Splat_dark/tłodzialow.png) repeat;
border-top: 0px solid #252525;
border-bottom: 1px solid #162f45;
color: #ccc;
padding: 10px;
}

i zamień na

Kod:
background: kolor url(sciezka_do_obrazka) repeat;
"Co do powtarzającego się tła, znajdź w global.css " wiem ale czy jest sposób by tam był inny kod ponieważ na stronie głównej działów chciałbym graficzne tło.
tworzysz nowy selektor w css'ie i zamieniasz w szablonach obecny class odpowiadający za starą grafikę np. belki za class z nową grafiką ^^
A jak ten selektor stworzyć ?
Zależy gdzie chcesz mieć tło.
Jeżeli na całej szerokości okna przeglądarki to znajdź w global.css:
Linia 174

Kod:
#content {
    width: auto !important;
    background:#101f2a url(../../../images/Splat_dark/secondary_nav_bg.png) repeat-x scroll 0px 0px;
    padding:10px;
}
i usuń linię
Kod:
background:#101f2a url(../../../images/Splat_dark/secondary_nav_bg.png) repeat-x scroll 0px 0px;

oraz znajdź (na samej górzej)
Kod:
body {
        background: #0d1a23;
    color: #bcbcbc;
    font: normal 11px tahoma, helvetica, arial, sans-serif;
    position: relative;
    padding-bottom: 20px;
}

i background: #0d1a23; zamień na
Kod:
background: kolor url(sciezka_do_tla) repeat-x scroll 0px 0px;

gdzie kolor podajesz kolor jakie ma mieć tło, wtedy gdy obrazek się nie wyświetli.
Ogl chodzi mi o to żeby tło graficzne było tylko tu:
[Obrazek: 56693988219387755478.png]

A nie chce by było tu:

[Obrazek: 02676021906982949173.png]
[Obrazek: 77213761434592827173.png]
W global.css odnajdź klasę .trow1 (746 linia) i .trow2 (754 linia) i zmień im background.
Ardex to wiem ale od razu zmieni się z działów na stronie głównej a tego nie chcę chcę by tylko zmieniło się tło na 2 dolnych SS'ach i szybkiej odpowiedzi bo wygląda to strasznie.
To wystarczy odnaleźć w jakim szablonie znajduje się kod odpowiedzialny za wyświetlanie tego, potem dodać klasę do kontenera, w którym jest kod i do atrybutu klasy w global.css dodać background: url(sciezka_do_obrazka) !important;
Jest lepszy sposób.
W forumbit_depth1_cat do tabeli dodaj nową klasę (obok definicji klasy tborder).
Później w css dodajesz
Kod:
.twoja_klasa .trow1 {
background: url(etc);
}

.twoja_klasa .trow2 {
background: url(etc);
}