+- MyBB Depo Forum (https://mybbdepo.com)
+-- Forum: Mybb Ders Deposu (https://mybbdepo.com/mybb-ders-deposu-forumu)
+--- Forum: MyBB Sorun ve Çözümleri Deposu (https://mybbdepo.com/mybb-sorun-ve-cozumleri-deposu-forumu)
+--- Konu Başlığı: Konu Gösteriminde Konu Oylama Sorunu Çözümü (/konu-gosteriminde-konu-oylama-sorunu-cozumu-konusu.html)
Konu Gösteriminde Konu Oylama Sorunu Çözümü - Owner - 01-11-2011
MyBB Konu Gösteriminde Konu Oylama Noktasında Yıldızların Gözükmeme ve Taşma Sorunu
Admin KP
Şablon & Tema Temalar Kullandığınız Temayı SeçinEğer ki : star_ratings.css yoksa sorun kesinlikle burdan kaynaklanıyor demektir.
Yeni CSS Ekle diyoruz ;
Dosya adı yazan yere : star_ratings.css
İlişkilendirilen
Genel olarak stil sayfası ya da özel dosyalar ekleyebilirsiniz. Eğer özel dosyalar eklerseniz her dosya için özel hareketlerde ekleyebilirsiniz.
Genel Seçiyoruz
Stil sayfasını kaydet diyoruz ve karşımıza bi sayfa çıkıyor.
MyBB bu stil sayfasını basit editör için ayrıştıramadı. Bu stil sayfası sadece gelişmiş modda düzenlenebilir.
CSS Düzenleme Gelişmiş Moda Şu Kodu Ekliyoruz ;
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;
}Yıldız konumunu değiştirebilirsiniz
Kod:
images/star_rating.gif