Astuces Forumactif
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Astuces Forumactif

EDGE/ PHPBB2 / PHPBB3/ PUNBB / INVISION/ MODERNBB/ AWESOMEBB
 
AccueilAccueil  PortailPortail  Connexion  S'enregistrerS'enregistrer  
Le Deal du moment :
Cartes Pokémon – coffret ETB Astres ...
Voir le deal

 

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

Aller en bas 
+16
Senpai
chrisnvidia
kristhyane
JuliaLany
petit coq
Ptite_Perle
msfeettoes
Ecleasya
Gae
Sick.l.Offrande
photoclic
Sacha
RED²
dragon594
Milouze14
fascicularia
20 participants
AuteurMessage
fascicularia
Milouzien

fascicularia



[TOUTES VERSIONS] Héberger du css dans une page html comme sur la feuille de style Empty
MessageSujet: [TOUTES VERSIONS] Héberger du css dans une page html comme sur la feuille de style   [TOUTES VERSIONS] Héberger du css dans une page html comme sur la feuille de style EmptyVen 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');
});



Dernière édition par Milouze14 le Lun 29 Nov 2021 - 8:02, édité 4 fois (Raison : Ajout complément d'informations)

petitefeuille, Freedom Sun, Constellation et ren aiment ce message

Revenir en haut Aller en bas
https://altitudetropicale.forums-actifs.com/
Milouze14
Fondateur

Milouze14



[TOUTES VERSIONS] Héberger du css dans une page html comme sur la feuille de style Empty
MessageSujet: Re: [TOUTES VERSIONS] Héberger du css dans une page html comme sur la feuille de style   [TOUTES VERSIONS] Héberger du css dans une page html comme sur la feuille de style EmptyVen 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 .
Revenir en haut Aller en bas
https://www.milouze14.com
dragon594
Milouzien

dragon594



[TOUTES VERSIONS] Héberger du css dans une page html comme sur la feuille de style Empty
MessageSujet: Re: [TOUTES VERSIONS] Héberger du css dans une page html comme sur la feuille de style   [TOUTES VERSIONS] Héberger du css dans une page html comme sur la feuille de style EmptyDim 10 Avr 2016 - 23:04

Merci beaucoup !
Revenir en haut Aller en bas
https://dragon-graphisme59.forumactif.org/
RED²
Milouzien

avatar



[TOUTES VERSIONS] Héberger du css dans une page html comme sur la feuille de style Empty
MessageSujet: Re: [TOUTES VERSIONS] Héberger du css dans une page html comme sur la feuille de style   [TOUTES VERSIONS] Héberger du css dans une page html comme sur la feuille de style EmptyJeu 26 Mai 2016 - 8:38

Merci beaucoup !
Revenir en haut Aller en bas
http://www.arcadia-forum.com/
Sacha
Milouzien

Sacha



[TOUTES VERSIONS] Héberger du css dans une page html comme sur la feuille de style Empty
MessageSujet: Re: [TOUTES VERSIONS] Héberger du css dans une page html comme sur la feuille de style   [TOUTES VERSIONS] Héberger du css dans une page html comme sur la feuille de style EmptySam 13 Aoû 2016 - 0:19

Hello,

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

Merci.
Sacha.
Revenir en haut Aller en bas
https://amis-pub.forumactif.com/
photoclic
Milouzien

avatar



[TOUTES VERSIONS] Héberger du css dans une page html comme sur la feuille de style Empty
MessageSujet: Re: [TOUTES VERSIONS] Héberger du css dans une page html comme sur la feuille de style   [TOUTES VERSIONS] Héberger du css dans une page html comme sur la feuille de style EmptySam 13 Aoû 2016 - 11:55

Merci beaucoup !
Revenir en haut Aller en bas
https://photoclic.forum-pro.fr/
photoclic
Milouzien

avatar



[TOUTES VERSIONS] Héberger du css dans une page html comme sur la feuille de style Empty
MessageSujet: Re: [TOUTES VERSIONS] Héberger du css dans une page html comme sur la feuille de style   [TOUTES VERSIONS] Héberger du css dans une page html comme sur la feuille de style EmptySam 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.
Revenir en haut Aller en bas
https://photoclic.forum-pro.fr/
Sick.l.Offrande
Blocage
Sick.l.Offrande



[TOUTES VERSIONS] Héberger du css dans une page html comme sur la feuille de style Empty
MessageSujet: Re: [TOUTES VERSIONS] Héberger du css dans une page html comme sur la feuille de style   [TOUTES VERSIONS] Héberger du css dans une page html comme sur la feuille de style EmptyMar 29 Nov 2016 - 0:34

Merci beaucoup !
Revenir en haut Aller en bas
https://office-equideow.forumactif.com/
Gae
Milouzien

Gae



[TOUTES VERSIONS] Héberger du css dans une page html comme sur la feuille de style Empty
MessageSujet: Re: [TOUTES VERSIONS] Héberger du css dans une page html comme sur la feuille de style   [TOUTES VERSIONS] Héberger du css dans une page html comme sur la feuille de style EmptyMar 7 Mar 2017 - 21:42

Merci beaucoup !
Revenir en haut Aller en bas
http://www.famille-r3d-dw4rf.com/
Ecleasya
Milouzien

avatar



[TOUTES VERSIONS] Héberger du css dans une page html comme sur la feuille de style Empty
MessageSujet: Re: [TOUTES VERSIONS] Héberger du css dans une page html comme sur la feuille de style   [TOUTES VERSIONS] Héberger du css dans une page html comme sur la feuille de style EmptySam 11 Mar 2017 - 13:59

Merci beaucoup !
Revenir en haut Aller en bas
http://citemortelle.forumactif.be/
msfeettoes
Milouzien

msfeettoes



[TOUTES VERSIONS] Héberger du css dans une page html comme sur la feuille de style Empty
MessageSujet: Re: [TOUTES VERSIONS] Héberger du css dans une page html comme sur la feuille de style   [TOUTES VERSIONS] Héberger du css dans une page html comme sur la feuille de style EmptyLun 1 Mai 2017 - 7:35

Merci beaucoup !
Revenir en haut Aller en bas
https://feetloverfeets.forumactif.com/
Ptite_Perle
Milouzien

Ptite_Perle



[TOUTES VERSIONS] Héberger du css dans une page html comme sur la feuille de style Empty
MessageSujet: Re: [TOUTES VERSIONS] Héberger du css dans une page html comme sur la feuille de style   [TOUTES VERSIONS] Héberger du css dans une page html comme sur la feuille de style EmptyLun 29 Mai 2017 - 15:57

Merci beaucoup !
Revenir en haut Aller en bas
https://forumcrea.forumactif.org/
petit coq
Milouzien

avatar



[TOUTES VERSIONS] Héberger du css dans une page html comme sur la feuille de style Empty
MessageSujet: Re: [TOUTES VERSIONS] Héberger du css dans une page html comme sur la feuille de style   [TOUTES VERSIONS] Héberger du css dans une page html comme sur la feuille de style EmptyVen 2 Juin 2017 - 18:01

Merci beaucoup !
Revenir en haut Aller en bas
photoclic
Milouzien

avatar



[TOUTES VERSIONS] Héberger du css dans une page html comme sur la feuille de style Empty
MessageSujet: Re: [TOUTES VERSIONS] Héberger du css dans une page html comme sur la feuille de style   [TOUTES VERSIONS] Héberger du css dans une page html comme sur la feuille de style EmptyDim 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>
Revenir en haut Aller en bas
https://photoclic.forum-pro.fr/
JuliaLany
Milouzien

avatar



[TOUTES VERSIONS] Héberger du css dans une page html comme sur la feuille de style Empty
MessageSujet: Re: [TOUTES VERSIONS] Héberger du css dans une page html comme sur la feuille de style   [TOUTES VERSIONS] Héberger du css dans une page html comme sur la feuille de style EmptyMer 6 Déc 2017 - 5:39

Merci beaucoup !
Revenir en haut Aller en bas
https://thelastgods.FORUMACTIF.org
kristhyane
Milouzien

kristhyane



[TOUTES VERSIONS] Héberger du css dans une page html comme sur la feuille de style Empty
MessageSujet: Re: [TOUTES VERSIONS] Héberger du css dans une page html comme sur la feuille de style   [TOUTES VERSIONS] Héberger du css dans une page html comme sur la feuille de style EmptyJeu 1 Mar 2018 - 15:14

Merci beaucoup !
Revenir en haut Aller en bas
http://kristhyane.forumactif.com
chrisnvidia
Milouzien

chrisnvidia



[TOUTES VERSIONS] Héberger du css dans une page html comme sur la feuille de style Empty
MessageSujet: Re: [TOUTES VERSIONS] Héberger du css dans une page html comme sur la feuille de style   [TOUTES VERSIONS] Héberger du css dans une page html comme sur la feuille de style EmptyDim 11 Mar 2018 - 17:20

Merci beaucoup !
Revenir en haut Aller en bas
https://sos-pc.forumactif.org/
Senpai
Milouzien

Senpai



[TOUTES VERSIONS] Héberger du css dans une page html comme sur la feuille de style Empty
MessageSujet: Re: [TOUTES VERSIONS] Héberger du css dans une page html comme sur la feuille de style   [TOUTES VERSIONS] Héberger du css dans une page html comme sur la feuille de style EmptyMer 18 Juil 2018 - 2:52

Merci beaucoup !
Revenir en haut Aller en bas
http://lhsv.forum-canada.com/
Psychotic Bitch
Milouzien

Psychotic Bitch



[TOUTES VERSIONS] Héberger du css dans une page html comme sur la feuille de style Empty
MessageSujet: Re: [TOUTES VERSIONS] Héberger du css dans une page html comme sur la feuille de style   [TOUTES VERSIONS] Héberger du css dans une page html comme sur la feuille de style EmptyLun 28 Jan 2019 - 2:11

Merci beaucoup !
Revenir en haut Aller en bas
https://wildestdreams.forumactif.com/
Ambroise
Milouzien

Ambroise



[TOUTES VERSIONS] Héberger du css dans une page html comme sur la feuille de style Empty
MessageSujet: Re: [TOUTES VERSIONS] Héberger du css dans une page html comme sur la feuille de style   [TOUTES VERSIONS] Héberger du css dans une page html comme sur la feuille de style EmptyLun 28 Jan 2019 - 8:12

Merci beaucoup !
Revenir en haut Aller en bas
https://mon-forum-perso.forumactif.com/
Constellation
Milouzien

Constellation



[TOUTES VERSIONS] Héberger du css dans une page html comme sur la feuille de style Empty
MessageSujet: Re: [TOUTES VERSIONS] Héberger du css dans une page html comme sur la feuille de style   [TOUTES VERSIONS] Héberger du css dans une page html comme sur la feuille de style EmptyMer 31 Mar 2021 - 1:31

Super pratique merci beaucoup ❤

Revenir en haut Aller en bas
https://millionlittlethings.forumactif.com/
ren
Milouzien

ren



[TOUTES VERSIONS] Héberger du css dans une page html comme sur la feuille de style Empty
MessageSujet: Re: [TOUTES VERSIONS] Héberger du css dans une page html comme sur la feuille de style   [TOUTES VERSIONS] Héberger du css dans une page html comme sur la feuille de style EmptyDim 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ù ?

Revenir en haut Aller en bas
https://linuxeme.forumactif.com/
Milouze14
Fondateur

Milouze14



[TOUTES VERSIONS] Héberger du css dans une page html comme sur la feuille de style Empty
MessageSujet: Re: [TOUTES VERSIONS] Héberger du css dans une page html comme sur la feuille de style   [TOUTES VERSIONS] Héberger du css dans une page html comme sur la feuille de style EmptyDim 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 .

ren aime ce message

Revenir en haut Aller en bas
https://www.milouze14.com
Contenu sponsorisé





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

Revenir en haut Aller en bas
 
[TOUTES VERSIONS] Héberger du css dans une page html comme sur la feuille de style
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» [TOUTES VERSIONS]Feuille de style saturée!! Si vos widgets sont activés alors....
» [TOUTES VERSIONS] Une page html connexion/deconnexion...
» [TOUTES VERSIONS] Mettre en place des hashtags comme sur Twitter
» [TOUTES VERSIONS] Afficher des boutons pour le haut et le bas de page
» [TOUTES VERSIONS]Message de confirmation de fermeture de la page pour les membres distraits

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Astuces Forumactif :: Astuces Forumactif :: Toutes versions-
Sauter vers: