Le deal à ne pas rater :
Display One Piece Card Game Japon OP-08 – Two Legends : où la ...
Voir le deal


Héberger du CSS extérieur

Blank
Admin

Blank


Pronoun(s) : Elle/she
Messages : 132

   

Héberger du CSS extérieur



L'intérêt
Forumactif impose une limite de taille au CSS qui n'est pas rare de dépasser dès que l'on personnalise un peu son forum. Il devient nécessaire de trouver des solutions pour espérer atteindre le résultat voulu.
Il est possible de mettre du CSS entre balise <style></style> dans les templates, notamment dans le template overall_header, juste avant la balise </head> mais c'est assez fastidieux.

Le mieux est d'héberger son CSS ailleurs et de l'importer sur son forum.

Créer une feuille de CSS
Une feuille de CSS c'est le fichier qui contient le CSS. C'est un fichier relativement simple à créer grâce à des logiciels d'éditeur de code comme Sublime Text (simple, accessible, léger) ou encore VSCode (le plus utilisé, très complet, ben que simple son interface peut intimider les plus débutants). Puis bien évidemment, le fichier doit être enregistré en format CSS.

Importer une feuille de CSS
Le CSS s'importe toujours en tête d'une page. Pour cela, rendez vous dans le template overall_header juste avant la balise </head> et importez le CSS ainsi :

Code:
<link rel="stylesheet" href="LIEN DU FICHIER">


Solution d'hébergement



Il existe une multitude de solution d'hébergement de fichier sur internet, elles ne sont néanmoins pas toutes gratuites. Les deux solutions données sont celles que j'ai (Kim) pu tester et approuver.

Archive Host

Archive Host est un site austère, pour ne pas dire vieillot, mais qui très simple d'utilisation.

Après la création d'un compte (qui requiert votre adresse physique pour des questions de sécurité), vous arrivez sur la page de vos fichiers


Ajoutez le votre en cliquant sur le bouton ou en le glissant dans la page et attendez la validation


Faites clique droit > informations & codes et récupérez le premier fourni qui devrait ressembler à https://www.aht.li/486486/cssPourMonForum.css



C'est ce lien qui sera utile à l'importation.

Attention, il vous faudra répéter l'opération à chaque modification de votre fichier.


Dropbox

Dropbox est une solution bien plus connue que vous avez probablement déjà rencontré dans un cadre professionnel. Sa version gratuite offre un espace de stockage jusqu'à 2go (ce qui est très, très, largement assez pour plus d'une centaine de fichier CSS).

Créez-vous un compte et ajoutez votre fichier depuis votre ordinateur


Récupérez le lien en cliquant sur "copier le lien" au survol


Modifiez le lien pour qu'il passe de : https://www.dropbox.com/s/xhr8hdeb7csww8i/cssPourMonForum.css?dl=0 à https://dl.dropbox.com/s/xhr8hdeb7csww8i/cssPourMonForum.css



C'est ce lien qui sera utile à l'importation.

Bonus ! Si vous installez l'application Dropbox et que vous utilisez la synchronisation des fichiers entre votre PC et votre compte, vous pourrez effectuer toutes les changements de CSS directement depuis votre logiciel d'éditeur de code. A chaque sauvegarde, le fichier se mettra à jour et 1 à 2 seconde plus tard les modifications seront visibles sur votre forum.