Народ как сделать полоски чакры и жизни вот как тут?
http://naruto-storm-revers.forum2x2.ru/t307-topic
Полоска чаркы,жизни
Страница: 1
Сообщений 1 страница 8 из 8
Поделиться1Вт, 9 Авг 2011 19:55:25
Поделиться2Вт, 9 Авг 2011 21:21:13
- Тутошний...
- Зарегистрирован: Ср, 16 Июн 2010
- Сообщений: 51115
- Уважение: +15197
- Позитив: +11571
- Последний визит:
Вчера 23:10:52
deluga Полоски Жизни и Маны.
Поделиться3Вт, 9 Авг 2011 21:24:30
ясно спс,а они автоматизированы?
Поделиться4Ср, 10 Авг 2011 15:39:42
- Стремясь к новому...
- Зарегистрирован: Вс, 12 Окт 2008
- Сообщений: 22652
- Уважение: +4738
- Позитив: +3431
- Пол: Мужской
- Предупреждения: ‡ 1. 2. 3. ... 10!
- Последний визит:
Вс, 14 Мар 2021 21:42:57
deluga написал(а):
ясно спс,а они автоматизированы?
На данный момент - нет. Будет время - автоматизируем.
Поделиться5Ср, 10 Авг 2011 18:08:01
ясно большое спасибо,а тогда как их уменшать?
Поделиться6Ср, 10 Авг 2011 18:12:27
- Тутошний...
- Зарегистрирован: Ср, 16 Июн 2010
- Сообщений: 51115
- Уважение: +15197
- Позитив: +11571
- Последний визит:
Вчера 23:10:52
deluga написал(а):
ясно большое спасибо,а тогда как их уменшать?
Сделайте свои картинки в масштабе - 1:1 и выложите тут...
Поделиться7Чт, 15 Сен 2011 19:46:06
Итак)
Вначале использовался ваш код:
НТМЛ-вверх
<style>
.meter1,
.meter2{
vertical-align:middle;
height:12px!important;
padding-bottom:3px;
padding-top:3px;
color:transparent;
background-image: url(http://savepic.net/1753548.gif);
background-color:transparent;
background-position:center;
background-repeat:no-repeat;
width:108px!important;
border-collapse:collapse;
border:none 0 transparent;
}
.meter1 div,
.meter2 div{
max-width:100px!important;
padding:0!important;
margin-left:4px;
border-collapse:collapse;
border:none 0 transparent;
height:12px;
}
.meter1 div{
background-image: url(http://savepic.net/1743298.gif);
background-color:transparent;
background-position:center;
background-repeat:no-repeat;
}
.meter2 div{
background-image: url(http://savepic.net/1735106.gif);
background-color:transparent;
background-position:center;
background-repeat:no-repeat;
}
</style>
НТМЛ-низ
<script>
$("div[class^='meter']").each(function(){
var l=$(this).text();
$(this).attr("title",l+"%")
$(this).html('<div style="width:'+l+'px;"></div>');});
</script>
доп поля
Или
<div class=meter1>70</div>
или
<div class=meter2>10</div>
потом возник вопрос изменить размер картинок.
изменил код таким образом, сменив ссылки на картинки
<style>
.meter1,
.meter2{
vertical-align:middle;
height:12px!important;
padding-bottom:3px;
padding-top:3px;
color:transparent;
background-image: url(http://s004.radikal.ru/i206/1109/3d/dc81977d8f2f.png);
background-color:transparent;
background-position:center;
background-repeat:no-repeat;
width:190px!important;
border-collapse:collapse;
border:none 0 transparent;
}
.meter1 div,
.meter2 div{
max-width:182px!important;
padding:0!important;
margin-left:4px;
border-collapse:collapse;
border:none 0 transparent;
height:12px;
}
.meter1 div{
background-image: url(http://s58.radikal.ru/i162/1109/7d/d7841c29cdce.png);
background-color:transparent;
background-position:center;
background-repeat:no-repeat;
}
.meter2 div{
background-image: url(http://i027.radikal.ru/1109/d2/515217f76b65.png);
background-color:transparent;
background-position:center;
background-repeat:no-repeat;
}
</style>
смотреть что получилось вот здесь)
Поделиться8Чт, 15 Сен 2011 20:25:31
- Тутошний...
- Зарегистрирован: Ср, 16 Июн 2010
- Сообщений: 51115
- Уважение: +15197
- Позитив: +11571
- Последний визит:
Вчера 23:10:52
Тут Полоски Жизни и Маны. (*Пока думаю
Страница: 1