info:concrete5:59:atomikperso

Différences

Ci-dessous, les différences entre deux révisions de la page.

Lien vers cette vue comparative

Les deux révisions précédentes Révision précédente
Prochaine révision
Révision précédente
info:concrete5:59:atomikperso [2026/04/17 06:24] – ↷ Page déplacée de info:concrete5:atomikperso à info:concrete5:59:atomikperso radeffinfo:concrete5:59:atomikperso [2026/06/24 09:52] (Version actuelle) – radeff
Ligne 1: Ligne 1:
-====== atomik ======+====== atomik theme: personnaliser (centrer nav etc) ======
 C'est le thème par défaut depuis la v9 de concretecms, je conseille son utilisation, d'autant que comme l'ancien //elemental// (encore dispo... mais pour combien de temps?), il propose des variantes C'est le thème par défaut depuis la v9 de concretecms, je conseille son utilisation, d'autant que comme l'ancien //elemental// (encore dispo... mais pour combien de temps?), il propose des variantes
 ===== Erreur SEO ===== ===== Erreur SEO =====
Ligne 88: Ligne 88:
  
 ====== centrer le menu atomik "top navigation bar" ====== ====== centrer le menu atomik "top navigation bar" ======
-customiser le css et ajouter cette règle+ajouter un bloc HTML dans une zone globale avec cette règle
  
 <code css> <code css>
-.ccm-block-top-navigation-bar { +<style> 
-  display: flex !important; +/* centrer le menu atomik "top navigation bar" et le titre h1 (atomik theme container style) */ 
-  justify-content: center !important;+.ccm-block-top-navigation-bar, 
 +h1 { 
 +    max-width: 1200px; 
 +    margin: 0 auto; 
 +}   
 +</style> 
 +</code> 
 + 
 +====== multilingue ====== 
 +Un truc très moche dans le sélecteur multilingue sur Atomik: 
 + 
 +{{:info:concrete5:59:snapshot_20260624_095014.webp|}} 
 + 
 +Tout simple pour régler, ajouter cette règle css dans une zone globale (voir //infra//) 
 + 
 +<code css> 
 +/* fix bug display sélecteur de langue */ 
 +.dropdown-menu-lg-end > li:nth-child(2) > a:nth-child(1) { 
 +text-transform: lowercase; 
 } }
 </code> </code>
Ligne 99: Ligne 117:
 ====== La voie "quick'n'dirty ====== ====== La voie "quick'n'dirty ======
 //Last but not least//, un trick immonde pour faire du css sans se fatiguer - mais attention il n'est pas strictement valide! Et ne dites pas que ça vient de moi... //Last but not least//, un trick immonde pour faire du css sans se fatiguer - mais attention il n'est pas strictement valide! Et ne dites pas que ça vient de moi...
 +
 +2 solutions:
 +
 +  * la plus propre
 +
 +ajout de règles CSS sur https://votreSite/dashboard/system/seo/codes
 +
 +<note tip>c'est normalement prévu pour ajouter un tracking code, mais ça fait le taf</note>
 +
 +  * la plus intuitive
  
 ajout d'un bloc HTML avec vos règles css dans une "global zone" (commune à toutes les pages du site) ajout d'un bloc HTML avec vos règles css dans une "global zone" (commune à toutes les pages du site)
  • info/concrete5/59/atomikperso.1776399847.txt.gz
  • Dernière modification : 2026/04/17 06:24
  • de radeff