lafouine022 |
26th August 2012 20:17 |
donation
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
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...
|