|
FORUMS PROFESSIONNELS WINDEV, WEBDEV et WINDEV Mobile |
| | | | | |
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 |
| |
| |
| | | |
|
| | | | |
| | |
| | |
| |
|
|
|