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]](http://i1.webmasteruj.pl/monthly_2015_11/3.png.3e577aaf3b6d81c21265c62b740ae4da.png)
![[Obrazek: 2.png.405d4eff3d93deee127ae4c94faa484f.png]](http://i1.webmasteruj.pl/monthly_2015_11/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
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]](http://iv.pl/images/56693988219387755478.png)
A nie chce by było tu:
![[Obrazek: 02676021906982949173.png]](http://iv.pl/images/02676021906982949173.png)
![[Obrazek: 77213761434592827173.png]](http://iv.pl/images/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);
}