AccueilConnexion
Derniers sujets
[TOUTES VERSIONS] Héberger du css dans une page html comme sur la feuille de style
Page 1 sur 1 • Partagez
- fascicularia
Milouzien
fascicularia le Ven 29 Jan 2016 - 14:58
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/f108-entraide-tous-supports
La source
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
-Astuce des Forums Milouze14&Compagnie-
Pour toute information,merci de contacter un Membre du Staff | ![[TOUTES VERSIONS] Héberger du css dans une page html comme sur la feuille de style Staff10](https://i.servimg.com/u/f37/11/26/21/37/staff10.png) |
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/f108-entraide-tous-supports
La source
Dernière édition par fascicularia le Dim 27 Jan 2019 - 14:46, édité 2 fois
- Invité
Invité
Invité le Ven 29 Jan 2016 - 16:42
Merci beaucoup ! 
- Milouze14
Fondateur
Milouze14 le Ven 29 Jan 2016 - 19:42
Stéphane,merci pour le partage, c'est assez judicieux comme astuce ,
je me demande encore pourquoi je n'y ai pas pensé
.- InvitéInvité
Invité le Ven 29 Jan 2016 - 21:18
Merci beaucoup ! Stéphane .
- dragon594
Milouzien
dragon594 le Dim 10 Avr 2016 - 23:04
Merci beaucoup !
- InvitéInvité
Invité le Mar 17 Mai 2016 - 18:38
Merci beaucoup !
- RED²
Milouzien
RED² le Jeu 26 Mai 2016 - 8:38
Merci beaucoup !
- Sacha
Milouzien
Sacha le Sam 13 Aoû 2016 - 0:19
Hello,
Alors cela, oui effectivement, très intéressant.
Merci.
Sacha.
Alors cela, oui effectivement, très intéressant.
Merci.
Sacha.
- InvitéInvité
Invité le Sam 13 Aoû 2016 - 11:01
Merci beaucoup !
- photoclicMilouzien
photoclic le Sam 13 Aoû 2016 - 11:55
Merci beaucoup !
- photoclicMilouzien
photoclic le Sam 13 Aoû 2016 - 12:03
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é
Invité le Mar 18 Oct 2016 - 13:23
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.Offrande
Milouzien
Sick.l.Offrande le Mar 29 Nov 2016 - 0:34
Merci beaucoup !
- Gae
Milouzien
Gae le Mar 7 Mar 2017 - 21:42
Merci beaucoup !
- EcleasyaMilouzien
Ecleasya le Sam 11 Mar 2017 - 13:59
Merci beaucoup !
- msfeettoes
Milouzien
msfeettoes le Lun 1 Mai 2017 - 7:35
Merci beaucoup !
- Ptite_Perle
Milouzien
Ptite_Perle le Lun 29 Mai 2017 - 15:57
Merci beaucoup !
- petit coqMilouzien
petit coq le Ven 2 Juin 2017 - 18:01
Merci beaucoup !
- photoclicMilouzien
photoclic le Dim 16 Juil 2017 - 21:40
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
JuliaLany le Mer 6 Déc 2017 - 5:39
Merci beaucoup !
- kristhyane
Milouzien
kristhyane le Jeu 1 Mar 2018 - 15:14
Merci beaucoup !
- chrisnvidia
Milouzien
chrisnvidia le Dim 11 Mar 2018 - 17:20
Merci beaucoup !
- Senpai
Milouzien
Senpai le Mer 18 Juil 2018 - 2:52
Merci beaucoup !
- Psychotic Bitch
Milouzien
Psychotic Bitch le Lun 28 Jan 2019 - 2:11
Merci beaucoup !
- Ambroise
Milouzien
Ambroise le Lun 28 Jan 2019 - 8:12
Merci beaucoup !
Sujets similaires
» comment modifier le style d'écriture (font) dans une page HTML
» Déplacer, copier le QEEL dans une page HTML
» Créer un calculateur de dégâts dans une page html.
» Utiliser CSS du forum dans une page html sans le haut et bas du forum
» Je voudrez s'avoir comment autorisé les accent dans mais page html.
» Déplacer, copier le QEEL dans une page HTML
» Créer un calculateur de dégâts dans une page html.
» Utiliser CSS du forum dans une page html sans le haut et bas du forum
» Je voudrez s'avoir comment autorisé les accent dans mais page html.
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
» [AwesomeBB] Problème avec le tuto "AutoSuggestion" - Incompatible version AwesomeBB
» *RESOLU*[PhpBB2] Un encodage pour stoper l'autoplay pour mon IFRAM vidéo
» [Blague] Le patient et le psychiatre
» histoire du Jour sans fin
» Élémentaire mon cher Watson !
» [Toutes versions]Remplacer les icônes de l'éditeur par des icônes FontAwesome
» [AwesomeBB]Activer le lien du Pseudo sur l'index dans les derniers messages
» Fille ou garçon "blagounette"
» Règlement de l'entraide Forumactif
» [AwesomeBB] Rendre l'image du header cliquable
» [ModernBB] Rendre l'image du header cliquable
» [PhpBB2]Afficher le profil à droite
» les Histoires Belge
» *RESOLU*[PhpBB2] .postbody / texte qui sort du cadre
» Histoire de Blondes Sans Fin
» [TOUTES VERSIONS] Installer MESSENGER Forumactif sur votre forum
» Socrate et la maïeutique "histoire"
» Coca-Cola (histoire)
» Sœur Mathématiques et Sœur Logique