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

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

Zmiana kolorów w serwerboard

Założony przez  Sabat.

wersja skryptu MyBB: 1.6.13
adres forum: HEX
na czym polega problem (screen, opis, komunikaty, nazwa i wersja wtyczki):

generalnie chciał bym zmienić kolor progresbaru (tam gdzie użytkownicy) z zielonego #127bac oraz tło progresbaru z białego na szary tylko nie wiem gdzie to jest.

serversboard.css
.server {
    
displayinline-block;
    
height16px;
    
line-height16px;
    
padding0 5px;
    
font-size9px;
    
font-weightbold;
    
text-transformuppercase;
    
colorwhite;
    
text-shadowrgba(0000.20px -1px 0px;
    -
moz-border-radius3px;
    -
webkit-border-radius3px;
    
border-radius3px;
    
background-imageurl(images/serversboard/highlight.png);
    
background-repeatrepeat-x;
    
background-position-1px;
}

.
serveronline {
    
background:green;
}

.
serveroffline {
    
background:red;
}

.
servernumber {
    
background:#0f0f0f;
}

.
serverssummation {
    
background:#0f0f0f;
}

.
serverbutton {
    
background:#0f0f0f;
}

.
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-shadowinset 0 1px 2px rgba(0,0,0,0.1);
    -
moz-box-shadowinset 0 1px 2px rgba(0,0,0,0.1);
    
box-shadowinset 0 1px 2px rgba(0,0,0,0.1);
}

.
progress .bar {
    
floatleft;
    
width0;
    
height100%;
    
font-size12px;
    
color#fff;
    
text-aligncenter
    
text-shadow-1px 0 rgba(0,0,0,0.25);
    
background-color#0e90d2;
    
background-image: -moz-linear-gradient(top,#149bdf,#0480be);
    
background-image: -webkit-gradient(linear,0 0,0 100%,from(#149bdf),to(#0480be));
    
background-image: -webkit-linear-gradient(top,#149bdf,#0480be);
    
background-image: -o-linear-gradient(top,#149bdf,#0480be);
    
background-imagelinear-gradient(to bottom,#149bdf,#0480be);
    
background-repeatrepeat-x;
    
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf',endColorstr='#ff0480be',GradientType=0); 
    -
webkit-box-shadowinset 0 -1px 0 rgba(0,0,0,0.15);
    -
moz-box-shadowinset 0 -1px 0 rgba(0,0,0,0.15);
    
box-shadowinset 0 -1px 0 rgba(0,0,0,0.15);
    -
webkit-box-sizingborder-box;
    -
moz-box-sizingborder-box;
    
box-sizingborder-box;
    -
webkit-transitionwidth .6s ease;
    -
moz-transitionwidth .6s ease;
    -
o-transitionwidth .6s ease;
    
transitionwidth .6s ease
}

.
progress .bar+.bar {
    -
webkit-box-shadowinset 1px 0 0 rgba(0,0,0,0.15),inset 0 -1px 0 rgba(0,0,0,0.15);
    -
moz-box-shadowinset 1px 0 0 rgba(0,0,0,0.15),inset 0 -1px 0 rgba(0,0,0,0.15);
    
box-shadowinset 1px 0 0 rgba(0,0,0,0.15),inset 0 -1px 0 rgba(0,0,0,0.15)
}

.
progress-striped .bar {
    
background-color#149bdf;
    
background-image: -webkit-gradient(linear,0 100%,1000,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.1525%,transparent 25%,transparent 50%,rgba(255,255,255,0.1550%,rgba(255,255,255,0.1575%,transparent 75%,transparent);
    
background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.1525%,transparent 25%,transparent 50%,rgba(255,255,255,0.1550%,rgba(255,255,255,0.1575%,transparent 75%,transparent); 
    
background-image: -o-linear-gradient(45deg,rgba(255,255,255,0.1525%,transparent 25%,transparent 50%,rgba(255,255,255,0.1550%,rgba(255,255,255,0.1575%,transparent 75%,transparent);
    
background-imagelinear-gradient(45deg,rgba(255,255,255,0.1525%,transparent 25%,transparent 50%,rgba(255,255,255,0.1550%,rgba(255,255,255,0.1575%,transparent 75%,transparent);-webkit-background-size40px 40px;
    -
moz-background-size40px 40px;
    -
o-background-size40px 40px;
    
background-size40px 40px
}

.
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%,1000,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.1525%,transparent 25%,transparent 50%,rgba(255,255,255,0.1550%,rgba(255,255,255,0.1575%,transparent 75%,transparent);
    
background-image: -moz-linear-gradient(45deg,rgba(255,255,255,0.1525%,transparent 25%,transparent 50%,rgba(255,255,255,0.1550%,rgba(255,255,255,0.1575%,transparent 75%,transparent);
    
background-image: -o-linear-gradient(45deg,rgba(255,255,255,0.1525%,transparent 25%,transparent 50%,rgba(255,255,255,0.1550%,rgba(255,255,255,0.1575%,transparent 75%,transparent);
    
background-imagelinear-gradient(45deg,rgba(255,255,255,0.1525%,transparent 25%,transparent 50%,rgba(255,255,255,0.1550%,rgba(255,255,255,0.1575%,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-imagelinear-gradient(to bottom,#62c462,#57a957);
    
background-repeatrepeat-x;
    
filterprogid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462',endColorstr='#ff57a957',GradientType=0)
}

.
progress-success.progress-striped .bar,.progress-striped .bar-success {
    
background-color#62c462;
    
background-image: -webkit-gradient(linear,0 100%,1000,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.1525%,transparent 25%,transparent 50%,rgba(255,255,255,0.1550%,rgba(255,255,255,0.1575%,transparent 75%,transparent);
    
background-image: -moz-linear-gradient(45deg,rgba(255,255,255,0.1525%,transparent 25%,transparent 50%,rgba(255,255,255,0.1550%,rgba(255,255,255,0.1575%,transparent 75%,transparent);
    
background-image: -o-linear-gradient(45deg,rgba(255,255,255,0.1525%,transparent 25%,transparent 50%,rgba(255,255,255,0.1550%,rgba(255,255,255,0.1575%,transparent 75%,transparent);
    
background-imagelinear-gradient(45deg,rgba(255,255,255,0.1525%,transparent 25%,transparent 50%,rgba(255,255,255,0.1550%,rgba(255,255,255,0.1575%,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-imagelinear-gradient(to bottom,#fbb450,#f89406);
    
background-repeatrepeat-x;
    
filterprogid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450',endColorstr='#fff89406',GradientType=0)
}

.
progress-warning.progress-striped .bar,.progress-striped .bar-warning {
    
background-color#fbb450;
    
background-image: -webkit-gradient(linear,0 100%,1000,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.1525%,transparent 25%,transparent 50%,rgba(255,255,255,0.1550%,rgba(255,255,255,0.1575%,transparent 75%,transparent);
    
background-image: -moz-linear-gradient(45deg,rgba(255,255,255,0.1525%,transparent 25%,transparent 50%,rgba(255,255,255,0.1550%,rgba(255,255,255,0.1575%,transparent 75%,transparent);
    
background-image: -o-linear-gradient(45deg,rgba(255,255,255,0.1525%,transparent 25%,transparent 50%,rgba(255,255,255,0.1550%,rgba(255,255,255,0.1575%,transparent 75%,transparent);
    
background-imagelinear-gradient(45deg,rgba(255,255,255,0.1525%,transparent 25%,transparent 50%,rgba(255,255,255,0.1550%,rgba(255,255,255,0.1575%,transparent 75%,transparent)

https://webboard.pl/thread-45824.html
właśnie mam problem z tym (nie mogę ingerowac w css bo odświeża co 0,5 sek), i po 2 nie mogę tego tak czy siak znaleźć.



dodałem do index_row (bo niby to jest w tej części, metodą prób i błędów to odkryłem) kolor cznionki na ffffff i brak efektów, a co do zielonego koloru progresbara, t w ogóle już tego nie wyświetla gdzie to się może znajdować

to mój index_ row w serwersboard:
<tr>
<
td class="trow2"><span class="smalltext"><center>{$data['gq_number']}</center></span></td>
<
td class="trow2"><span class="smalltext"><center>{$data['gq_status']}{$data['gq_new']}</center></span></td>
<
td class="trow2"><span class="smalltext" title="{$data['gq_desc']}"><center>{$data['gq_icon']}</center></span></td>
<
td class="trow2"><span class="smalltext"><center>{$data['gq_hostname']}</center></span></td>
<
td class="trow2"><span class="smalltext"><center>{$data['gq_ip']}</center></span></td>
<
td class="trow2"><font color="#ffffff"><span class="smalltext" title="{$data['gq_gamerslist']}"><center>{$data['gq_playersslots']}</center></span></font></td>
<
td class="trow2"><span class="smalltext"><center>{$data['gq_mapname']}</center></span></td>
<
td class="trow2"><span class="smalltext"><center>{$data['gq_gt']} {$data['gq_join']} {$data['gq_field']} {$data['gq_page']}</center></span></td>
</
tr
na przykladzie czerwonego

.progress-danger .bar,.progress .bar-danger {
    background-color: #dd514c;
....

.progress-danger.progress-striped .bar,.progress-striped .bar-danger {
    background-color: #ee5f5b;



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

1 gości