Je remplace le "jaune" 1b8102 par un très beau vert, #1b8102
Pour contrôle j'ouvre avec FireFox.
Il ne me reste plus qu'à uploader avertissement.svg dans /squelettes/images
et de mettre dans perso.css #texte-article .avertissement {
background-image: url("squelettes/images/avertissement.svg");
}
A la fin...
div#texte-article .avertissement {
background-color: #e6f8e2;/* couleur de fond de la zone */
background-image: url("/squelettes/images/avertissement.svg");
display: inline-block;
border: none;
border-radius: 5px;/*5 à la place de 20 pour réduire les arrondis*/
margin: 0 10% 2em 10%;
min-height: 40px;
padding: 15px 20px 15px 80px;
text-align: left;
vertical-align: middle;
width: 70%;
box-shadow: 10px 10px 5px rgb(60, 120, 60); /* à la place de #888888... tant qu'on est à bidouiiler */
color: black;
background-size: auto 32px;/* 32, c'est la taille du bidule*/
background-position: center left 20px;
background-repeat: no-repeat;
}
On peut aussi avoir la chtite vignette du menu déroulant dans le nouveau style, mais c'est une ch...re d'enfer à faire.
Vous aussi, grâce à Escal et à Sublime Texte, passez des 14 juillet inoubliables !
Yves
dans ton perso.css, la magie de la balise #CHEMIN agira
Le 14/07/2019 à 17:20, Yves_forums a écrit :
Dans la série le svg et l'éditeur de texte...
J'ai une zone "avertissement" sur ma page. http://www.saint-sulpice-les-feuilles.fr/
Je regarde avec l'inspecteur ce qui génère le pont d'exclamation, je trouve que c'est #texte-article .avertissement
avec
background-image: url('//www.monbossite.fr/plugins/auto/escal/v4.2.99/images/avertissement.svg');
Je télécharge :
/plugins/auto/escal/v4.2.99/images/avertissement.svg'
Je l'ouvre avec Sublime Text ou autre, et, vu qu'il y a un dégradé, je cherche "gradient" ;
j'ai deux occurrences :
Je remplace le "jaune" 1b8102 par un très beau vert, #1b8102
Pour contrôle j'ouvre avec FireFox.
Il ne me reste plus qu'à uploader avertissement.svg dans /squelettes/images
et de mettre dans perso.css #texte-article .avertissement {
background-image: url("squelettes/images/avertissement.svg");
}
A la fin...
div#texte-article .avertissement {
background-color: #e6f8e2;/* couleur de fond de la zone */
background-image: url("/squelettes/images/avertissement.svg");
display: inline-block;
border: none;
border-radius: 5px;/*5 à la place de 20 pour réduire les arrondis*/
margin: 0 10% 2em 10%;
min-height: 40px;
padding: 15px 20px 15px 80px;
text-align: left;
vertical-align: middle;
width: 70%;
box-shadow: 10px 10px 5px rgb(60, 120, 60); /* à la place de #888888... tant qu'on est à bidouiiler */
color: black;
background-size: auto 32px;/* 32, c'est la taille du bidule*/
background-position: center left 20px;
background-repeat: no-repeat;
}
On peut aussi avoir la chtite vignette du menu déroulant dans le nouveau style, mais c'est une ch...re d'enfer à faire.
dans ton perso.css, la magie de la balise #CHEMIN agira
Mais quel squelette avons-nous !
Là, chapô !
Bonne soirée,
Yves
Le 14/07/2019 à 17:20, Yves_forums a écrit :
Dans la série le svg et l'éditeur de texte...
J'ai une zone "avertissement" sur ma page. http://www.saint-sulpice-les-feuilles.fr/
Je regarde avec l'inspecteur ce qui génère le pont d'exclamation, je trouve que c'est #texte-article .avertissement
avec
background-image: url('//www.monbossite.fr/plugins/auto/escal/v4.2.99/images/avertissement.svg');
Je télécharge :
/plugins/auto/escal/v4.2.99/images/avertissement.svg'
Je l'ouvre avec Sublime Text ou autre, et, vu qu'il y a un dégradé, je cherche "gradient" ;
j'ai deux occurrences :
Je remplace le "jaune" 1b8102 par un très beau vert, #1b8102
Pour contrôle j'ouvre avec FireFox.
Il ne me reste plus qu'à uploader avertissement.svg dans /squelettes/images
et de mettre dans perso.css #texte-article .avertissement {
background-image: url("squelettes/images/avertissement.svg");
}
A la fin...
div#texte-article .avertissement {
background-color: #e6f8e2;/* couleur de fond de la zone */
background-image: url("/squelettes/images/avertissement.svg");
display: inline-block;
border: none;
border-radius: 5px;/*5 à la place de 20 pour réduire les arrondis*/
margin: 0 10% 2em 10%;
min-height: 40px;
padding: 15px 20px 15px 80px;
text-align: left;
vertical-align: middle;
width: 70%;
box-shadow: 10px 10px 5px rgb(60, 120, 60); /* à la place de #888888... tant qu'on est à bidouiiler */
color: black;
background-size: auto 32px;/* 32, c'est la taille du bidule*/
background-position: center left 20px;
background-repeat: no-repeat;
}
On peut aussi avoir la chtite vignette du menu déroulant dans le nouveau style, mais c'est une ch...re d'enfer à faire.
