Comité FACIL Finance/WidgetsCampagne2014

Page créée avec « ''< Comité FACIL Finance'' Pour aider FACIL dans sa campagne de financement annuelle 2014, vous pouvez reprendre le code des widgets suivants : == Adhérer == <nowi... »

Nouvelle page

''< [[Comité FACIL Finance]]''

Pour aider FACIL dans sa campagne de financement annuelle 2014, vous pouvez reprendre le code des widgets suivants :

== Adhérer ==
<nowiki><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>
</nowiki>

== Faire un don ==
<nowiki><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>
</nowiki>
Vus : 492
Publié par FACIL : 754