Mod Tags Color

**clems365** · 10-30-2007, 04:40 PM

hi all

a little addon to give some colors in your tags:

In templates>YOUR_TEMPLATE>tag_cloud_center.tpl

Code:

<div style="margin: 10px 0 20px 0; line-height: {$tags_max_pts}pt; margin-left: 10px;">
	{section name=customer loop=$tag_number}
		<span style="font-size: {$tag_size[customer]}pt"><a href="{$tag_url[customer]}">{$tag_name[customer]}</a></span>&nbsp;&nbsp;
	{/section}
</div>

to

Code:

<div style="margin: 10px 0 20px 0; line-height: {$tags_max_pts}pt; margin-left: 10px;">
	{section name=customer loop=$tag_number}
{if ($tag_size[customer] < 9) }
<span style="font-size: {$tag_size[customer]}pt"><a href="{$tag_url[customer]}"><font color="blue">{$tag_name[customer]}</font></a></span>&nbsp;&nbsp;
{/if}
{if ($tag_size[customer] > 9) and ( $tag_size[customer] < 12)}
<span style="font-size: {$tag_size[customer]}pt"><a href="{$tag_url[customer]}"><font color="red">{$tag_name[customer]}</font></a></span>&nbsp;&nbsp;
{/if}
{if ($tag_size[customer] > 12) and ( $tag_size[customer] < 16)}
<span style="font-size: {$tag_size[customer]}pt"><a href="{$tag_url[customer]}"><font color="green">{$tag_name[customer]}</font></a></span>&nbsp;&nbsp;
{/if}
{if ( $tag_size[customer] > 16) }
<span style="font-size: {$tag_size[customer]}pt"><a href="{$tag_url[customer]}"><font color="gray">{$tag_name[customer]}</font></a></span>&nbsp;&nbsp;
{/if}
{/section}
</div>

In sidebar tags

Code:

{* --- to change the way the words are displayed, change this part --- *}
			<span style="font-size: {$tag_size[customer]}pt"> <a href="{$tag_url[customer]}">{$tag_name[customer]}</a> </span>
		{* ---		--- *}

to

Code:

{* --- to change the way the words are displayed, change this part --- *}
{if ($tag_size[customer] < 10) }

<span style="font-size: {$tag_size[customer]}pt"><a href="{$tag_url[customer]}"><font color="blue">{$tag_name[customer]}</font></a></span>&nbsp;&nbsp;
{/if}


{if ($tag_size[customer] > 10) and ( $tag_size[customer] < 11)}

<span style="font-size: {$tag_size[customer]}pt"><a href="{$tag_url[customer]}"><font color="red">{$tag_name[customer]}</font></a></span>&nbsp;&nbsp;
{/if}


{if ($tag_size[customer] > 11) and ( $tag_size[customer] < 12)}

<span style="font-size: {$tag_size[customer]}pt"><a href="{$tag_url[customer]}"><font color="green">{$tag_name[customer]}</font></a></span>&nbsp;&nbsp;
{/if}

{if ( $tag_size[customer] > 12) }

<span style="font-size: {$tag_size[customer]}pt"><a href="{$tag_url[customer]}"><font color="gray">{$tag_name[customer]}</font></a></span>&nbsp;&nbsp;



{/if}
		{* ---		--- *}

Can see this mod in Wikeo / En Portada and Wikeo / Nube de Etiquetas

Best regards
Clems

**proppd** · 10-30-2007, 05:29 PM

Nice work but it's probably better to create a few CSS styles and use those as classes rather than using the <font color="red"> HTML tag which I believe is deprecated.