Derniers sujets*
» [PHPBB2] Modifier le texte des balises codes , citation et Spoiler
par Milouze14 Jeu 13 Mai 2021 - 19:21

» [PHPBB3] Personnaliser les balises hide code quote et spoiler
par Sick.l.Offrande Jeu 13 Mai 2021 - 19:19

» [TOUTES VERSIONS] Citation avec envoi direct sur le message rapide
par Sick.l.Offrande Jeu 13 Mai 2021 - 19:19

» [TOUTES VERSIONS] Afficher un texte qui au clic postera un message automatiquement
par Sick.l.Offrande Mer 12 Mai 2021 - 1:18

» [TOUTES VERSIONS] Afficher une barre des tâches façon Windows 10 sur votre forum
par Milouze14 Lun 10 Mai 2021 - 9:48

» [PHPBB2] Agréger les doubles post
par Milouze14 Lun 10 Mai 2021 - 7:49

» [PHPBB2] Remplacer le mot Invité
par soleda Dim 9 Mai 2021 - 18:51

» [TOUTES VERSIONS] Héberger du css dans une page html comme sur la feuille de style
par Milouze14 Dim 9 Mai 2021 - 18:43

» [TOUTES VERSIONS] Auto suggestion des membres sur les tags
par Milouze14 Jeu 6 Mai 2021 - 14:27

» [TOUTES VERSIONS] Sauvegarder le contenu de l'éditeur
par Sick.l.Offrande Mar 4 Mai 2021 - 12:42

» [TOUTES VERSIONS]Mise en place automatique décorations
par photoclic Lun 3 Mai 2021 - 20:39

» [TOUTES VERSIONS] Afficher une belle infobulle au survol des boutons J aime
par Chéryl Lun 3 Mai 2021 - 12:37

» [BESTOF][PHPBB3] Couleurs des Pseudos dans la liste des likers
par Milouze14 Lun 3 Mai 2021 - 10:15

» [TOUTES VERSIONS] Afficher les likes seulement sur les messages des autres membres et plus encore
par Roza Dim 2 Mai 2021 - 16:08

» [EDGE]Afficher la majeure partie des variables avec un bouton sur l'éditeur
par Stefano36 Dim 25 Avr 2021 - 23:49

» [TOUTES VERSIONS] Installer MESSENGER Forumactif sur votre forum (Version Française)
par sunshinette Sam 24 Avr 2021 - 15:40

» [BESTOF][PHPBB3] Nouveau message après édition
par Milouze14 Sam 24 Avr 2021 - 11:44

» [PHPBB2] Couleur spécifique aux membres d'un rang dans les messages
par Roza Ven 23 Avr 2021 - 11:07

» [MODERNBB] Supprimer l'effet scroll sur la barre de navigation
par Milouze14 Lun 12 Avr 2021 - 7:56

» [MODERNBB]Retirer les crochets des groupes dans le Qeel
par Serah Sam 10 Avr 2021 - 22:48

Les statistiques du forum
Nous avons 473 membres enregistrés

L'utilisateur enregistré le plus récent est Ella

Nos membres ont posté un total de 25578 messages dans 1305 sujets

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

Voir le sujet précédent Voir le sujet suivant Aller en bas

Message n°10
fascicularia
fascicularia
Milouzien

https://altitudetropicale.forums-actifs.com/

Messagefascicularia 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

Modules/HTML & JAVASCRIPT/Gestion des pages HTML/Création en mode avancé (HTML)

Titre * : Mettre un titre
Voulez-vous utiliser le haut et le bas de page de votre forum ? Cocher Non
Utiliser cette page en tant que page d'accueil ? Cocher Non



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

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

Comme pour l'exemple, il faut récupérer :
Code:
/h87-body




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 Valid

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('/h87-body');
});

4 Validez et le tour est joué



Pour l'exemple le script sera donc:
Code:
$(function() {
  $('head').append('<style id="externcss"></style>');
  $('#externcss').load('/h87-body');
});

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


Dernière édition par Milouze14 le Dim 9 Mai 2021 - 18:41, édité 3 fois (Raison : Ajout complément d'informations)

petitefeuille, Stefano36, Constellation et ren aiment ce message

Message n°20
Anonymous
Invité
Invité

MessageInvité Ven 29 Jan 2016 - 16:42

Merci beaucoup ! tape la
Message n°30
Milouze14
Milouze14
Fondateur

https://www.milouze14.com

MessageMilouze14 Ven 29 Jan 2016 - 19:42

coucou Stéphane,

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


NOUVELLE BARRE DE NAVIGATION


Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).
Message n°40
Anonymous
Invité
Invité

MessageInvité Ven 29 Jan 2016 - 21:18

Merci beaucoup ! Stéphane .
Message n°50
dragon594
dragon594
Milouzien

https://dragon-graphisme59.forumactif.org/

Messagedragon594 Dim 10 Avr 2016 - 23:04

Merci beaucoup !
Message n°60
Anonymous
Invité
Invité

MessageInvité Mar 17 Mai 2016 - 18:38

Merci beaucoup !
Message n°70
avatar
RED²
Milouzien

http://www.arcadia-forum.com/

MessageRED² Jeu 26 Mai 2016 - 8:38

Merci beaucoup !
Message n°80
Sacha
Sacha
Milouzien

https://amis-pub.forumactif.com/

MessageSacha Sam 13 Aoû 2016 - 0:19

Hello,

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

Merci.
Sacha.
Message n°90
Anonymous
Invité
Invité

MessageInvité Sam 13 Aoû 2016 - 11:01

Merci beaucoup !
Message n°100
avatar
photoclic
Milouzien

https://photoclic.forum-pro.fr/

Messagephotoclic Sam 13 Aoû 2016 - 11:55

Merci beaucoup !
Message n°110
avatar
photoclic
Milouzien

https://photoclic.forum-pro.fr/

Messagephotoclic 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.
Message n°120
Anonymous
Invité
Invité

MessageInvité 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,



Message n°130
Sick.l.Offrande
Sick.l.Offrande
Milouzien

https://office-equideow.forumactif.com/

MessageSick.l.Offrande Mar 29 Nov 2016 - 0:34

Merci beaucoup !
Message n°140
Gae
Gae
Milouzien

http://www.famille-r3d-dw4rf.com/

MessageGae Mar 7 Mar 2017 - 21:42

Merci beaucoup !
Message n°150
avatar
Ecleasya
Milouzien

http://citemortelle.forumactif.be/

MessageEcleasya Sam 11 Mar 2017 - 13:59

Merci beaucoup !
Message n°160
msfeettoes
msfeettoes
Milouzien

Avertissement : 50/100
https://feetloverfeets.forumactif.com/

Messagemsfeettoes Lun 1 Mai 2017 - 7:35

Merci beaucoup !
Message n°170
Ptite_Perle
Ptite_Perle
Milouzien

https://forumcrea.forumactif.org/

MessagePtite_Perle Lun 29 Mai 2017 - 15:57

Merci beaucoup !
Message n°180
avatar
petit coq
Milouzien

Messagepetit coq Ven 2 Juin 2017 - 18:01

Merci beaucoup !
Message n°190
avatar
photoclic
Milouzien

https://photoclic.forum-pro.fr/

Messagephotoclic 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>
Message n°200
avatar
JuliaLany
Milouzien

https://thelastgods.FORUMACTIF.org

MessageJuliaLany Mer 6 Déc 2017 - 5:39

Merci beaucoup !
Message n°210
kristhyane
kristhyane
Milouzien

http://kristhyane.forumactif.com

Messagekristhyane Jeu 1 Mar 2018 - 15:14

Merci beaucoup !
Message n°220
chrisnvidia
chrisnvidia
Milouzien

https://sos-pc.forumactif.org/

Messagechrisnvidia Dim 11 Mar 2018 - 17:20

Merci beaucoup !
Message n°230
Senpai
Senpai
Milouzien

http://lhsv.forum-canada.com/

MessageSenpai Mer 18 Juil 2018 - 2:52

Merci beaucoup !
Message n°240
Psychotic Bitch
Psychotic Bitch
Milouzien

https://wildestdreams.forumactif.com/

MessagePsychotic Bitch Lun 28 Jan 2019 - 2:11

Merci beaucoup !
Message n°250
Ambroise
Ambroise
Milouzien

https://mon-forum-perso.forumactif.com/

MessageAmbroise Lun 28 Jan 2019 - 8:12

Merci beaucoup !
Message n°260
Constellation
Constellation
Milouzien

https://constellation-crackships.tumblr.com/

MessageConstellation Mer 31 Mar 2021 - 1:31

Super pratique merci beaucoup ❤

Message n°270
ren
ren
Milouzien

https://linuxeme.forumactif.com/

Messageren Dim 9 Mai 2021 - 17:59

Merci beaucoup , mais il me manque des explications : Quelle page HTML ? comment je fais ca ?  le lien écouté je le trouve où ?

Message n°280
Milouze14
Milouze14
Fondateur

https://www.milouze14.com

MessageMilouze14 Dim 9 Mai 2021 - 18:43

@ren  ,
je viens d'apporter des informations au tutoriel car effectivement ce n'était pas très clair quand on débute.

https://www.milouze14.com/t29034-toutes-versions-heberger-du-css-dans-une-page-html-comme-sur-la-feuille-de-style#556149


Attention toutefois, les astuces ne reçoivent pas d'autres informations impeccable .


NOUVELLE BARRE DE NAVIGATION


Le respect mutuel est le fondement de la véritable harmonie.(Dalaï Lama).

ren aime ce message

Voir le sujet précédent Voir le sujet suivant Revenir en haut

Sujets similaires internes ( 0 )
Aucun sujet

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà Milouzien ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum