http://www.packupload.com/9FA1GMRA2KR
Upload in root web
run sql
PHP Code:
CREATE TABLE IF NOT EXISTS `{PREFIX}donation` (
`donation_actu` int(11) NOT NULL default '0',
`donation_max` int(11) NOT NULL default '0',
`donation_email` text
) ENGINE=MyISAM DEFAULT CHARSET=latin1;
remplace in template/(template use)/template.php
PHP Code:
<div id="header">
by
PHP Code:
<div id="header">
<div class="progress-bar orange shine">
<?php
$db = new DB("donation");
$db->setColPrefix("donation_");
$db->select();
$db->nextRecord();
$donation = $db->actu*100/$db->max
?>
<span style="width: <?php echo $donation ?>%"><center><?php echo $donation ?>%</center></span>
<p><a href="<?php echo page("donation") ?>"><center>Fair un Don</center></a></p>
</div>
add this lines in template/(template use)/css/style.css
PHP Code:
div#header .progress-bar {
background-color: #204066;
height: 15px;
text-align: left;
color: #ffffff;
padding: 3px;
width: 130px;
margin: 0px 780px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-box-shadow: 0 1px 5px #000 inset, 0 1px 0 #444;
-webkit-box-shadow: 0 1px 5px #000 inset, 0 1px 0 #444;
box-shadow: 0 1px 5px #000 inset, 0 1px 0 #444;
}
div#header .progress-bar a{
color: #ffffff;
}
div#header .progress-bar span {
display: inline-block;
height: 100%;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
-webkit-transition: width .4s ease-in-out;
-moz-transition: width .4s ease-in-out;
-ms-transition: width .4s ease-in-out;
-o-transition: width .4s ease-in-out;
transition: width .4s ease-in-out;
}
.orange span {
background-color: #fecf23;
background-image: -webkit-gradient(linear, left top, left bottom, from(#fecf23), to(#fd9215));
background-image: -webkit-linear-gradient(top, #fecf23, #fd9215);
background-image: -moz-linear-gradient(top, #fecf23, #fd9215);
background-image: -ms-linear-gradient(top, #fecf23, #fd9215);
background-image: -o-linear-gradient(top, #fecf23, #fd9215);
background-image: linear-gradient(top, #fecf23, #fd9215);
}
.shine span {
position: relative;
}
.shine span::after {
content: '';
opacity: 0;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #fff;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-animation: animate-shine 2s ease-out infinite;
-moz-animation: animate-shine 2s ease-out infinite;
}
@-webkit-keyframes animate-shine {
0% {opacity: 0; width: 0;}
50% {opacity: .5;}
100% {opacity: 0; width: 95%;}
}
@-moz-keyframes animate-shine {
0% {opacity: 0; width: 0;}
50% {opacity: .5;}
100% {opacity: 0; width: 95%;}
}
ok go in siteadmin/template/toolbar.php and remplace
PHP Code:
<li>
<a href="<?php echo page("admin", "widgets"); ?>">
<i class="icon"><img src="images/admin/widgets.png" width="16px"></i> Widgets
</a>
</li>
<li>
by
PHP Code:
<li>
<a href="<?php echo page("admin", "widgets"); ?>">
<i class="icon"><img src="images/admin/widgets.png" width="16px"></i> Widgets
</a>
</li>
<li>
<a href="<?php echo page("admin", "donation"); ?>">
<i class="icon"><img src="images/admin/donation.png" width="16px"></i> Donation
</a>
</li>
go in your panel admin donnation and add more information
enjoy...