1
0
Fork 0

changed image names

This commit is contained in:
Ziver Koc 2010-11-04 16:14:19 +00:00
parent f6a4d48296
commit 2e0d0d1c54
8 changed files with 75 additions and 1 deletions

BIN
img/bar-blue.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 163 B

BIN
img/bar-darkgreen.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 94 B

BIN
img/bar-darkyellow.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 95 B

BIN
img/bar-green.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 94 B

BIN
img/bar-lightblue.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 95 B

BIN
img/bar-red.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 95 B

BIN
img/bar-yellow.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 95 B

View file

@ -1,7 +1,81 @@
<?php
require_once("../class/PHPProgressBar.php");
// Example of use
echo"<html><body><center>";
echo"<html>
<head>
<style type='text/css'>
.progressEX1, .progressEX2, .progressEX3, .progressEX4, .progressEX5, .progressEX6, .progressEX7{
background: transparent url(../img/bar-grey.gif) repeat-x scroll 0%;
border: 1px solid black;
color: white;
height: 16px;
margin: 5pt;
padding: 0pt;
position: relative;
text-align: center;
width; 150px;
border-collapse: collapse;
}
.progressEX1 b, .progressEX2 b, .progressEX3 b, .progressEX4 b, .progressEX5 b, .progressEX6 b, .progressEX7 b{
float: left;
height: 16px;
margin: 0pt;
padding: 0pt;
font-size: 11px;
}
.progressEX1 b{
background: transparent url(../img/bar-red.gif) repeat-x scroll 0%;
}
.progressEX2 b{
background: transparent url(../img/bar-yellow.gif) repeat-x scroll 0%;
}
.progressEX3 b{
background: transparent url(../img/bar-darkyellow.gif) repeat-x scroll 0%;
}
.progressEX4 b{
background: transparent url(../img/bar-darkgreen.gif) repeat-x scroll 0%;
}
.progressEX5 b{
background: transparent url(../img/bar-green.gif) repeat-x scroll 0%;
}
.progressEX6 b{
background: transparent url(../img/bar-lightblue.gif) repeat-x scroll 0%;
}
.progressEX7 b{
background: transparent url(../img/bar-blue.gif) repeat-x scroll 0%;
}
</style>
</head>
<body><center>
<div class='progressEX1'>
<b style='width: 80%' />
<span>Red</span>
</div>
<div class='progressEX2'>
<b style='width: 80%' />
<span>Yellow</span>
</div>
<div class='progressEX3'>
<b style='width: 80%' />
<span>Dark Yellow</span>
</div>
<div class='progressEX4'>
<b style='width: 80%' />
<span>Dark Green</span>
</div>
<div class='progressEX5'>
<b style='width: 80%' />
<span>Green</span>
</div>
<div class='progressEX6'>
<b style='width: 80%' />
<span>Light Blue</span>
</div>
<div class='progressEX7'>
<b style='width: 80%' />
<span>Blue</span>
</div>
";
$p1 = new PHPProgressBar(550, 16, "../img/bar-grey.gif", "../img/bar-life.gif");
$p2 = new PHPProgressBar(550, 16, "../img/bar-grey.gif", "../img/bar-mana.gif");
$p3 = new PHPProgressBar(550, 16, "../img/bar-grey.gif", "../img/bar-life.gif");