How to transform the names of visible user groups into links

[JARNAR]

This is the template of my usergroups legend:

[SPOILER]
}

span.boofo_separator {
display:none;
}

span.boofo_separator {
padding:0 3px;
color: {vb:stylevar boofo_legend_separator_color};
}

.boofo_usergroup li {
display:inline;
}

.boofo_usergroup_case_1 {
display: block;
margin: 0.5em 0 0.5em;
padding-{vb:stylevar left}: {vb:math {vb:stylevar padding}*2};
}

.boofo_usergroup_case_2 {
display: block;
margin: 0.5em 0 1.0em;
padding-{vb:stylevar left}: {vb:math {vb:stylevar padding}*2};
}

.boofo_usergroup_case_3 {
display: block;
margin: 0.5em 1.5em 0.3em 0em;
text-align: center;
}

.boofo_usergroup_case_4 {
display: block;
margin: 0.5em 1.5em 1.0em 0em;
text-align: center;
}

.boofo_usergroup_case_5 {
display: block;
margin-bottom: 0.5em;
text-align: center;
}

.boofo_usergroup_case_6 {
display: block;
margin: 1.0em 0 0.5em;
text-align: center;
}

.boofo_usergroup_case_7 {
padding-{vb:stylevar left}: {vb:math {vb:stylevar padding}*2};
}

.boofo_usergroup_case_8 {
padding-{vb:stylevar left}: {vb:math {vb:stylevar padding}*2};
margin-top: 1.0em;
}
[/SPOILER]

What should I add?