Pisces Teması için Yıldızlı Değerlendirme Modülü

Pisces Teması için Yıldızlı Değerlendirme Modülü

otomasyoncu7
otomasyoncu7 Üye 4-01-2015, 14:39
Arkadaşlar 10.3 için Yıldızlı Değerlendirme Modülü var mı bilen gören duyan link verebilir veya modül olarak dle.net.tr ye eklerse sevinirim.
Bu modülü bulabilirsem Shortstory ve Fullstory bölümlerinin sağ üst köşesine eklemek istiyorum. Yardımcı olan arkadaşlara şimdiden teşekkür ederim. iyi çalışmalar bol kazançlar :)
Çözüldü İşleme Alındı Bekliyor Çözülemedi
281
otomasyoncu7 22 Ocak 2015 18:32
@marika, Teşekkürler dediklerini yaptım. Harika oldu ama avatar tam ortalanmadığı için bir kaç css le daha oynadım.

Avatarı ortalamak için:
.userinfo .lcol .avatar img { içindeki whith: değerini 100px den 120px e yükselttim.

http://www.vizefinalsorupaylasimi.com/user/mstf_kaua

Yukarıdaki profilde olduğu gibi ince uzun profil resmi yükleyenlerde yıldızlar çerçevenin dışına çıktığı için

.userinfo .lcol .avatar {

içine eklediğim height: 150px; değerini 250px yaptım.

--------------------
365
KAYA 22 Ocak 2015 17:01
@marika, Sağolasın.
606
marika 22 Ocak 2015 14:18
style.css de

.userinfo nun padding-left değerini -125px den -155px yap

.userinfo .lcol un margin-left: -125px;width: 110px; olan değerleri
margin-left: -155px;width: 135px; yap

.rateui nın padding-top değerini 8px yap ve hemen altına margin-left: -5px; ekle

.userinfo .lcol .avatar içine height: 150px; ekle.

--------------------
281
otomasyoncu7 22 Ocak 2015 12:53
@marika, Hocam yeni fark ettiğim küçük bir sorun var, ratingv.png resmi piscess temasında profil görüntülerken profil çerçevesinin dışına taşıyor. Bu sorunu nasıl halledebilirim ?
Örnek Profil Sayfası:
http://www.vizefinalsorupaylasimi.com/user/otomasyoncu7/

--------------------
284
mehmet 5 Ocak 2015 21:31
Hocam resmi küçülttüm ve değerlerle oynadım yapamadım küçülüyor fakat yıldızların üstüne gelince büyük yıldız çıkıyor yapamadım ? size bilgileri yollasam yapabilirmisiniz ? Teşekkürler

--------------------
606
marika 5 Ocak 2015 00:38
@otomasyoncu7, önemli değil.

@mehmet, ratingv.png dosyasını herhangi bir resim programında küçültün.
en veya boy oranında % kaçlık bir küçültme yaptıysanız na göre eklenecek css kodlarındaki
width: 132px;
height: 27px;

geçen tüm yerleri
veya height: 26px; geçen yerleri o oranda küçültmelisiniz.

--------------------
284
mehmet 4 Ocak 2015 19:56
Çok güzel fakat yıldızların değerini nerden küçültebilirim ? Biraz küçültmek istiyorum yıldızları.

--------------------
281
otomasyoncu7 4 Ocak 2015 19:37
@marika, Hocam ellerinize sağlık harika oldu :) ama rating css leri engine.css içindeymiş pisces temasında mı sadece böyle bilmiyorum bu modülü kuracak arkadaşlar eğer style.css de rating kodlarını bulamazsa engine.css içine baksınlar :)

Ekran Görüntüsü Rating Modülü:
ReytingReyting

--------------------
606
marika 4 Ocak 2015 16:35
style css kodların içindeki alttaki kodları sil ve

.rating {
    width: 85px;
    height: 17px;
    font-size: 0.9em;
}

.unit-rating {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 85px;
    height: 17px;
    position: relative;
    background: url("../dleimages/rating.png") repeat-x;
}

.unit-rating li {
    text-indent: -90000px;
    padding: 0;
    margin: 0;
    float: left;
}

.unit-rating li a {
    display: block;
    width: 17px;
    height: 17px;
    text-decoration: none;
    text-indent: -9000px;
    z-index: 17;
    position: absolute;
    padding: 0;
}

.unit-rating li a:hover {
    background: url("../dleimages/rating.png") 0 -17px;
    z-index: 2;
    left: 0;
}

.unit-rating a.r1-unit {
    left: 0;
}

.unit-rating a.r1-unit:hover {
    width:17px;
}

.unit-rating a.r2-unit {
    left: 17px;
}

.unit-rating a.r2-unit:hover {
    width: 34px;
}

.unit-rating a.r3-unit {
    left: 34px;
}

.unit-rating a.r3-unit:hover {
    width: 51px;
}

.unit-rating a.r4-unit {
    left: 51px;
}

.unit-rating a.r4-unit:hover {
    width: 68px;
}

.unit-rating a.r5-unit {
    left: 68px;
}

.unit-rating a.r5-unit:hover {
    width: 85px;
}

.unit-rating li.current-rating {
    background: url("../dleimages/rating.png") 0 -34px;
    position: absolute;
    height: 17px;
    display: block;
    text-indent: -9000px;
    z-index: 1;
}



alttaki kodları ekle

.rating {
color: black;
display: block;
font-size: 10px;
font-family: tahoma;
height: 10px;
margin: 0;
font-weight: bold;
width: 132px;
}
.unit-rating {
list-style: none;
margin:0 auto;
padding: 0px;
width: 132px;
height: 27px;
position: relative;
background-image: url(../dleimages/ratingv.png);
background-position: 0 -54px;
background-repeat: repeat-x;
}
.unit-rating li {
    text-indent: -90000px;
    padding: 0px;
    margin: 0px;
    float: left;
}
.unit-rating li a {
    display: block;
    width: 26.4px;
    height: 27px;
    text-decoration: none;
    text-indent: -9000px;
    z-index: 17;
    position: absolute;
    padding: 0px;
}
.unit-rating li a:hover {
background-image: url(../dleimages/ratingv.png);
background-position: 0 -27px;
z-index: 2;
left: 0px;
}
.unit-rating a.r1-unit { left: 0px; }
.unit-rating a.r1-unit:hover { width: 26.4px; }
.unit-rating a.r2-unit { left: 26.4px; }
.unit-rating a.r2-unit:hover { width: 52.8px; }
.unit-rating a.r3-unit { left: 52.8px; }
.unit-rating a.r3-unit:hover { width: 79.2px; }
.unit-rating a.r4-unit { left: 79.2px; }    
.unit-rating a.r4-unit:hover { width: 105.6px; }
.unit-rating a.r5-unit { left: 105.6px; }
.unit-rating a.r5-unit:hover { width: 132px; }

.unit-rating li.current-rating {
background-image: url(../dleimages/ratingv.png);
background-position: 0 0px;
position: absolute;
height: 27px;
display: block;
text-indent: -9000px;
z-index: 1;
}

.rating_digits{
font-size: 12px;
line-height: 9px;
height: 26px;
width: 334px;
}

.rating_digits div{
display: inline-block;
}

.rating_digits_1{
margin: 0;
padding: 8px 8px 8px 0;
width: 110px;
height: 10px;
}

.rating_digits_2{
margin: 0;
padding: 8px 8px 8px 0;
width: 187px;
height: 10px;
}








Bu resmi dleimages klasörüne ismini ratingv.png olacak şekilde at.

Shortstory ve fullstory içinde rating kodu alttaki gibi olacak.

[rating]{rating}[/rating]

--------------------
Bilgi
Yorum Ekleyebilmeniz için Sitemize Kayıt Olmanız Gerekmektedir.
İSTATİSTİKLER