Derniers sujets*
» [TOUTES VERSIONS]Mise en place automatique décorations
par clost Dim 21 Fév 2021 - 11:37
» [AWESOMEBB] Outils de modération rapide
par Milouze14 Jeu 11 Fév 2021 - 6:04
» [TOUTES VERSIONS] Modifier la couleur des pseudos mentionner dans l'éditeur
par fred9545 Mar 2 Fév 2021 - 21:03
» [EDGE] Auto suggestion de la recherche
par tenrev Ven 22 Jan 2021 - 15:13
» [EDGE] Coloriser la cellule vue dans la liste des sujets ....
par tenrev Mar 19 Jan 2021 - 21:31
» [TOUTES VERSIONS] Utiliser les variables utilisateur/forum
par tenrev Mer 30 Déc 2020 - 16:29
» [PHPBB3] Faire un menu déroulant dans le titre d'un forum ou d'un sous forum
par tenrev Mar 29 Déc 2020 - 12:04
» [PHPBB3] Afficher un bouton de navigation sur le premier et le dernier message
par tenrev Mar 29 Déc 2020 - 11:48
» [TOUTES VERSIONS] Toutes versions Bouton générateur d'iframes
par tenrev Mar 29 Déc 2020 - 11:46
» [TOUTES VERSIONS]Afficher de belles infobulles Tooltipster
par tenrev Mar 29 Déc 2020 - 11:43
» [AWESOMEBB] Ajouter un bouton "S'enregistrer" en haut du forum
par Milouze14 Dim 27 Déc 2020 - 8:39
» [AWESOMEBB] Coloriser les cases Annonces & Notes
par Milouze14 Mer 23 Déc 2020 - 8:17
» [PHPBB2] Séparer les messages
par fanny Lun 21 Déc 2020 - 17:51
» [PHPBB2] Mettre en résolu via la réponse rapide
par fred9545 Dim 20 Déc 2020 - 10:48
» [PHPBB2]Supprimer le tag "Re" sur les messages
par fanny Dim 13 Déc 2020 - 22:22
» [PHPBB2] Mettre une couleur de fond dans le profil des messages
par fanny Dim 13 Déc 2020 - 13:26
» [EDGE] Afficher les forums de la catégorie dans la liste des sujets
par clost Sam 12 Déc 2020 - 10:27
» [TOUTES VERSIONS] Afficher une barre des tâches façon Windows 10 sur votre forum
par Quad Daniel Sam 12 Déc 2020 - 8:53
» [TOUTES VERSIONS] Faire clignoter le chiffre ou le nombre de notification(s) dans la toolbar
par fanny Ven 11 Déc 2020 - 14:32
» [PHPBB2] Afficher un message en haut de sujet lorsqu'il est verrouillé
par fanny Jeu 10 Déc 2020 - 10:36
par clost Dim 21 Fév 2021 - 11:37
» [AWESOMEBB] Outils de modération rapide
par Milouze14 Jeu 11 Fév 2021 - 6:04
» [TOUTES VERSIONS] Modifier la couleur des pseudos mentionner dans l'éditeur
par fred9545 Mar 2 Fév 2021 - 21:03
» [EDGE] Auto suggestion de la recherche
par tenrev Ven 22 Jan 2021 - 15:13
» [EDGE] Coloriser la cellule vue dans la liste des sujets ....
par tenrev Mar 19 Jan 2021 - 21:31
» [TOUTES VERSIONS] Utiliser les variables utilisateur/forum
par tenrev Mer 30 Déc 2020 - 16:29
» [PHPBB3] Faire un menu déroulant dans le titre d'un forum ou d'un sous forum
par tenrev Mar 29 Déc 2020 - 12:04
» [PHPBB3] Afficher un bouton de navigation sur le premier et le dernier message
par tenrev Mar 29 Déc 2020 - 11:48
» [TOUTES VERSIONS] Toutes versions Bouton générateur d'iframes
par tenrev Mar 29 Déc 2020 - 11:46
» [TOUTES VERSIONS]Afficher de belles infobulles Tooltipster
par tenrev Mar 29 Déc 2020 - 11:43
» [AWESOMEBB] Ajouter un bouton "S'enregistrer" en haut du forum
par Milouze14 Dim 27 Déc 2020 - 8:39
» [AWESOMEBB] Coloriser les cases Annonces & Notes
par Milouze14 Mer 23 Déc 2020 - 8:17
» [PHPBB2] Séparer les messages
par fanny Lun 21 Déc 2020 - 17:51
» [PHPBB2] Mettre en résolu via la réponse rapide
par fred9545 Dim 20 Déc 2020 - 10:48
» [PHPBB2]Supprimer le tag "Re" sur les messages
par fanny Dim 13 Déc 2020 - 22:22
» [PHPBB2] Mettre une couleur de fond dans le profil des messages
par fanny Dim 13 Déc 2020 - 13:26
» [EDGE] Afficher les forums de la catégorie dans la liste des sujets
par clost Sam 12 Déc 2020 - 10:27
» [TOUTES VERSIONS] Afficher une barre des tâches façon Windows 10 sur votre forum
par Quad Daniel Sam 12 Déc 2020 - 8:53
» [TOUTES VERSIONS] Faire clignoter le chiffre ou le nombre de notification(s) dans la toolbar
par fanny Ven 11 Déc 2020 - 14:32
» [PHPBB2] Afficher un message en haut de sujet lorsqu'il est verrouillé
par fanny Jeu 10 Déc 2020 - 10:36
Les statistiques du forum
[TOUTES VERSIONS] Héberger du css dans une page html comme sur la feuille de style
Page 1 sur 1 • Partagez
- fasciculariaMilouzien
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.
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
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
Dernière édition par fascicularia le Dim 27 Jan 2019 - 14:46, édité 2 fois
- InvitéInvité
Merci beaucoup ! 

- Milouze14Fondateur

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

NOUVELLE BARRE DE NAVIGATION
LES DERNIERES ASTUCES & DERNIERS MESSAGES
Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
- InvitéInvité
Merci beaucoup ! Stéphane .
- dragon594Milouzien
Merci beaucoup !
- InvitéInvité
Merci beaucoup !
- RED²Milouzien
Merci beaucoup !
- SachaMilouzien
Hello,
Alors cela, oui effectivement, très intéressant.
Merci.
Sacha.
Alors cela, oui effectivement, très intéressant.
Merci.
Sacha.
- InvitéInvité
Merci beaucoup !
- photoclicMilouzien
Merci beaucoup !
- photoclicMilouzien
Excellent ça. Merci.
Un truc du genre pour les javascipts qui eux sont limités à 50 je crois serait top.
Un truc du genre pour les javascipts qui eux sont limités à 50 je crois serait top.
- InvitéInvité
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 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,
- Sick.l.OffrandeMilouzien
- Avertissement : 40/100
Merci beaucoup !
- GaeMilouzien
Merci beaucoup !
- EcleasyaMilouzien
Merci beaucoup !
- msfeettoesMilouzien
Merci beaucoup !
- Ptite_PerleMilouzien
Merci beaucoup !
- petit coqMilouzien
Merci beaucoup !
- photoclicMilouzien
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>
- JuliaLanyMilouzien
Merci beaucoup !
- kristhyaneMilouzien
Merci beaucoup !
- chrisnvidiaMilouzien
Merci beaucoup !
- SenpaiMilouzien
Merci beaucoup !
- Psychotic BitchMilouzien
Merci beaucoup !
- AmbroiseMilouzien
Merci beaucoup !
Sujets similaires internes ( 0 )
Aucun sujet
Créer un compte ou se connecter pour répondre
Vous devez être membre pour répondre.
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum