Le deal à ne pas rater :
Cartes Pokémon : la prochaine extension Pokémon sera EV6.5 Fable ...
Voir le deal

Héberger et utiliser des feuilles de style externes
Poster un nouveau sujet
 :: Le Forum :: Astuces & Tutoriels
Jei
JeiAdministrateur
Sam 10 Avr 2021, 20:37


Que ce soit par souci d'organisation ou de manque de place dans la feuille de CSS interne de FA, il peut parfois y avoir besoin de se mettre à utiliser des feuilles de style externes, à la place de la feuille interne ou en complément. Ce tutoriel nous permettra de connaître les étapes à suivre pour y parvenir sur différents hébergeurs (principalement gratuits).  Héberger et utiliser des feuilles de style externes 1f649


Merci de me créditer (Jei) quelque part sur le forum: footer, sujet dédié, PA ou autre. ♥
Jei
JeiAdministrateur
Sam 10 Avr 2021, 20:46
Dropbox


Dropbox est probablement l'une des meilleures solutions pour les feuilles de style externes. Aucun besoin de payer quoi que ce soit, la solution gratuite qu'ils proposent étant suffisante (2GB).
Nous allons de suite passer à la mise en pratique. Si vous avez des difficultés quant à la création de votre compte, vous pouvez rendre ici pour connaître les étapes à suivre pour ouvrir votre compte Dropbox.


Héberger sa feuille de style


Une fois connecté sur Dropbox, rendez-vous dans la partie Tous les fichiers.

Héberger et utiliser des feuilles de style externes Wo4Llky

Ici, importez votre .css en cliquant sur Importer puis Fichier. Une fois le transfert terminé, retrouvez votre fichier fraichement hébergé dans la liste et cliquez dessus.

Héberger et utiliser des feuilles de style externes S7pkfyl

Dans la nouvelle fenêtre, vous devriez voir un bouton Partager en haut à droite. Cliquez dessus, puis cliquez sur Copier le lien.

Héberger et utiliser des feuilles de style externes 25KsHY4
Héberger et utiliser des feuilles de style externes Y1Wingo

Vous avez désormais un lien à partager pour votre feuille de style, mais ce n'est pas encore le bon lien. Celui-ci permet seulement de partager votre fichier en gardant l'interface de Dropbox: il y a bien le contenu de votre feuille mais ce contenu n'est pas direct et ne peut donc être utilisé comme CSS externe... mais la modification du lien est simple pour y parvenir.

Votre lien copié devrait ressembler ce lien suivant, ou en tout cas adopter la même structure:

Code:

https://www.dropbox.com/s/r4nd0mf1leF0rM3/css.css?dl=0


Il suffit simplement de changer la partie www en dl et retirer la partie ?dl=0. Le lien ressemblera donc à ça:

Code:

https://dl.dropbox.com/s/r4nd0mf1leF0rM3/css.css


Et on y est ! Il ne reste plus qu'à l'insérer dans le template/message de votre choix avec le link. Exemple:

Code:

<link rel="stylesheet" href="https://dl.dropbox.com/s/r4nd0mf1leF0rM3/css.css" />