- Accueil
- Info légales
- Aide (FAQ)
- Les tags de ce site
- Bloc note
- Articles techniques
- Notes system
- Divers articles
- Drupal
- Notes ITIL 2007
- Notes MS
- Dans le quartier...
- Emploi
- Recettes de cuisine et adresses gourmandes
- mes applis ubuntu préferées
- Divers acronymes du monde social
- Internet 2018
- P2 meublé à louer - quartier du Poteau 75018
- apcos - réseaux sociaux et outils
- Articles techniques
- Divers liens
- Fun
- Mon CV IT
- Nouveautés
ex simple modif css d'un theme drupal 7
modèle Fresh 7.x-1.5 dont la css principale est en dru1/sites/ex01/themes/fresh/style.css
Utiliser l'indispensable opera, pour travailler sur les feuilles de style: CTRL+Maj+I (ou Opera DragonFly)
block drapeaux de choix de langue (i18n)
Avec le modèle Fresh 7.x-1.5 (site de test ex01): retirer les puces des listes, et mettre drapeaux l'un à coté de l'autre (horizontallement).
- identifier avec webdev la classe css concernée : language-switcher-locale-url
- identifier et modifier la bonne .css : dru1/sites/ex01/themes/fresh/style.css
- ajouter:
/* block drapeaux de langue sans bullet */
ul.language-switcher-locale-url {
list-style:none;
padding: 0; margin: 0;
color: #fff; background-color: #033;
display: inline; /* sinon block a tt largeur */
margin-left:3px; margin-right:3px; padding-top:3px; padding-bottom:3px;
}
ul.language-switcher-locale-url li { display: inline; }
ul.language-switcher-locale-url li:after{ content: " "; }
ul.language-switcher-locale-url li:last-child:after{ content: ""; }
block contenu récent illisible
Mettre ce block en pied de page (theme Fresh), c'est illisible car en blanc sur fond blanc.
Dans la css, la partie "footer blocks" est vers la ligne 680 (background:#574159;).
-
identifier avec webdev ID concernée : #block-node-recent + id du pied de page est #bottom
mais en fait, on a aussi le soucis pour le bloc devel à coté ("node_access entries"), et on voit qu'il s'agit d'un soucis sur tous les tableaux table du pied de page. - modifier dru1/sites/ex01/themes/fresh/style.css
- #bottom .botwid * est en fff, à modifier par ex tq color: fucshia;
Il serait préférable de modifier la couleur de fond des table en pied de page
déplacer background-color: #ff5b5b; pour identifier les éléments. Ex: #bottom .botwid .block h2 impacte les titres des blocks concernés.