User Tags per Row

[x_Coffee_x]

Does anyone know where I can find this mod/how to do this?

[Lynne]

This was talked about recently (a month or so ago?). Have you tried a search at all?

[x_Coffee_x]

I looked but couldn't find it.. Can you please link me? Thanks in advance.

[Lynne]

I don't have a link to it. I don't think it was in the modification area, I just remember discussing with a guy how to do it (set up a user profile field, modify width of div tags for ranks based on how many tags per row).

[x_Coffee_x]

I found a link on Displaying Ranks, but he was told to request a Paid Service, however that was nothing that I am looking for.. Basically, I just want it to like.. after 6 or 7 ranks, start a new line with the rest of the ranks. I am not looking for this mod specifically, but I knew that this mod does that. If you can just tell me how to make it so after about 5, 6, or 7 ranks it made a new row of them.. That would be great.

[Lynne]

You just make divs around each rank:
<div class="$var">rank1</div>
<div class="$var">rank2</div>
<div class="$var">rank3</div>

etc. and use a different class based on the number of tags.

2 tags, $var = class50
3 tags, $vat = class33
4 tags, $var = class25
etc

and then:
.class50 {width:50%;}
.class33 {width:33%;}
.class25 {width:25%;}
etc

[x_Coffee_x]

Uh.. what.. I'm confused, where do I put all of that? I get I put <div class="$var"><img src="whatever"></div>.. but I don't get the other 2 things..

For 4 tags, would I do <div class="$var=class25"><img src="whatever"></div>? If so, where would I put that .class50 {width:50%;} and everything? Also, what are the ones for 5 or 6 tags?

[Lynne]

You'll need to write a plugin to get the field where they set the number of tags and set $var from that. The classes just go in the additional.css template (or whichever template you choose to put them in).

As for widths... 2 tags, width = 1/2. For 3 tags, width = 1/3, etc. Times it by 100 to get the percent.

[x_Coffee_x]

Ok, this is what I did.
I put this in Additional CSS;

.class50 {width:50%;}
.class33 {width:33%;}
.class25 {width:25%;}

Then I went into the Ranks Manager and did this code;

<div class="class25"><img src="myimagelink"></div>

But after I did this to every rank, now they are all stacked on top of eachother, which I simply could have done by just using the Yes option with the Stack Rank feature.. How can I make it so its 4 per row? Here's a snapshot.

[Lynne]

You also need to put all the divs/ranks into a big div that stretches across the whole area (width: 100%). Also, I have no idea what other CSS you may have being applied to your ranks - clear tags? float tags? Very hard to tell by an image but you need to look at that also.