طرح امتیازدهی قلب مناسب برای انجمن های تفریحی


سلام
این هم یه سبک زیبا و جدید برای امتیازدهی جایگزین سبک قدیمی آن
این طرح برای انجمن های تفریحی و عاشقانه بسیار مناسب است

خب برای اینکار ابتدا کدهای زیر رو جایگزین کدهای موجود در star_ratings.css قالبتون بکنید :




.star_rating,
.star_rating li a:hover,
.star_rating .current_rating {
    background: url(images/star_rating.png) left -1000px repeat-x;
    vertical-align: middle;
}
.star_rating {
    width: 24px;
    position: relative;
    height: 20px;
    overflow: hidden;
    list-style: none;
    margin: auto;
    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: 20px;
    line-height: 20px;
    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: center;
    vertical-align: middle;
    padding-right: 5px;
}


حالا تصویر پیوست شده رو در پوشه images در محل نصب مای بی بی آپلود کنید

منبع : همیار مای بی بی
موفق باشید
thanks
تصویر (ها)
       
نویسنده :

X
پلاگین جوایز (OUGC Awards)
[align=center] [align=right] نام پلاگین : OUGC Awards نویسنده : Omar G لینک : http://mods.mybb.com ...
تعیین نشده
دیدگاه های کاربران 0

برای عضویت در کانال تلگرامی
[همیار مای بی بی]
کلیک کنید
دریافت آخرین اخبار ، کدهای تخفیف و جوایز
برای اطلاع از آخرین اخبار مای بی بی فارسی عضو کانال تلگرامی شوید :