Błąd styl engame pro - niektóre elemenety się rozjeżdzają

witam.



Mam kilka pytań. Podejrzewam, że trzeba zrobić w kodzie bo podmienianie grafik nic nie daje, jeśli wgl chodziło o grafiki. Więc, jak zmienić kolory czerwonego i niebeskiego paska? Oraz jak zwiększyć rozmiar zaznaczonego w kółku panelu? Bardzo proszę o pomoc i z góry dziękuję

PS. Oraz jak rozciągnąć czerwony pasek.

Cabura napisał 23.12.2013, 22:01:
Poprawiam. Przenoszę.

Bez adresu forum to można co najwyżej wróżyć z fusów od kawy.

raptape.pl

Pokaż klasy: .rectangle, .triangle-r (ACP -> Style i Szablony -> Twój_Styl -> global.css)

.rectangle
filter: progidXImageTransform.Microsoft.gradient( startColorstr='#c95e53', endColorstr='#a43636',GradientType=0 );
height: 40px;
position: relative;
left: -36px;
top: 20px;
float: left;
-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
-khtml-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
z-index: 100;


triangle-r
border-color: transparent transparent transparent #7F302F;
border-style: solid;
border-width: 15px;
height: 0px;
position: relative;
left: 981px;
top: 16px;
z-index: -1;

Mi się wydaje że wyglądają całkiem inaczej:

.rectangle {
    background: #c95e53; /* Old browsers */
background: -moz-linear-gradient(top, #c95e53 0%, #a43636 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c95e53), color-stop(100%,#a43636)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #c95e53 0%,#a43636 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #c95e53 0%,#a43636 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #c95e53 0%,#a43636 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c95e53', endColorstr='#a43636',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #c95e53 0%,#a43636 100%); /* W3C */
    height: 40px;
    width: 1033px;
    position: relative;
    left:-36px;
    top: 20px;
    float: left;
    -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
  -khtml-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
  -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
    z-index: 100; /* the stack order: foreground */
}

.triangle-r {
    border-color: transparent transparent transparent #7F302F;
    border-style:solid;
    border-width:15px;
    height:0px;
    width:0px;
    position: relative;
    left: 981px;
    top: 16px;
    z-index: -1; /* displayed under bubble */
}

Zamień je na te:

.rectangle {
    background: #c95e53; /* Old browsers */
background: -moz-linear-gradient(top, #c95e53 0%, #a43636 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c95e53), color-stop(100%,#a43636)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #c95e53 0%,#a43636 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #c95e53 0%,#a43636 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #c95e53 0%,#a43636 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c95e53', endColorstr='#a43636',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #c95e53 0%,#a43636 100%); /* W3C */
    height: 40px;
    width: 106.2%;
    position: relative;
    left:-36px;
    top: 20px;
    float: left;
    -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
  -khtml-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
  -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.55);
    z-index: 100; /* the stack order: foreground */
}

.triangle-r {
    border-color: transparent transparent transparent #7F302F;
    border-style:solid;
    border-width:15px;
    height:0px;
    width:0px;
    position: relative;
    left: 102%;
    top: 16px;
    z-index: -1; /* displayed under bubble */
}

ok, proszę zobaczyć co się stało po zmianie. przed zmianą triangle-r nic nie nachodziło na siebie

EDIT: a nie, to mój błąd, źle wkleiłem :/ Dziękuję! a co z panelem w prawym górnym rogu?
plus jak zmienić kolory tych beleczek?

Po 1. Usuń te wszystkie   w global.css (te klasy podmieniane)
Po 2. Zamieniłeś triangle-l a nie -r
Po 3. Klasy/indentyfikatory zamyka się: }

to jeśli jeszcxze moge to porosze o pomoc w zmienieniu kolorów oraz tego panelu w górnym prawym

global.css
klasa .rectangle
Tam masz background.

---

A panel użytkownika
userpanel.css
klasa .userpanel

nie mam czegos takiego jak .userpanel...

Jest w userpanel.css a nie w global.css