Change Tagcloud Colors

Posted by gerdami on 15 Nov 2007 07:09, last edited by GoVegan on 09 May 2010 05:34

Tags: color rgb tag tagcloud

Samples

From yellow to red

acronym adsense application architecture art australia band battleground blog blue calendar cartoon classical coffee comic-book community consultant css css3 custom-css

From blue to green

acronym adsense application architecture art australia band battleground blog blue calendar cartoon classical coffee comic-book community consultant css css3 custom-css

From green to red

acronym adsense application architecture art australia band battleground blog blue calendar cartoon classical coffee comic-book community consultant css css3 custom-css

From red to black

acronym adsense application architecture art australia band battleground blog blue calendar cartoon classical coffee comic-book community consultant css css3 custom-css

3D

Code

++ From yellow to red
[[module TagCloud minFontSize="80%" maxFontSize="200%"  minColor="255,255,0" maxColor="255,0,0" limit="20" category="featured" target="system2:page-tags-featured" limit="20"]]
++ From blue to green
[[module TagCloud minFontSize="80%" maxFontSize="200%"  minColor="0,0,255" maxColor="0,255,0" limit="20" category="featured" target="system2:page-tags-featured" limit="20"]]
++ From green to red
[[module TagCloud minFontSize="80%" maxFontSize="200%"  minColor="0,255,0" maxColor="255,0,0" limit="20" category="featured" target="system2:page-tags-featured" limit="20"]]
++ From red to black
[[module TagCloud minFontSize="80%" maxFontSize="200%"  minColor="255,0,0" maxColor="0,0,0" limit="20" category="featured" target="system2:page-tags-featured" limit="20"]]

Links

http://www.wikidot.com/doc:TagCloud-module
http://community.wikidot.com/glossary:rgb

Authors

gerdami. Please visit his/her userPage.

---

Related articles

• Design Your Own CSS Theme
• TabView Colours
• Show a list of pages and the tags attached to them
• Forums: A step by step guide
• Create and Use Tag Trees
• Mass-tagging of pages with Wikidot-API

Comments

It does not work...

Brunhilda 08 Mar 2008 01:49

I copied it to my wiki, but it does not work… Art each color it says: Category "featured" can not be found.

What is that I do wrong?

---

If slaughterhouses had glass walls, everyone would be vegan. - Paul McCartney

Re: It does not work...

Helmut_pdorf 08 Mar 2008 07:51

You have to change the category="…." to YOUR used category!
The example is written for the site www. community.wikidot.com and is used only for the featured sites"

[http://community.wikidot.com/start-featured]

OR - If you have no specific Tag Clouds for different categories (like in the example for "featured" only)
you should not use the category variable or attribute!

Page tags are always collected for a specified category or "all"
( have a look at the attributes of "category" : [http://www.wikidot.com/doc:TagCloud-module]

Typical "page- tags" page for "all" categories is the "landing" or "target" page for the tag cloud module on the link on the left side menu):
[http://community.wikidot.com/system:page-tags]

and the asked category is in this case was "all" by NOT asking or selecting any category.

(BTW: on our community site there are more categories used in more cases landing on different target-pages ( "system2":page-tags a.s.o.)

On a "normal" landing "target" page the source is only the following:

[[div style="float:right; width: 50%;"]]
[[module TagCloud limit="200" target="system:page-tags"]]
[[/div]]
[[module PagesByTag]]

Your landing "system:page-tags" page should look like this one. than you can change later the fonts in color and size…
If you do not have such page - create it and insertthis code!
Regards
helmut

---

Service is my success. My webtips:www.blender.org (Open source), Wikidot-Handbook.

Sie können fragen und mitwirken in der deutschsprachigen » User-Gemeinschaft für WikidotNutzer oder
im deutschen » Wikidot Handbuch ?

Last edited on 08 Mar 2008 08:14 by Helmut_pdorf Show more