Et voilà! Cela devait arriver! On apprend le CSS, on le tripatouille, on le bidouille et advient ce qui doit advenir: un menu de navigation intégré à mes articles (le petit truc rose en haut à
droite). Yes! Fini la grosse barre d'icônes pas très ergonomique en bas de page. Et surtout - voyez comme je pense à vous- plus besoin de chercher partout dans le blog où est caché ce foutu
bouton qui permet de revenir à l'accueil ou d'atteindre le menu qui nous permettrait de changer de rubrique quitte à se remonter tout le blog à contre courant dans un scrollmonstrueux à se faire
une entorse de l'index et/ou un torticoli des yeux ( on est bien d'accord, à vous aussi c'est arrivé).
Certes, je sais que le CSS n'a pas pour unique finalité de générer des menus déroulant. Et aussi que ce type de navigation fait l'objet de critiques en ergonomie web du fait que les informations
contenues dans ce type de menu sont cachées au regard.
Mais c'est aussi une des nombreuses application du CSS qui permet à un débutant comme moi de se familiariser avec les subtilités de ce langage. D'autre part vous vous rendrez
vite compte que je n'ai pas grand chose à cacher. Je vous laisse le soin de tester son confort d'utilisation et de m'en faire un retour si le coeur vous en dit. Parce que même si je me suis
beaucoup amusé à réaliser cette petite merveille de CSS - il faut savoir rester modeste dans la vie - c'est surtout en pensant à vous, à vos yeux et à vos index que je l'ai
conçu.
Publié dans : webdesign
-
-
Par stéphane carton
Lundi 5 décembre 2011
1
05
/12
/Déc
/2011
21:55
1
ah mais c'est super ça :)) et comment on fait ça ?
super design aussi de blog
je suis allée voir le site http://schema.org/ mais je ne comprends pas grand chose (via le forum ob )
Salut nessa!
ça fait plaisir tout cet enthousisame, c'est encourageant! Merci, merci!
Le mini-menu se construit en personnalisant les feuilles de style du blog (modifier le CSS).
Pour cela via l'interface d'admin de ton blog il faut paramétrer tes options de réglages avancés dans les options globales (configurer>options globales>réglages avancés :cocher Appliquer ma feuille de style personnalisée (design) dans l'éditeur d'articles et Permettre la configuration des id XHTML des modules)
Ensuite tu suis Configurer>design>personnaliser mon thème, tu sélectionnes l'onglet mon style et tu coches Appliquer ma feuille de style personnalisée pour que les modifs de ton CSS reste prioritaire sur le design initial de ton blog.
Là tout est prêt pour personnaliser le code CSS de ton blog. Bienvenue au niveau 2!!!
Pour le code qui permet de réaliser ce genre de bidouille, je pense publier un post prochainement pour expliquer tout cela... par le menu ^^
A bientôt et bonne journée