[Résolu] PayPal Donation Extension, faire un don.

[Criscoco]

Bonjour,

Comment ajouter "Faire un don" et le coeur clignotant orange (comme sur ce forum) avec l'extension "PayPal Donation Extension" ?

Merci.

[Fred]

Salut
Sur ce forum la barre de navigation est un codage personnalisé auquel a été ajouté le lien de l'extension PayPal Donation, en remplacement de celui ajouté par l'extension.

Le code pour l'icône Font Awesome

Code: Tout sélectionner

<i class="icon fa-heart fa-blink icon-orange" aria-hidden="true"</i>

Le code CSS

Code: Tout sélectionner

.fa-blink {
    text-decoration: blink;
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-direction: alternate;
}

@-webkit-keyframes blinker {
	from {opacity: 1.0;}
	to {opacity: 0.0;}
}

[Criscoco]

J'ajoute ça où ? Je ne suis pas un expert

Merci.

[Fred]

Ouvre le fichier ./ext/skouat/ppde/styles/all/template/event/overall_header_navigation_prepend.html et trouve :

Code: Tout sélectionner

fa-paypal

Remplace par :

Code: Tout sélectionner

fa-heart fa-blink icon-orange

Ouvre le fichier ./ext/skouat/ppde/styles/all/theme/donation.css et ajoute ceci à la fin :

Code: Tout sélectionner

.fa-blink {
    text-decoration: blink;
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-direction: alternate;
}

@-webkit-keyframes blinker {
	from {opacity: 1.0;}
	to {opacity: 0.0;}
}

Vide le cache pour valider ces modifications.

En cas de mise à jour de l'extension ces opérations seront à refaire.

[Criscoco]

Super merci, comme ça c'est plus facile pour moi