[Paid accounts] Inserting a tag cloud in the sidebar or on the tag page

[s2flexisquared]

The code in this tutorial will create tag clouds, which can be inserted into a box in the sidebar, or into the tag page. A tag cloud is an alphabetised list of tags where the most commonly used tags are depicted in a larger font or otherwise emphasized.

To do that, the tags have to be divided into different categories according to their number of

Comments

[kunzite1]

sidebar #1 should prolly read "theme layer" instead of "layer theme."

and because i'm picky, i'd make the tagcloud on TagsPage look more like an entry. the hacks i made up for haven or opal should be a good start with getting an idea of how i'd do it which, imo, looks neater since it's all entry-like and stuff. :)

[snakeling]

1. I can't believe none of us caught that :P

2. Oooh, shiny! I'll have a look at it this weekend, thanks :)

[kunzite1]

1. hee. :D
2. yay! i'm all about consistency.

[snakeling]

2. Done! It was actually very easy, as I stole the code for the sticky post :P

[afuna]

Eep. The tutorial was actually drafted up several days before, and we spent a few days tweaking it (well snakeling and murklinstest tweaked it *grin* I just sat back and watched them.)

If you're interested in seeing tutorials before they come out, you could try monitoring s2flexitalk, our drafts/discussion community. Feel free to jump in to any active discussions, although I don't think there are any active right now. In any case, feel free to start your own! ;)

If you've got any cool new tutorials that you want to post to s2flexisquares, but you want someone to look over them first, you can also post them to s2flexitalk and just wait a bit. No guarantees that we'll catch everything, but someone will usually catch a bit of something (that sounds vaguely nasty).

*pimps*

[xheather]

when I do this, along with the tutorial that moves my tags below my metadata, it totally kills my layout in IE. Any clue as to why this happens? Thanks in advance...

[afuna]

The division by zero? It happens in all browsers, since it has to do with S2 :)

Please make your theme layer viewable, and give us the link.

[snakeling]

I just realised that if someone has the same number of uses for all tags, $max_use_count - $min_use_count will be 0 and give an error message. But it's easy to debug. Once $max_use_count and $min_use_count have been determined, you only have to add something like:
if ($min_use_count == $max_use_count)
{
$max_use_count = $max_use_count + 1;
}And how much do you want to bet that the OP's problem is that she's logged in in Firefox and so have no problems because she has a lot of tags, but she isn't logged in in IE, and thus sees only her unique tag with one use?

I'm going to add the line right now :)

[afuna]

Nice catch :) Perhaps add a note at the bottom of the post stating that it has been updated for the sake of those who used the code earlier?

And hee! So it is the browser's fault, and yet it's not :D

[purecreation]

Sorry if this is the wrong topic, but I it was the closest I could find. Would anyone happen to know if there'd be a way to add a NORMAL list of tags to the sidebar for a community? It looks like you guys have done it here for this one. I already tried adding another extra box with theme layers, but apparently that doesn't work for communities (even if you have a paid account.) My customized community is here sunkissed_icons. The CSS stylesheet I'm using is HERE... Any help would be great!

[snakeling]

The comm needs to be paid :)

The simple tag list tutorial is here.

[purecreation]

fizz_i_cons seems to have managed what I was looking for, and it is a free community account. Wouldn't there be some way to incorporate this into flexisquares?

[snakeling]

fizz_i_cons uses Smooth Sailing (s2smoothsailing) which proposes a tag list in the sidebar for free accounts. Flexible Squares doesn't, sorry.

[427]

Ok - I've stuck it in, it's working. (other than some text formating I need to alter to the way I want it to look). My issue:

Drop tags that have less than x number of uses.

This should create a bubbling of the more common tags, and provide more of a difference in size.

Any help? :D thanks

[snakeling]

provide more of a difference in size.
The difference in size is something that you control anyway. Augment the increment and/or the number of categories :)

Here's the new tag cloud code (in green is what I changed):
#### TAG CLOUD CODE ####

###### Configuration ######

var int tag_category = 8; # The number can be changed if you want more or fewer categories.
var int basefontsize = 80; # size of the first tag category in percent of the default font size of the page.
var int increment = 50; # The difference in size between tag categories.
var string subject = "Tag cloud"; # Title of the tag page.
var int no_print_tag = 3 ; # Minimum number of uses of the tag for it to print.

###### End Configuration ######

var Page p = get_page();
var string list = "";
var int max_use_count = 0 ;
var int min_use_count ;
var int x ;

if (size $p->visible_tag_list() > 0)
{

# Define a maximum number of uses of the tags:
var TagDetail[] visible_tag_list = $p->visible_tag_list();
if($visible_tag_list)
{
foreach var TagDetail td ($p

[427]

^^ It works - Thanks :D

[snakeling]

You're welcome :)