brunog.fr http://www.brunog.fr/ fr SPIP - www.spip.net brunog.fr https://brunog.fr/local/cache-vignettes/L144xH119/siteon0-52418.jpg?1788274323 http://www.brunog.fr/ 119 144 Couleurs https://brunog.fr/Couleurs https://brunog.fr/Couleurs 2020-02-24T14:28:05Z text/html fr bruno <p>Pour le choix des couleurs on utilise hhh : <br class='autobr' /> Par défaut : perso.css <br class='autobr' /> Puis pour fixer des couleurs selon les rubriques, les champs Couleur fond -> coulfondCouleur menu -> coulmenuCouleur bando -> coulbandoCouleur H1->coulh1Couleur typo ->coultypo <br class='autobr' /> Pour créer ces champs on utilise le plugin "Champ extra" - Réglages <br class='autobr' /> Puis le fichier "inclure->couleur" appeler dans les squelettes Propositions de couleurs <br class='autobr' /> 990099 - 999999 f29400 - 0087c0 ffcc00 - b60d27 7b8d9d - 00abe5 (…)</p> - <a href="https://brunog.fr/-charte-graphique-" rel="directory">Charte graphique</a> <div class='rss_texte'><p>Pour le choix des couleurs on utilise hhh :<img src="http://brunog.fr/demo/local/cache-vignettes/L10xH10/br-manuel-10-418b3.png?1568625426" alt="Retour ligne manuel" title="Retour ligne manuel" class="br-manuel" width='10' height='10'><br></p> <p>Par défaut : perso.css<img src="http://brunog.fr/demo/local/cache-vignettes/L10xH10/br-manuel-10-418b3.png?1568625426" alt="Retour ligne manuel" title="Retour ligne manuel" class="br-manuel" width='10' height='10'><br></p> <p>Puis pour fixer des couleurs selon les rubriques, les champs<img src="http://brunog.fr/demo/local/cache-vignettes/L10xH10/br-manuel-10-418b3.png?1568625426" alt="Retour ligne manuel" title="Retour ligne manuel" class="br-manuel" width='10' height='10'><br></p> <ul><li>Couleur fond -> coulfond</li><li>Couleur menu -> coulmenu</li><li>Couleur bando -> coulbando</li><li>Couleur H1->coulh1</li><li>Couleur typo ->coultypo</li></ul> <p>Pour créer ces champs on utilise le plugin "<a data-cke-saved-="" href='http://www.brunog.fr/spip3/ecrire/spip.php?rubrique7'>Champ extra</a>" - <a data-cke-saved-="" href='http://www.brunog.fr/spip3/ecrire/ecrire/?exec=champs_extras'>Réglages</a><img src="http://brunog.fr/demo/local/cache-vignettes/L10xH10/br-manuel-10-418b3.png?1568625426" alt="Retour ligne manuel" title="Retour ligne manuel" class="br-manuel" width='10' height='10'><br></p> <p>Puis le fichier "inclure->couleur" appeler dans les squelettes<img src="http://brunog.fr/demo/local/cache-vignettes/L10xH10/br-manuel-10-418b3.png?1568625426" alt="Retour ligne manuel" title="Retour ligne manuel" class="br-manuel" width='10' height='10'><br></p> <h3 class="spip">Propositions de couleurs<img src="http://brunog.fr/demo/local/cache-vignettes/L10xH10/br-manuel-10-418b3.png?1568625426" alt="Retour ligne manuel" title="Retour ligne manuel" class="br-manuel" width='10' height='10'><br></h3> <p><strong><span style="color:#990099;">990099</span> -<span style="color:#999999;"> 999999</span><img src="http://brunog.fr/demo/local/cache-vignettes/L10xH10/br-manuel-10-418b3.png?1568625426" alt="Retour ligne manuel" title="Retour ligne manuel" class="br-manuel" width='10' height='10'><br><span style="color:#f29400;">f29400</span> - <span style="color:#0087c0;">0087c0</span><img src="http://brunog.fr/demo/local/cache-vignettes/L10xH10/br-manuel-10-418b3.png?1568625426" alt="Retour ligne manuel" title="Retour ligne manuel" class="br-manuel" width='10' height='10'><br><span style="color:#ffcc00;">ffcc00</span> - <span style="color:#b60d27;">b60d27</span><img src="http://brunog.fr/demo/local/cache-vignettes/L10xH10/br-manuel-10-418b3.png?1568625426" alt="Retour ligne manuel" title="Retour ligne manuel" class="br-manuel" width='10' height='10'><br><span style="color:#7b8d9d;">7b8d9d</span> - <span style="color:#00abe5;">00abe5</span><img src="http://brunog.fr/demo/local/cache-vignettes/L10xH10/br-manuel-10-418b3.png?1568625426" alt="Retour ligne manuel" title="Retour ligne manuel" class="br-manuel" width='10' height='10'><br><span style="color:#e75012;">e75012</span> - <span style="color:#8a5f28;">8a5f28</span><img src="http://brunog.fr/demo/local/cache-vignettes/L10xH10/br-manuel-10-418b3.png?1568625426" alt="Retour ligne manuel" title="Retour ligne manuel" class="br-manuel" width='10' height='10'><br><span style="color:#c8d100;">c8d100</span> - <span style="color:#e2001a;">e2001a</span></strong><img src="http://brunog.fr/demo/local/cache-vignettes/L10xH10/br-manuel-10-418b3.png?1568625426" alt="Retour ligne manuel" title="Retour ligne manuel" class="br-manuel" width='10' height='10'><br></p> <p> <strong><span style="color:#e2001a;"><a href='http://colorschemedesigner.com/' class="spip_url spip_out auto" rel="nofollow external">http://colorschemedesigner.com/</a></span></strong><br></p></div> Polices de caractères https://brunog.fr/Polices-de-caracteres https://brunog.fr/Polices-de-caracteres 2020-02-24T14:27:00Z text/html fr bruno <p>Utilisation de police personnalisée <br class='autobr' /> Utilisation, par exemple, de Google Web Fonts. <br class='autobr' /> Mais à réserver au titre ou sous titre car ralentisse le chargement de la page. <br class='autobr' /> Et à tester sur les différents navigateurs <br class='autobr' /> Pour en savoir plus, voir les sites : http://www.alsacreations.com/astuce/lire/630-fonte-personnalisee-site-web.html <br class='autobr' /> Utilisation du plugin WebFonts</p> - <a href="https://brunog.fr/-charte-graphique-" rel="directory">Charte graphique</a> <div class='rss_texte'><h3 class="spip"> Utilisation de police personnalisée</h3> <p> Utilisation, par exemple, de <a href='http://www.google.com/webfonts' target="blank">Google Web Fonts</a>.</p> <p> Mais à réserver au titre ou sous titre car ralentisse le chargement de la page.</p> <p> Et à tester sur les différents navigateurs</p> <p> Pour en savoir plus, voir les sites :</p> <ul><li> <a class="spip_url spip_out auto" href='http://www.alsacreations.com/astuce/lire/630-fonte-personnalisee-site-web.html' rel="nofollow external" target="blank">http://www.alsacreations.com/astuce/lire/630-fonte-personnalisee-site-web.html</a></li></ul> <p> Utilisation du plugin <a href='http://contrib.spip.net/Webfonts' rel="info" target="blank">WebFonts</a><br></p></div>