Comité FACIL Finance/WidgetsCampagne2014
Pour aider FACIL dans sa campagne de financement annuelle 2014, vous pouvez reprendre le code des widgets suivants :
Adhérer
<style> .crm-contribute-widget { font-size:12px; font-family:Helvetica, Arial, sans; padding:6px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; border:1px solid #96C0E7; width:200px; } .crm-contribute-widget h5 { font-size:14px; padding:3px; margin: 0px; text-align:center; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; } .crm-contribute-widget .crm-amounts { height:1em; margin:.8em 0px; font-size:13px; } .crm-contribute-widget .crm-amount-low { float:left; } .crm-contribute-widget .crm-amount-high { float:right; } .crm-contribute-widget .crm-percentage { margin:0px 30%; text-align:center; } .crm-contribute-widget .crm-amount-bar { background-color:#FFF; width:100%; display:block; border:1px solid #CECECE; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; margin-bottom:.8em; text-align:left; } .crm-contribute-widget .crm-amount-fill { background-color:#2786C2; height:1em; display:block; -moz-border-radius: 4px 0px 0px 4px; -webkit-border-radius: 4px 0px 0px 4px; -khtml-border-radius: 4px 0px 0px 4px; border-radius: 4px 0px 0px 4px; text-align:left; } .crm-contribute-widget .crm-amount-raised-wrapper { margin-bottom:.8em; } .crm-contribute-widget .crm-amount-raised { font-weight:bold; } .crm-contribute-widget .crm-logo { text-align:center; } .crm-contribute-widget .crm-comments, .crm-contribute-widget .crm-donors, .crm-contribute-widget .crm-campaign { font-size:11px; margin-bottom:.8em; } .crm-contribute-widget .crm-contribute-button { display:block; background-color:#CECECE; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; text-align:center; margin:0px 10% .8em 10%; text-decoration:none; color:#556C82; padding:2px; font-size:13px; } .crm-contribute-widget .crm-home-url { text-decoration:none; border:0px; } </style> <style> .crm-contribute-widget { background-color: #FFFFFF; /* background color */ border-color:#66CCCC; /* border color */ } .crm-contribute-widget h5 { color: #000000; background-color: #FFFFFF; } /* title */ .crm-contribute-widget .crm-amount-raised { color:#000; } .crm-contribute-widget .crm-amount-bar /* progress bar */ background-color:#CC9900; border-color:#CECECE; } .crm-contribute-widget .crm-amount-fill { background-color:#2786C2; } .crm-contribute-widget a.crm-contribute-button { /* button color */ background-color:red; } .crm-contribute-widget .crm-contribute-button-inner { /* button text color */ padding:2px; display:block; color:#FFFFFF; } .crm-contribute-widget .crm-comments, .crm-contribute-widget .crm-donors, .crm-contribute-widget .crm-campaign { color:#000000 /* other color*/ } .crm-contribute-widget .crm-home-url { color:#336699 /* home page link color*/ } </style> <div id="crm_cpid_7" class="crm-contribute-widget"> <div class="crm-logo"><br /><img src="http://facil.qc.ca/sites/facil.qc.ca/files/logo-facil-125.png" alt=Logo></div> <div class="crm-contribute-button-wrapper" id="crm_cpid_7_button"><br /> <a href='http://facil.qc.ca/fr/civicrm/contribute/transact?reset=1&id=7' class="crm-contribute-button"><span class="crm-contribute-button-inner" id="crm_cpid_7_btn_txt"> Je deviens membre ! </span></a><br /> </div> </div>
Faire un don
<style> .crm-contribute-widget { font-size:12px; font-family:Helvetica, Arial, sans; padding:6px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; border:1px solid #96C0E7; width:200px; } .crm-contribute-widget h5 { font-size:14px; padding:3px; margin: 0px; text-align:center; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; } .crm-contribute-widget .crm-amounts { height:1em; margin:.8em 0px; font-size:13px; } .crm-contribute-widget .crm-amount-low { float:left; } .crm-contribute-widget .crm-amount-high { float:right; } .crm-contribute-widget .crm-percentage { margin:0px 30%; text-align:center; } .crm-contribute-widget .crm-amount-bar { background-color:#FFF; width:100%; display:block; border:1px solid #CECECE; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; margin-bottom:.8em; text-align:left; } .crm-contribute-widget .crm-amount-fill { background-color:#2786C2; height:1em; display:block; -moz-border-radius: 4px 0px 0px 4px; -webkit-border-radius: 4px 0px 0px 4px; -khtml-border-radius: 4px 0px 0px 4px; border-radius: 4px 0px 0px 4px; text-align:left; } .crm-contribute-widget .crm-amount-raised-wrapper { margin-bottom:.8em; } .crm-contribute-widget .crm-amount-raised { font-weight:bold; } .crm-contribute-widget .crm-logo { text-align:center; } .crm-contribute-widget .crm-comments, .crm-contribute-widget .crm-donors, .crm-contribute-widget .crm-campaign { font-size:11px; margin-bottom:.8em; } .crm-contribute-widget .crm-contribute-button { display:block; background-color:#CECECE; -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; text-align:center; margin:0px 10% .8em 10%; text-decoration:none; color:#556C82; padding:2px; font-size:13px; } .crm-contribute-widget .crm-home-url { text-decoration:none; border:0px; } </style> <style> .crm-contribute-widget { background-color: #FFFFFF; /* background color */ border-color:#66CCCC; /* border color */ } .crm-contribute-widget h5 { color: #000000; background-color: #FFFFFF; } /* title */ .crm-contribute-widget .crm-amount-raised { color:#000; } .crm-contribute-widget .crm-amount-bar /* progress bar */ background-color:#CC9900; border-color:#CECECE; } .crm-contribute-widget .crm-amount-fill { background-color:#2786C2; } .crm-contribute-widget a.crm-contribute-button { /* button color */ background-color:red; } .crm-contribute-widget .crm-contribute-button-inner { /* button text color */ padding:2px; display:block; color:#FFFFFF; } .crm-contribute-widget .crm-comments, .crm-contribute-widget .crm-donors, .crm-contribute-widget .crm-campaign { color:#000000 /* other color*/ } .crm-contribute-widget .crm-home-url { color:#336699 /* home page link color*/ } </style> <div id="crm_cpid_7" class="crm-contribute-widget"> <div class="crm-logo"><br /><img src="http://facil.qc.ca/sites/facil.qc.ca/files/logo-facil-125.png" alt=Logo></div> <div class="crm-contribute-button-wrapper" id="crm_cpid_7_button"><br /> <a href='http://facil.qc.ca/fr/civicrm/contribute/transact?reset=1&id=2' class="crm-contribute-button"><span class="crm-contribute-button-inner" id="crm_cpid_7_btn_txt"> Je fais un don ! </span></a><br /> </div> </div>