PC SOFT

FORUMS PROFESSIONNELS
WINDEVWEBDEV et WINDEV Mobile

Accueil → WEBDEV 2024 → Feuille de style externe
Feuille de style externe
Débuté par Dataco, 10 oct. 2021 20:49 - 4 réponses
Posté le 10 octobre 2021 - 20:49
Bonsoir,

Comment coder ma page afin que sa feuille de style soit dynamique. Je souhaiterai référencé un fichier CSS externe à ma page.

Ainsi lors de la publication de ma page chez un client, je pourrai adapter le fichier CSS afin qu'il s'adapte au CSS de mes client, mes clients vont encapsuler ma page dans un iFrame.

Merci pour votre aide
Membre enregistré
32 messages
Posté le 09 novembre 2021 - 11:36
Bonjour,

J'ai le même besoin, avez-vous trouvé une solution ?

Merci.
Posté le 09 novembre 2021 - 15:57
Bonsoir,

Comment coder ma page afin que sa feuille de style soit dynamique. Je
souhaiterai référencé un fichier CSS externe à ma page.

Ainsi lors de la publication de ma page chez un client, je pourrai adapter le
fichier CSS afin qu'il s'adapte au CSS de mes client, mes clients vont
encapsuler ma page dans un iFrame.

Merci pour votre aide


rajouter la page css par programmation avec
MaPage..HTMLEntête

--
L'absence de virus dans ce courrier électronique a été vérifiée par le logiciel antivirus Avast.
https://www.avast.com/antivirus
Membre enregistré
32 messages
Posté le 03 décembre 2021 - 12:49
Bonjour,

Merci pour votre réponse, pouvez-vous me donner un exemple svp ?

Car je ne parviens pas à ajouter une feuille CSS comme vous l'indiquez.

Et de plus, les styles CSS ajoutés par ce biais n'apparaitront pas dans le volet "Style" de l'éditeur ?
Et s'il faut passer par un changement de style de tous les éléments souhaité par programmation, cela me semble compliqué (long et risque d'oubli pour les futures potentiels nouveaux éléments ajouter dans le site).

Merci :)
Posté le 03 décembre 2021 - 15:36
Le 03/12/2021, Tristan a supposé :
Bonjour,

Merci pour votre réponse, pouvez-vous me donner un exemple svp ?

Car je ne parviens pas à ajouter une feuille CSS comme vous l'indiquez.

Et de plus, les styles CSS ajoutés par ce biais n'apparaitront pas dans le
volet "Style" de l'éditeur ?
Et s'il faut passer par un changement de style de tous les éléments souhaité
par programmation, cela me semble compliqué (long et risque d'oubli pour les
futures potentiels nouveaux éléments ajouter dans le site).

Merci :)


bonjour
voici un exemple de code mis dans le code d'initialisation de la page


messcriptentete=[

<link rel="stylesheet" type="text/css"
href="/VC_PARTAGE/FONTS/FontsIconsExt.css?%2">
<link rel="stylesheet" type="text/css"
href="/VC_PARTAGE/CSS/menu_responsif.css?%2">
<!--<link rel="stylesheet" type="text/css"
href="/VC_PARTAGE/CSS/csscouleur.css?%2">-->

<link rel="stylesheet" type="text/css"
href="%1/template/CSS/persopage.css">
<link rel="stylesheet" type="text/css"
href="%1/template/CSS/bootstrap.min.css?%2">

<script src="%1/template/JS/jquery.min.js"></script>
<script src="%1/template/JS/bootstrap.min.js"></script>
<style>
.simple-box {
padding: 10px;
margin: 1em 0;

background: rgba(0, 0, 0, 0.1);
border: solid 1px hsl(0, 0%, 77%);
border-radius: 2px;
}

.simple-box-title,
.simple-box-description {
padding: 10px;
margin: 0;

background: #fff;
border: solid 1px hsl(0, 0%, 77%);

}

.simple-box-title {
margin-bottom: 10px;
background-color: #066938;
color: white;
font-size: 16px;
}
.simple-box-title:focus{
background-color: #066938!important;
color: white;
}
#HTMLSELECT{
text-align:center;
}

.simpleBoxTitleUnchangeable,
.simpleBoxDescriptionUnchangeable {
padding: 10px;
margin: 0;

background: #fff;
border: solid 1px hsl(0, 0%, 77%);

}

.simpleBoxTitleUnchangeable {
margin-bottom: 10px;
background-color: #066938;
color: white;
font-size: 16px;
}
.simpleBoxTitleUnchangeable:focus{
background-color: #066938!important;
color: white;
}
#POPUPLATERAL img{
max-width:100%;
}
</style>

]
MaPage..HTMLEntête=ChaîneConstruit(messcriptentete,"/"+RépertoireWeb,gIDSession)


donc avec des paramètres en % cela te permet de distinguer un client
particulier pour les css
Ci dessus le ?%2 avec un n° de la session permet d'éviter les problèmes
de cache sur les css par exemple.

Oui cela ne sera pas géré dans les stymes WebDev, mais c'est le moyen
le plus souple de procéder.
Et avec les css maintenant on va très loin dans la personnalisation.
Moi c'est pas mon truc mais mes developpeurs sont excellents avec ça.

--
L'absence de virus dans ce courrier électronique a été vérifiée par le logiciel antivirus Avast.
https://www.avast.com/antivirus