GlenWin
Gold Membership
Nuke Master
Posts:713
.Glen.1/XL-animation_thumb.gif)
 |
| 12/09/2007 3:10 PM |
|
Hi Scott,
I saw on onther modules that they have random Color Tag Clouds see here which look really cool -especially if you have lots of Tags ...Is it possiple you can add this may be as an option in the tag module Settings? Thanks |
|
|
|
|
Scott McCulloch
Administrators
Nuke Master
Posts:12596
|
| 12/09/2007 3:30 PM |
|
You can add colours, by overriding hte styles found in the module.css:-
.tagCloud a:link.weight1, .tagCloud a:visited.weight1, .tagCloud a:active.weight1, .tagCloud a:hover.weight1
{
font-size: 14px;
}
.tagCloud a:link.weight2, .tagCloud a:visited.weight2, .tagCloud a:active.weight2, .tagCloud a:hover.weight2
{
font-size:13px;
}
.tagCloud a:link.weight3, .tagCloud a:visited.weight3, .tagCloud a:active.weight3, .tagCloud a:hover.weight3
{
font-size: 12px;
}
.tagCloud a:link.weight4, .tagCloud a:visited.weight4, .tagCloud a:active.weight4, .tagCloud a:hover.weight4
{
font-size: 11px;
}
.tagCloud a:link.weight5, .tagCloud a:visited.weight5, .tagCloud a:active.weight5, .tagCloud a:hover.weight5
{
|
|
Scott McCulloch
Site Administrator |
|
|
GlenWin
Gold Membership
Nuke Master
Posts:713
|
| 12/09/2007 4:05 PM |
|
I modified it to this :
.tagCloud a:link.weight1, .tagCloud a:visited.weight1, .tagCloud a:active.weight1, .tagCloud a:hover.weight1
{
font-size: 14px;
}
.tagCloud a:link.weight2, .tagCloud a:visited.weight2, .tagCloud a:active.weight2, .tagCloud a:hover.weight2
{
font-size:13px;
font-color: #2BFBAF
}
.tagCloud a:link.weight3, .tagCloud a:visited.weight3, .tagCloud a:active.weight3, .tagCloud a:hover.weight3
{
font-size: 12px;
font-color: #FF11B1
}
.tagCloud a:link.weight4, .tagCloud a:visited.weight4, .tagCloud a:active.weight4, .tagCloud a:hover.weight4
{
font-size: 11px;
}
.tagCloud a:link.weight5, .tagCloud a:visited.weight5, .tagCloud a:active.weight5, .tagCloud a:hover.weight5
{
font-size: 10px;
font-color: #D64FFF
...but still no color - I am missing something ??? ( my html is only at beginner level :)) ...) |
|
|
|
|
Scott McCulloch
Administrators
Nuke Master
Posts:12596
|
| 12/09/2007 4:13 PM |
|
Where did you put the changes (skin or portal stylesheet?)
Did you do a full refresh of the page? |
|
Scott McCulloch
Site Administrator |
|
|
GlenWin
Gold Membership
Nuke Master
Posts:713
|
| 12/09/2007 5:07 PM |
|
| Yes I did ctrl +F5 .... after I modified it both tagCloud module- /httpdocs/DesktopModules/SimpleGallery Tag Cloud/module.css and Simple Galerry Main mod- /httpdocs/DesktopModules/SimpleGallery/module.css |
|
|
|
|
GlenWin
Gold Membership
Nuke Master
Posts:713
|
| 12/10/2007 7:45 PM |
|
Hi Scott,
Did you test to see if color can work in your site or local host ? I still cant get color to work for Tags Cloud on my site ..
Cheers |
|
|
|
|
GlenWin
Gold Membership
Nuke Master
Posts:713
|
| 12/11/2007 7:51 PM |
|
Posted By glenwin on 12/09/2007 4:05 PM
I modified it to this :
.tagCloud a:link.weight1, .tagCloud a:visited.weight1, .tagCloud a:active.weight1, .tagCloud a:hover.weight1
{
font-size: 14px;
}
.tagCloud a:link.weight2, .tagCloud a:visited.weight2, .tagCloud a:active.weight2, .tagCloud a:hover.weight2
{
font-size:13px;
font-color:#2BFBAF;
}
.tagCloud a:link.weight3, .tagCloud a:visited.weight3, .tagCloud a:active.weight3, .tagCloud a:hover.weight3
{
font-size: 12px;
font-color:#FF11B1;
}
.tagCloud a:link.weight4, .tagCloud a:visited.weight4, .tagCloud a:active.weight4, .tagCloud a:hover.weight4
{
font-size: 11px;
}
.tagCloud a:link.weight5, .tagCloud a:visited.weight5, .tagCloud a:active.weight5, .tagCloud a:hover.weight5
{
font-size: 10px;
font-color:#D64FFF;
...but still no color - I am missing something ??? ( my html is only at beginner level :)) ...)
Is the above module.css modification for adding color correct ??? I made the changes in both the TagCloud module.css and tte Main SG module.css
Anyone has any sucess with adding Tag colors .... ? Can Anyone share me some tips how to add color ... I tried Scott's method and it does not show any color :(( |
|
|
|
|
Robert Axford
Gold Membership
Nuke Master
Posts:756
|
| 12/13/2007 3:39 PM |
|
I have't checked the tags module but here are some tips that will help.
Make sure you always force refresh to see any css changes - Control F5
But assuming you know that, then try putting the styles in the portal css in the Admin Settings page of the portal. That is the last sheet that gets applied so you can test there first to ensure you've got the right styles.
You should also install Firefox and then add the Firebug and Web Developer extensions.
View your page, then rightclick one of the tags and select Inspect Element (the lower one if there are two on the menu). This will display the html and the css that is affecting the item. It also indicates which style sheet the css is coming from.
An easy way to work on the css live is to use Edit CSS on the CSS menu (these things are all visible after you have isntalled those extensions). This opens all the style sheets in tabs and in the correct order left to right, and you can make changes there or paste your styles in to see if it works. The results display immediately. When you have figured out what works you can copy and paste the changes into your actual style sheets on the server. Remember that portal.css within the portal's own folder over-rides all and is safe from upgrades.
All of this will be very educational so I recommend it.
Rob |
|
|
|
|
Scott McCulloch
Administrators
Nuke Master
Posts:12596
|
| 12/13/2007 5:39 PM |
|
| Glen, instead of font-color, try just color: green, etc. |
|
Scott McCulloch
Site Administrator |
|
|
GlenWin
Gold Membership
Nuke Master
Posts:713
|
| 12/13/2007 8:05 PM |
|
| Hey thanks for the tips Scott , color does work ok now :)) |
|
|
|
|