Webboard

Webboard > Wsparcie MyBB > Style, szablony i grafika > Brak kodu
Pełna wersja: Brak kodu
Aktualnie przeglądasz uproszczoną wersję forum. Kliknij tutaj, by zobaczyć wersję z pełnym formatowaniem.

sheen

26.02.2016, 12:42
wersja skryptu MyBB:1.8
adres forum:vn-gang.cba.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu): chcę zmienić tło shoutboxa oraz tło działów
wchodzę w ACP>Style i szablony > style > mój styl > global.css i szukam kodu
forumbit_trow1
oraz
shoutbox_trow1

niestety owego kodu nie posiadam ponieważ szukałem wiele razy tak samo wyszukiwarka nie może odnaleźć takiego kodu może on kryć się pod inną nazwa?

Michał Wajrak

26.02.2016, 12:53
Tło działów zmienisz edytując klasy ".trow1 {" oraz ".trow2 {" w global.css.

Co do shoutboxa to chcesz zmienić tło dla całego shoutboxa?
Jeżeli tak to zamień:
Kod:
#shoutbox .entry > div { display: table-cell; padding: 6px; {

na:

Kod:
#shoutbox .entry > div { display: table-cell; padding: 6px; background: #000; {


Oczywiście w podanym przeze mnei kodzie możesz zmienić kolor na jaki chcesz edytując "background : #000;".

sheen

26.02.2016, 15:07
wszystko fajnie tylko dlaczego nie mam całego działu czarnego tylko na dole jest czarny środkiem idzie szary a na górze biały
bardziej mam taki gradient

Divir

26.02.2016, 15:31
(26.02.2016, 15:07)sheen napisał(a): [ -> ]wszystko fajnie tylko dlaczego nie mam całego działu czarnego tylko na dole jest czarny środkiem idzie szary a na górze biały
bardziej mam taki gradient

Dlatego, że to jest zdeklarowane w klasie .trow1 w global.css.
Teraz patrzę i ta klasa zawiera "trochę" błędnego kodu. Jak wpisujesz nazwy kolorów pomiń hasha (#), a jak deklarujesz kolor za pomocą kodu hexadecymalnego to dajesz go tylko jednego, nie dwa.

Jak usuniesz wszystkie wartości background poza pierwszą, to będziesz miał swój czarny kolor jako tło.

sheen

26.02.2016, 15:45
divir zrobiłem tak i dalej jest tak samo wydaje mi się bardziej że jest tutaj w kodzie gradient który rozprasza kolor po całym tle co powoduje to co mam

Michał Wajrak

26.02.2016, 15:46
Masz gotowca, jedynie musisz kolor zmienić.
Usuń .trow 1 oraz .trow 2, zamiast nich wstaw poniższe kody.
Kod:
.trow1 {
    background-color: #F9F9F9; <-- Tu zmieniasz kolor tła
    border-top: 1px solid #white; <-- Tu zmieniasz kolor kreski, która rozdziela działy
    border-bottom: 1px solid ##E3E3E3; <-- Tu zmieniasz kolor kreski, która rozdziela działy
}

.trow2 {
    background-color: #white; <-- Tu zmieniasz kolor tła
    border-top: 1px solid white; <-- Tu zmieniasz kolor kreski, która rozdziela działy
    border-bottom: 1px solid #E3E3E3; <-- Tu zmieniasz kolor kreski, która rozdziela działy
}

sheen

26.02.2016, 15:46
postawiłem testowe forum zobacz zresztą czy dobrze to zrobiłem

trow1:


Kod:
background-color: 000000 BLACK;
border-top: 1px solid;
border-bottom: 1px solid;
background-image: url(images/snapshot/row_gradient.png);
background-repeat: repeat-x;
background-position: 0 0;
background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255, 255, 255, 1)), color-stop(100%,rgba(255, 255, 255, 0)));
background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%,rgba(255, 255, 255, 0) 100%);
background-image: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%,rgba(255, 255, 255, 0) 100%);
background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%,rgba(255, 255, 255, 0) 100%);
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%,rgba(255, 255, 255, 0) 100%);



trow2:


Kod:
background-color: 000000 BLACK;
border-top: 1px solid;
border-bottom: 1px solid;
background-image: url(images/snapshot/row_gradient.png);
background-repeat: repeat-x;
background-position: 0 0;
background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255, 255, 255, 1)), color-stop(100%,rgba(255, 255, 255, 0)));
background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%,rgba(255, 255, 255, 0) 100%);
background-image: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%,rgba(255, 255, 255, 0) 100%);
background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%,rgba(255, 255, 255, 0) 100%);
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%,rgba(255, 255, 255, 0) 100%);

Michał Wajrak

26.02.2016, 15:48


Za ten gradient odpowiada ten kod..
Kod:
background-image: url(images/snapshot/row_gradient.png);
background-repeat: repeat-x;
background-position: 0 0;
background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255, 255, 255, 1)), color-stop(100%,rgba(255, 255, 255, 0)));
background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%,rgba(255, 255, 255, 0) 100%);
background-image: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%,rgba(255, 255, 255, 0) 100%);
background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%,rgba(255, 255, 255, 0) 100%);
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%,rgba(255, 255, 255, 0) 100%);

Wstawiłem Ci powyżej gotowy kod, wystarczy, że go edytujesz..

(26.02.2016, 15:46)Winchester napisał(a): [ -> ]Masz gotowca, jedynie musisz kolor zmienić.
Usuń .trow 1 oraz .trow 2, zamiast nich wstaw poniższe kody.
Kod:
.trow1 {
    background-color: #F9F9F9; <-- Tu zmieniasz kolor tła
    border-top: 1px solid #white; <-- Tu zmieniasz kolor kreski, która rozdziela działy
    border-bottom: 1px solid ##E3E3E3; <-- Tu zmieniasz kolor kreski, która rozdziela działy
}

.trow2 {
    background-color: #white; <-- Tu zmieniasz kolor tła
    border-top: 1px solid white; <-- Tu zmieniasz kolor kreski, która rozdziela działy
    border-bottom: 1px solid #E3E3E3; <-- Tu zmieniasz kolor kreski, która rozdziela działy
}

sheen

26.02.2016, 15:49
dalej to samo

[Obrazek: ArwZAV6.png]

Michał Wajrak

26.02.2016, 15:52
:sciana:
Dodałeś? Ciekawe..
[Obrazek: YyCXunO.jpg]


ACP → Style i szablony → Twój styl → Global.css
Znajdź trow1 oraz trow2 i je usuń.
Następnie dodaj do niego (global.css) poniższe kody..
(26.02.2016, 15:46)Winchester napisał(a): [ -> ]
Kod:
.trow1 {
    background-color: #F9F9F9; <-- Tu zmieniasz kolor tła
    border-top: 1px solid #white; <-- Tu zmieniasz kolor kreski, która rozdziela działy
    border-bottom: 1px solid #E3E3E3; <-- Tu zmieniasz kolor kreski, która rozdziela działy
}

.trow2 {
    background-color: #white; <-- Tu zmieniasz kolor tła
    border-top: 1px solid white; <-- Tu zmieniasz kolor kreski, która rozdziela działy
    border-bottom: 1px solid #E3E3E3; <-- Tu zmieniasz kolor kreski, która rozdziela działy
}

sheen

26.02.2016, 16:18
całe to usunąć ?

Michał Wajrak

26.02.2016, 16:20
Wrrrrrrrrrrrrr...

Skopiuj moje kody, a następnie zastąp swoje moimi.
Jeżeli dalej nie zrozumiesz to podaj mi na PM konto testowe z dostępem do ACP to Ci to zrobię..

Divir

26.02.2016, 17:00
W zasadzie to ten kod:
Kod:
.trow1 {
    background-color: #222; <!-- Tu zmieniasz kolor tła  -->
    color: #f9f9f9; <!-- Tu zmieniasz kolor czcionki -->
    border-top: 1px solid #666; <!-- Tu zmieniasz kolor kreski (u góry), która rozdziela działy  -->
    border-bottom: 1px solid #E3E3E3; <!-- Tu zmieniasz kolor kreski (na dole), która rozdziela działy  -->
}

.trow2 {
    background-color: black; <!-- Tu zmieniasz kolor tła -->
    color: #f9f9f9;  <!-- Tu zmieniasz kolor czcionki -->
    border-top: 1px solid #666; <!-- Tu zmieniasz kolor kreski (u góry), która rozdziela działy  -->
    border-bottom: 1px solid #E3E3E3; <!-- Tu zmieniasz kolor kreski (na dole), która rozdziela działy  -->
}
bo miałeś literówkę Winchester i kolor był zmieniany na jasny, a on chce ciemny z tego co napisał. :P

Michał Wajrak

26.02.2016, 17:03
(26.02.2016, 17:00)Divir napisał(a): [ -> ]W zasadzie to ten kod:
Kod:
.trow1 {
    background-color: #222; <!-- Tu zmieniasz kolor tła  -->
    color: #f9f9f9; <!-- Tu zmieniasz kolor czcionki -->
    border-top: 1px solid #666; <!-- Tu zmieniasz kolor kreski (u góry), która rozdziela działy  -->
    border-bottom: 1px solid #E3E3E3; <!-- Tu zmieniasz kolor kreski (na dole), która rozdziela działy  -->
}

.trow2 {
    background-color: black; <!-- Tu zmieniasz kolor tła -->
    color: #f9f9f9;  <!-- Tu zmieniasz kolor czcionki -->
    border-top: 1px solid #666; <!-- Tu zmieniasz kolor kreski (u góry), która rozdziela działy  -->
    border-bottom: 1px solid #E3E3E3; <!-- Tu zmieniasz kolor kreski (na dole), która rozdziela działy  -->
}
bo miałeś literówkę Winchester i kolor był zmieniany na jasny, a on chce ciemny z tego co napisał. :P

W którym miejscu?
Dodawałem kod w konsoli i wszystko działało.


Kod jest na pewno poprawny, wystarczy zmienić kolory..


(26.02.2016, 17:07)Divir napisał(a): [ -> ]Wszystko działało, bo usunałeś <-- i błędny odczyt wartości border-top w tym przypadku skutkował automatycznym przybraniem koloru białego (default), chociaż zapis #white jest niepoprawny. :P

To chyba logiczne, że trzeba było usunąć <-- xxxx. Dodałem strzałki oraz krótki opis po to, aby autor tematu wiedział o co chodzi.

Divir

26.02.2016, 17:07
Wszystko działało, bo usunałeś <-- i błędny odczyt wartości border-top w tym przypadku skutkował automatycznym przybraniem koloru białego (default), chociaż zapis #white jest niepoprawny. :P
Webboard > Wsparcie MyBB > Style, szablony i grafika > Brak kodu