wersja skryptu MyBB:1.6.10
adres forum: http://forum.wowp.pl
na czym polega problem (screen, opis, komunikaty, nazwa stylu/theme/szablonu):
Witam.
Poszukuję rozwiązania problemu ze źle wyświetlającymi się ocenami wątku,
Wszystko do podejrzenia live na stronie.
Szukałem w css, ale chyba nie ma nic odpowiedzialnego za ocenę, w rating.js też grzebałem, ale na JS się mało znam, a nie widzę nic z background czy podobnym tekstem.
Pozdrawiam
Kod:
.star_rating,
.star_rating li a:hover,
.star_rating .current_rating {
background: url(images/star_rating.gif) left -1000px repeat-x;
vertical-align: middle;
}
.star_rating {
position: relative;
width:80px;
height:16px;
overflow: hidden;
list-style: none;
margin: 0;
padding: 0;
background-position: left top;
}
td .star_rating {
margin: auto;
}
.star_rating li {
display: inline;
}
.star_rating li a,
.star_rating .current_rating {
position: absolute;
text-indent: -1000px;
height: 16px;
line-height: 16px;
outline: none;
overflow: hidden;
border: none;
top:0;
left:0;
}
.star_rating_notrated li a:hover {
background-position: left bottom;
}
.star_rating li a.one_star {
width:20%;
z-index:6;
}
.star_rating li a.two_stars {
width:40%;
z-index:5;
}
.star_rating li a.three_stars {
width:60%;
z-index:4;
}
.star_rating li a.four_stars {
width:80%;
z-index:3;
}
.star_rating li a.five_stars {
width:100%;
z-index:2;
}
.star_rating .current_rating {
z-index:1;
background-position: left center;
}
.star_rating_success, .success_message {
color: #00b200;
font-weight: bold;
font-size: 10px;
margin-bottom: 10px;
}
.inline_rating {
float: left;
vertical-align: middle;
padding-right: 5px;
}
Nie zauważyłem nawet, że jest taki styl /facepalm
Ale przyda mi się pomoc z jego edycją
To jest przyczyna Twojego problemu:
Kod:
ul li a {
background-image:url(http://forum.wowp.pl/images/nova/thead4.gif);
background-position:initial initial;
background-repeat:initial initial;
border-left-color:rgba(255, 255, 255, 0.0980392);
border-left-style:solid;
border-left-width:1px;
border-right-color:rgba(0, 0, 0, 0.0980392);
border-right-style:solid;
border-right-width:1px;
display:block;
line-height:39px;
padding:0 20px;
text-align:center;
}
ul li a to bardzo wszechstronny selektor, stylowanie go w ten sposób nie jest najlepszym pomysłem. Polecam znalezienie go w
navigation.css i dodanie jakiejś klasy do ul, zakładam że
ul.menu li a wystarczy, ale ręki uciąć sobie nie dam. Ten selektor mógł mieć też zastosowanie w innych listach, poszukaj i dodaj do nich klasę .menu lub stwórz nową podobną.
Faktycznie, to jest przyczyną mojego problemu.
Tylko niestety nie wiem co dokładnie i gdzie mam napisać/wkleić, CSS na tyle nie znam niestety.
Mógłbyś mi powiedzieć jaki kod i gdzie?
Będę bardzo wdzięczny.
Pozdrawiam