Dołącz do zespołu ekspertów! Backend lub Frontend Developer?

Sprawdź najnowsze oferty pracy naszego partnera - 8lines.io!

Brak kodu

Błąd   Założony przez  sheen.

26.02.2016, 12:42
#1
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?
Pretty Womans in your city
26.02.2016, 12:53 (Ten post był ostatnio modyfikowany: 26.02.2016, 12:56 przez Michał Wajrak. Powód edycji: Informacja :) )
#2
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ń:
#shoutbox .entry > div { display: table-cell; padding: 6px; {

na:

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

@edit
Oczywiście w podanym przeze mnei kodzie możesz zmienić kolor na jaki chcesz edytując "background : #000;".
26.02.2016, 15:07 (Ten post był ostatnio modyfikowany: 26.02.2016, 15:28 przez sheen.)
#3
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
Pretty Womans in your city
26.02.2016, 15:31 (Ten post był ostatnio modyfikowany: 26.02.2016, 15:34 przez Divir.)
#4
(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.
Kodowanie, edycja i tworzenie styli, for, stron, poszczególnych elementów - polecane szczególnie dla osób, które nie potrafią sobie poradzić z problemami.
26.02.2016, 15:45
#5
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
Pretty Womans in your city
26.02.2016, 15:46 (Ten post był ostatnio modyfikowany: 26.02.2016, 15:46 przez Michał Wajrak. Powód edycji: info )
#6
Masz gotowca, jedynie musisz kolor zmienić.
Usuń .trow 1 oraz .trow 2, zamiast nich wstaw poniższe kody.
.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
}
26.02.2016, 15:46
#7
postawiłem testowe forum zobacz zresztą czy dobrze to zrobiłem

trow1:


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:


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%);
Szogi1910 napisał 26.02.2016, 17:54:
Kody html/css/php dodajemy w tagach [code] lub [php]
Pretty Womans in your city
26.02.2016, 15:48
#8
@sheen

Za ten gradient odpowiada ten 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.
.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
}
26.02.2016, 15:49
#9
dalej to samo

[Obrazek: ArwZAV6.png]
Pretty Womans in your city
26.02.2016, 15:52 (Ten post był ostatnio modyfikowany: 26.02.2016, 15:55 przez Michał Wajrak.)
#10
: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):
.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
}
26.02.2016, 16:18
#11
całe to usunąć ?
Pretty Womans in your city
26.02.2016, 16:20
#12
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ę..
26.02.2016, 17:00
#13
W zasadzie to ten 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
Kodowanie, edycja i tworzenie styli, for, stron, poszczególnych elementów - polecane szczególnie dla osób, które nie potrafią sobie poradzić z problemami.
26.02.2016, 17:03 (Ten post był ostatnio modyfikowany: 26.02.2016, 17:11 przez Michał Wajrak.)
#14
(26.02.2016, 17:00)Divir napisał(a): W zasadzie to ten 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.

@edit
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.
26.02.2016, 17:07
#15
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
Kodowanie, edycja i tworzenie styli, for, stron, poszczególnych elementów - polecane szczególnie dla osób, które nie potrafią sobie poradzić z problemami.



Użytkownicy przeglądający ten wątek:

3 gości