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
» Chatbox 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.
» Faire clignoter en fondu une image dans une page html vierge et qui se positionne correctement par rapport au background
» Chatbox 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.
» Faire clignoter en fondu une image dans une page html vierge et qui se positionne correctement par rapport au background
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
» Afficher la date de la dernière visite au survol du Pseudo seulement pour les admins
» [PHPBB2] Afficher une couleur de fond pour chaque catégorie
» [AwesomeBB] Mettre un bouton résolu et déplacé à la corbeille
» [AwesomeBB] Histoire de widgets sur AwesomeBB
» [PHPBB3] Supprimer la ligne Cacher sa présence en ligne
» Les réseaux sociaux
» *RESOLU*[Invision] Changement de couleur pour un dernier groupe installé.
» Règlement de l'entraide Forumactif
» [PhpBB2] Zoom sur catégories comme sur les messages
» [TUTORIEL PHOTOSHOP] Effacer un objet très facilement avec l'Outil correcteur localisé
» Histoire de Blondes Sans Fin
» La dictée qui rend fou "humour"
» [AwesomeBB] Afficher les stats du footer sans afficher le QEEL
» [PhpBB2]Mettre une couleur de fond dans le profil des messages
» [TOUTES VERSIONS] Trouver l'identifiant d'un membre spécifique
» [AwesomeBB]Créer un widget Dernières publications
» *RESOLU*[PhpBB2] Fenêtre de connexion
» *RESOLU*[PhpBB2] Messenger forumactif sur votre forum
» [PhpBB2]Afficher le lien du sujet dans les messages