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

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

Tabela Serwerów , jak zmienic kolory ?

Konfiguracja  Założony przez  myrym.

wersja skryptu MyBB:1.8.6
adres forum:dreamhack.xaa.pl
na czym polega problem (screen, opis, komunikaty, nazwa i wersja wtyczki):
potrzebuje zmienic kolory lidzby graczy bo są na biało , i tu jest pytanie gdzie to mogę zmienić ?

http://scr.hu/12tx/6akqr
1. Strona nie działa
2. Musisz zmienić css'y od tego najprawdopodobniej w global.css
Jak czytasz mój post to sprawdź czy go nie zedytowałem bo niezdecydowany jestem.
Strona działa a wez spróbuj przez www.cs-dreamhack.pl
W 294 linijce global.css masz od tego wszystkiego czcionki kolory.
Możesz dodać do serversboard.css ".progress{color:#000}"
Ale myślę że lepiej będzie wyglądało przerobienie paska to będzie serversboard.css linijka 39
i tak usuwasz "background-color:#F7F7F7" i zamieniasz "background-image: linear-gradient(to bottom, #F5F5F5, #F9F9F9)" na "background-image: linear-gradient(to bottom, #2A2A2A, #3A3A3A)"
Jak czytasz mój post to sprawdź czy go nie zedytowałem bo niezdecydowany jestem.
.progress {
    height16px;
    overflowhidden;
    background-color#f7f7f7;
    background-image: -moz-linear-gradient(top,#f5f5f5,#f9f9f9);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#f5f5f5),to(#f9f9f9));
    background-image: -webkit-linear-gradient(top,#f5f5f5,#f9f9f9);
    background-image: -o-linear-gradient(top,#f5f5f5,#f9f9f9);
    background-imagelinear-gradient(to bottom,#f5f5f5,#f9f9f9);
    background-repeatrepeat-x;
    -webkit-border-radius4px;
    -moz-border-radius4px;
    border-radius4px;
    filterprogid:DXImageTransform.Microsoft.gradient(startColorstr=\'#fff5f5f5\',endColorstr=\'#fff9f9f9\',GradientType=0);
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); 
od 39 linijki mam cos takiego , ale jak przerobie tabelke to zapewne nie beidzie sie zmieniał kolor zaleznie od ilosci graczy
TO jak to działa kolor czcionki się zmienia jak ilość graczy jest inna?
Jeśli nie to do serversboard.css .progress dodaj color:#000;
Nawet color:#333; jest czytelne a ładniej wygląda.
Jak czytasz mój post to sprawdź czy go nie zedytowałem bo niezdecydowany jestem.
.progress-success.progress-striped .bar, .progress-striped .bar-success (1-49%)
Tym się baw :D
.progress-danger .bar,.progress .bar-danger {
    
background-color#dd514c;
    
background-image: -moz-linear-gradient(top,#ee5f5b,#c43c35);
    
background-image: -webkit-gradient(linear,0 0,0 100%,from(#ee5f5b),to(#c43c35));
    
background-image: -webkit-linear-gradient(top,#ee5f5b,#c43c35);
    
background-image: -o-linear-gradient(top,#ee5f5b,#c43c35);
    
background-imagelinear-gradient(to bottom,#ee5f5b,#c43c35);
    
background-repeatrepeat-x;
    
filterprogid:DXImageTransform.Microsoft.gradient(startColorstr=\'#ffee5f5b\',endColorstr=\'#ffc43c35\',GradientType=0)
}

.progress-danger.progress-striped .bar,.progress-striped .bar-danger {
    background-color: #ee5f5b;
    background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image: -moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)
}

.progress-success .bar,.progress .bar-success {
    background-color: #5eb95e;
    background-image: -moz-linear-gradient(top,#62c462,#57a957);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#57a957));
    background-image: -webkit-linear-gradient(top,#62c462,#57a957);
    background-image: -o-linear-gradient(top,#62c462,#57a957);
    background-image: linear-gradient(to bottom,#62c462,#57a957);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=\'#ff62c462\',endColorstr=\'#ff57a957\',GradientType=0)
}

.progress-success.progress-striped .bar,.progress-striped .bar-success {
    background-color: #056308;
    background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image: -moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)
}


.progress-warning .bar,.progress .bar-warning {
    background-color: #faa732;
    background-image: -moz-linear-gradient(top,#fbb450,#f89406);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fbb450),to(#f89406));
    background-image: -webkit-linear-gradient(top,#fbb450,#f89406);
    background-image: -o-linear-gradient(top,#fbb450,#f89406);
    background-image: linear-gradient(to bottom,#fbb450,#f89406);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=\'#fffbb450\',endColorstr=\'#fff89406\',GradientType=0)
}

.progress-warning.progress-striped .bar,.progress-striped .bar-warning {
    background-color: #520A0A;
    background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image: -moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)

Jak to nie wpływa na czcionkę to może w samym .progress ustawić sobie color:#333;
Jak czytasz mój post to sprawdź czy go nie zedytowałem bo niezdecydowany jestem.
Nie no teraz mi zaokraglenie wywaliło po lewej stronie

http://scr.hu/12tx/gu78i

//
udało mi się przywrócić to

//
Uzyskałem zamierzony wyglad tego tutaj php może się komuś przyda

.progress {
    
height16px;
    
overflowhidden;
 
       color#FFFFFF;
    
background-image: -moz-linear-gradient(top,#f5f5f5,#f9f9f9);
    
background-image: -webkit-gradient(linear,0 0,0 100%,from(#f5f5f5),to(#f9f9f9));
    
background-image: -webkit-linear-gradient(top,#f5f5f5,#f9f9f9);
    
background-image: -o-linear-gradient(top,#f5f5f5,#f9f9f9);
    
background-imagelinear-gradient(to bottom#2A2A2A, #3A3A3A);
    
background-repeatrepeat-x;
    -
webkit-border-radius4px;
    -
moz-border-radius4px;
    
border-radius4px;
    
filterprogid:DXImageTransform.Microsoft.gradient(startColorstr=\'#fff5f5f5\',endColorstr=\'#fff9f9f9\',GradientType=0);
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);




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

1 gości