Marie a écrit :
Bonjour
Bonjour,
Je n'y connais pas grand chose et pour le moment j'essaie de
personnaliser petit à petit un thème déjà existant (trouvé sur le
net). Alors voilà ma question: Actuellement mes tags sont repris en
liste verticale dans ma barre de navigation mais j'aimerais beaucoup
obtenir ce qu'on appelle un "nuage de tags" avec des tailles de police
différentes (en fonction du nombre de références ou de clic)Je crois
que c'est possible car je l'obtiens avec un thème proposé par
Gandiblog.
Pour cela, tu dois d'une part obliger les tags de la barre de navigation
à s'afficher en ligne et non en liste, et d'autre part leur donner une
taille différente selon leur popularité. Ajoute les lignes ci-dessous
dans ta feuille de style personnalisée :
/* nuage de tags */
#sidebar .tags li { display: inline; }
..tag0 { font-size: 75%; }
..tag10 {font-size: 80%; }
..tag20 { font-size: 90%; }
..tag30 { font-size: 100%; }
..tag40 { font-size: 110%; }
..tag50 { font-size: 120%; }
..tag60 { font-size: 140%; }
..tag70 { font-size: 130%; }
..tag80 { font-size: 140%; }
..tag90 { font-size: 150%; }
..tag100 { font-size: 160%; }
Le même problème se pose à l'intérieur des messages ou les tags
s'affichent en liste verticale et ça prend trop de place. Que dois-je
faire pour qu'ils s'affichent horizontalement et que la taille de la
police soit plus petite ?
Même démarche, oblige les tags (ceux du contenu des messages cette
fois-ci) à s'afficher en ligne, et donne leur une taille fixe. Ajoute ce
qui suit dans ta feuille de style :
/* tags en ligne dans les billets */
..post-tags { margin: 0px; padding: 0px; text-align: left; font-size: 80%; }
..post-tags li { display: inline; }
D'avance merci
Marie
(Au cas où: http://marie.rookiesblues.be/ )
Il n'y a pas de quoi. J'espère que ça t'amènera au résultat souhaité ;-)
P.S. Je me permets au passage de t'adresser une petite contribution ; un
dessin d'Enki Bilal intitulé "... Tu m'aimes. Tu m'aimes. Tu m'aimes ?
...." et tiré de son album "32 Décembre" :
http://www.the-puppet-master.net/public/en...
Puppet-Master
http://www.the-puppet-master.net/
