Tags: List, But Not A Cloud
-
Hi! I have installed Simple Tagging widget and everything ok, but the tags don’t appear as a cloud, but as simple list! How can I make tags appear like a cloud?!?
Thanks!
-
the cloud display is a result of the CSS. you have to style the list.
I have paste this into my style.css
ul#tagcloud { padding:0; margin:0; text-align:center; list-style:none; } ul#tagcloud li { display:inline; font-size:70%; color:#ccc; background: none; padding: 0;} ul#tagcloud li a, ul#tagcloud li a:link { text-decoration:none; } ul#tagcloud li a:hover { text-decoration:underline; } ul#tagcloud li.t1 a { color:#797979; font-size: 120%; } ul#tagcloud li.t2 a { color:#6d6d6d; font-size: 160%; } ul#tagcloud li.t3 a { color:#616161; font-size: 190%; } ul#tagcloud li.t4 a { color:#555555; font-size: 210%; } ul#tagcloud li.t5 a { color:#484848; font-size: 230%; } ul#tagcloud li.t6 a { color:#3c3c3c; font-size: 250%; } ul#tagcloud li.t7 a { color:#303030; font-size: 270%; } ul#tagcloud li.t8 a { color:#242424; font-size: 290%; } ul#tagcloud li.t9 a { color:#181818; font-size: 310%; } ul#tagcloud li.t10 a { color:#0c0c0c; font-size: 330%; }Do I have to change something to make a cloud and not a list?!?
the cloud is a styled list.
Let me see if I understand, I have to change the css in order to make tags appear as a cloud and not as a list. Is that it?!
Thanks.
PPatricio: Nobody here understands what the heck you’re talking about. What do you think a “cloud” is anyway?
A “cloud” IS a list. At least, it’s a form of one. So you’re not really making any sense to us.
How about giving us a link to your site so that we can see what you’ve got and you can tell us what you want it to look like?
Oh! Ok, here is my website: http://www.paulopatricio.com/ – look to the sidebar, where it says Tags.
I want my tags to look like this: http://trac.herewithme.fr/project/simpletagging/attachment/wiki/Tag%20Cloud/tagcloud.png
Thanks!
That is, type of tags with different sizes.
each of your tags in the sidebar is just a
<a>under a<ul>start, so your css with<li>has nothing to style.plus all the t1 t2 etc aren’t in your list either. so they are all just
<a>, with no way to distinguish between themIt looks like you don’t have the right settings for the tag cloud format, because the list items are being cut out entirely.
Try changing various settings of the widget. The global/individual thing looks interesting. Also examine the simple tagging options, if there’s somewhere to set the cloud link format string, set it to this:
<li class="t%scale%"><a title="%tagname% (%count%)" href="%fulltaglink%">%tagname%</a></li>
The topic ‘Tags: List, But Not A Cloud’ is closed to new replies.