Deff
Fover
Нашел я этот код. Но вот возникает другой вопрос: как убрать эти точки?
Тык
Вот тестовик
http://thefallenwolf.rusff.ru/viewtopic.php?id=24#p28
Могу выложить и сам код. Если пожелаете, оформите эту тему как нужно или возьмите код и выложите в нужные скрипты для ролевых.
В доп. поле
Здоровье
<div class=meter1>100</div>
Энергия
<div class=meter2>100</div>
Голод
<div class=meter3>100</div>
Множим сколько надо, переставляя последовательное cинее значение. Если поставить красное значение выше 100, то ничего работать не будет!
В HTML-низ
<script>
var maxValue = 100;
$("div[class^='meter']").each(function(){
var l = parseInt($(this).text()) * 100 / maxValue;
$(this).attr("title",l+"%")
$(this).html('<div style="width:'+l+'%;"></div>');
});
</script>
В css цвета(второе окно в стилях)
.meter1 div{
max-width:165px!important;
padding:0!important;
border-collapse:collapse;
border:none 0 transparent;
height:7px;
}
.meter1 div{
background-image: url(http://forumstatic.ru/files/0013/1f/7b/45712.png);
background-color:transparent;
background-position:center;
background-repeat:no-repeat;
}
.meter2 div{
max-width:165px!important;
padding:0!important;
border-collapse:collapse;
border:none 0 transparent;
height:7px;
}
.meter2 div{
background-image: url(http://forumstatic.ru/files/0013/1f/7b/45712.png);
background-color:transparent;
background-position:center;
background-repeat:no-repeat;
}
.meter3 div{
max-width:165px!important;
padding:0!important;
border-collapse:collapse;
border:none 0 transparent;
height:7px;
}
.meter3 div{
background-image: url(http://forumstatic.ru/files/0013/1f/7b/45712.png);
background-color:transparent;
background-position:center;
background-repeat:no-repeat;
}
Красные - картинки.
P.S. Прошу заменить их на свои.
Отредактировано Aatrox (Пн, 20 Янв 2014 17:30:26)