[TOUTES VERSIONS] Héberger du css dans une page html comme sur la feuille de style

Bonjour à tous, 
le petit bout de code que vous allez trouver dans ce sujet vous permettra d'utiliser une page html comme une feuille de style.

Au niveau utilité, je dirai que les avantages sont multiples :

1 si vous avez votre feuille de style saturée et que vous ne souhaitez pas surcharger votre overall_header ou héberger en externe ce script vous permettra de palier a ce soucis.

2 si vous voulez compartimenter votre css par champ d'action (modification index, modification postbody.....) vous pourrez utiliser vos pages html pour cela.

3 Si vous souhaitez offrir à vos membres un thème temporaire sans chambouler votre css initial, ce script vous permettra de le faire sans pour autant aller modifier le css du thème principal. Il vous suffira d'utiliser La règle CSS !important  pour modifier un élément précis du thème initial.


Passons aux choses sérieuses




1 collez votre css sur la page html comme vous le feriez sur la feuille de style

2 récupérez le lien écourté de cette page html

3 Modules/HTML JAVASCRIPT/Gestion des codes Javascript/Créer un nouveau Javascript
Mettre un titre explicite.
Cocher sur toutes les pages.
Pensez a cliquer sur le bouton 

collez le script suivant dans la gestion des javascripts en remplaçant le "LIEN DE VOTRE PAGE HTML" par celui de votre page html et en cochant sur toutes les pages.

Code:

$(function() {
  $('head').append('<style id="externcss"></style>');
  $('#externcss').load('LIEN DE VOTRE PAGE HTML');
});

4 Validez et le tour est joué

Voila, c'est tout pour le moment .
Un soucis direction l'entraide
https://www.milouze14.com/f14-entraide-forumactif

Merci beaucoup !

Stéphane,

merci pour le partage, c'est assez judicieux comme astuce ,
je me demande encore pourquoi je n'y ai pas pensé .

Merci beaucoup ! Stéphane .

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !

Hello,

Alors cela, oui effectivement, très intéressant.

Merci.
Sacha.

Merci beaucoup !

Merci beaucoup !

Excellent ça. Merci.

Un truc du genre pour les javascipts qui eux sont limités à 50 je crois serait top.

Bonjour Stéphane

Merci beaucoup pour ce magnifique partage. Très contente d'avoir cette aide pour continuer à modifier mon fofo.

Bonne journée à toi... Au plaisir de te lire,

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !

Juste un petit mot pour dire qu'en encadrant ainsi le code CSS dans la page HTML, les commentaires peuvent être conservés.
 

Code:

<style>
/*commentaire*/
le code css en html
etc.
</style>

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !