Methods for Generating Colored Web Links

See ColoredWebLinks for a description of what these are for and discussion.

I tried several methods of generating the list to test performance. In the end I settled on having the links as an include from a topic in TWiki Web to make it easy to update as new webs are added. I then used a search to generate the completely static HTML (method 2 below) that I would then paste in the topic. This was so I could format the links into rows and tidy it up.

The basic procedure I use is as follows:

1. Copy the HTML the while viewing the topic
   
2. Edit a topic that is included in the site skin, i.e. TWiki.WebTopBar (for PatternSkin), and paste in the HTML (inside the %STARTINCLUDE% and %STOPINCLUDE% variables if you are using them.)
3. (for methods 1-3) Remove any webs you don't want and put in the order you prefer. Add extra rows and adjust the colspans to fit.

You might want to use the completly dynamic method while adding webs and then make it static afterwards.

View Method 4 to see what all the methods should appear like if pasted into a topic.

View this topic in raw format to see how each method works.

Method 1 - Using %SEARCH%:

Raw:

      <table border="0" cellspacing="1" cellpadding="1">
       <tr><td><font face='Verdana,Geneva,Arial,Helvetica,sans-serif' size='-2'>Webs:</td>
%SEARCH{ "WebPreferences" regex="on" scope="topic" web="all" nototal="on" nosearch="on" format="        <td bgcolor=\"$pattern(.*?\* Set WEBBGCOLOR\s*=\s*([^\s]*).*)\"><font face='Verdana,Geneva,Arial,Helvetica,sans-serif' size='-2'>&amp;nbsp;<b><a href=\"%<nop>SCRIPTURL%/view%<nop>SCRIPTSUFFIX%/$web/%<nop>HOMETOPIC%\">$web</a></b>&amp;nbsp;</font></td>" }%
       </tr>
      </table>

Output when evaluated:

      <table border="0" cellspacing="1" cellpadding="1">
       <tr><td><font face='Verdana,Geneva,Arial,Helvetica,sans-serif' size='-2'>Webs:</td>
        <td bgcolor="#D0D0D0"><font face='Verdana,Geneva,Arial,Helvetica,sans-serif' size='-2'>&nbsp;<b><a href="%SCRIPTURL%/view%SCRIPTSUFFIX%/Blog/%HOMETOPIC%">Blog</a></b>&nbsp;</font></td>
        <td bgcolor=""><font face='Verdana,Geneva,Arial,Helvetica,sans-serif' size='-2'>&nbsp;<b><a href="%SCRIPTURL%/view%SCRIPTSUFFIX%/Codev/%HOMETOPIC%">Codev</a></b>&nbsp;</font></td>
        <td bgcolor="#F9D1C9"><font face='Verdana,Geneva,Arial,Helvetica,sans-serif' size='-2'>&nbsp;<b><a href="%SCRIPTURL%/view%SCRIPTSUFFIX%/Codev/%HOMETOPIC%">Codev</a></b>&nbsp;</font></td>
        <td bgcolor=""><font face='Verdana,Geneva,Arial,Helvetica,sans-serif' size='-2'>&nbsp;<b><a href="%SCRIPTURL%/view%SCRIPTSUFFIX%/Codev/%HOMETOPIC%">Codev</a></b>&nbsp;</font></td>
        <td bgcolor="#FFEFA6"><font face='Verdana,Geneva,Arial,Helvetica,sans-serif' size='-2'>&nbsp;<b><a href="%SCRIPTURL%/view%SCRIPTSUFFIX%/Main/%HOMETOPIC%">Main</a></b>&nbsp;</font></td>
        <td bgcolor="#E3E9A5"><font face='Verdana,Geneva,Arial,Helvetica,sans-serif' size='-2'>&nbsp;<b><a href="%SCRIPTURL%/view%SCRIPTSUFFIX%/Plugins/%HOMETOPIC%">Plugins</a></b>&nbsp;</font></td>
        <td bgcolor="#E0E3E7"><font face='Verdana,Geneva,Arial,Helvetica,sans-serif' size='-2'>&nbsp;<b><a href="%SCRIPTURL%/view%SCRIPTSUFFIX%/Sandbox/%HOMETOPIC%">Sandbox</a></b>&nbsp;</font></td>
        <td bgcolor=""><font face='Verdana,Geneva,Arial,Helvetica,sans-serif' size='-2'>&nbsp;<b><a href="%SCRIPTURL%/view%SCRIPTSUFFIX%/Sandbox/%HOMETOPIC%">Sandbox</a></b>&nbsp;</font></td>
        <td bgcolor=""><font face='Verdana,Geneva,Arial,Helvetica,sans-serif' size='-2'>&nbsp;<b><a href="%SCRIPTURL%/view%SCRIPTSUFFIX%/Support/%HOMETOPIC%">Support</a></b>&nbsp;</font></td>
        <td bgcolor=""><font face='Verdana,Geneva,Arial,Helvetica,sans-serif' size='-2'>&nbsp;<b><a href="%SCRIPTURL%/view%SCRIPTSUFFIX%/Support/%HOMETOPIC%">Support</a></b>&nbsp;</font></td>
        <td bgcolor=""><font face='Verdana,Geneva,Arial,Helvetica,sans-serif' size='-2'>&nbsp;<b><a href="%SCRIPTURL%/view%SCRIPTSUFFIX%/Support/%HOMETOPIC%">Support</a></b>&nbsp;</font></td>
        <td bgcolor=""><font face='Verdana,Geneva,Arial,Helvetica,sans-serif' size='-2'>&nbsp;<b><a href="%SCRIPTURL%/view%SCRIPTSUFFIX%/Support/%HOMETOPIC%">Support</a></b>&nbsp;</font></td>
        <td bgcolor=""><font face='Verdana,Geneva,Arial,Helvetica,sans-serif' size='-2'>&nbsp;<b><a href="%SCRIPTURL%/view%SCRIPTSUFFIX%/Support/%HOMETOPIC%">Support</a></b>&nbsp;</font></td>
        <td bgcolor=""><font face='Verdana,Geneva,Arial,Helvetica,sans-serif' size='-2'>&nbsp;<b><a href="%SCRIPTURL%/view%SCRIPTSUFFIX%/Support/%HOMETOPIC%">Support</a></b>&nbsp;</font></td>
        <td bgcolor="#B9DAFF"><font face='Verdana,Geneva,Arial,Helvetica,sans-serif' size='-2'>&nbsp;<b><a href="%SCRIPTURL%/view%SCRIPTSUFFIX%/Support/%HOMETOPIC%">Support</a></b>&nbsp;</font></td>
        <td bgcolor=""><font face='Verdana,Geneva,Arial,Helvetica,sans-serif' size='-2'>&nbsp;<b><a href="%SCRIPTURL%/view%SCRIPTSUFFIX%/Support/%HOMETOPIC%">Support</a></b>&nbsp;</font></td>
        <td bgcolor="#FFD8AA"><font face='Verdana,Geneva,Arial,Helvetica,sans-serif' size='-2'>&nbsp;<b><a href="%SCRIPTURL%/view%SCRIPTSUFFIX%/TWiki/%HOMETOPIC%">TWiki</a></b>&nbsp;</font></td>
        <td bgcolor=""><font face='Verdana,Geneva,Arial,Helvetica,sans-serif' size='-2'>&nbsp;<b><a href="%SCRIPTURL%/view%SCRIPTSUFFIX%/TWiki/%HOMETOPIC%">TWiki</a></b>&nbsp;</font></td>
        <td bgcolor=""><font face='Verdana,Geneva,Arial,Helvetica,sans-serif' size='-2'>&nbsp;<b><a href="%SCRIPTURL%/view%SCRIPTSUFFIX%/TWiki/%HOMETOPIC%">TWiki</a></b>&nbsp;</font></td>
        <td bgcolor="#FFE0B0"><font face='Verdana,Geneva,Arial,Helvetica,sans-serif' size='-2'>&nbsp;<b><a href="%SCRIPTURL%/view%SCRIPTSUFFIX%/TWiki01/%HOMETOPIC%">TWiki01</a></b>&nbsp;</font></td>
        <td bgcolor="#FFE0B0"><font face='Verdana,Geneva,Arial,Helvetica,sans-serif' size='-2'>&nbsp;<b><a href="%SCRIPTURL%/view%SCRIPTSUFFIX%/TWiki02/%HOMETOPIC%">TWiki02</a></b>&nbsp;</font></td>
        <td bgcolor="#FFD8AA"><font face='Verdana,Geneva,Arial,Helvetica,sans-serif' size='-2'>&nbsp;<b><a href="%SCRIPTURL%/view%SCRIPTSUFFIX%/TWiki03/%HOMETOPIC%">TWiki03</a></b>&nbsp;</font></td>
        <td bgcolor="#FFD8AA"><font face='Verdana,Geneva,Arial,Helvetica,sans-serif' size='-2'>&nbsp;<b><a href="%SCRIPTURL%/view%SCRIPTSUFFIX%/TWiki04/%HOMETOPIC%">TWiki04</a></b>&nbsp;</font></td>
        <td bgcolor=""><font face='Verdana,Geneva,Arial,Helvetica,sans-serif' size='-2'>&nbsp;<b><a href="%SCRIPTURL%/view%SCRIPTSUFFIX%/TWiki04/%HOMETOPIC%">TWiki04</a></b>&nbsp;</font></td>
        <td bgcolor="#FFD8AA"><font face='Verdana,Geneva,Arial,Helvetica,sans-serif' size='-2'>&nbsp;<b><a href="%SCRIPTURL%/view%SCRIPTSUFFIX%/TWiki04x01/%HOMETOPIC%">TWiki04x01</a></b>&nbsp;</font></td>
        <td bgcolor=""><font face='Verdana,Geneva,Arial,Helvetica,sans-serif' size='-2'>&nbsp;<b><a href="%SCRIPTURL%/view%SCRIPTSUFFIX%/TWiki04x01/%HOMETOPIC%">TWiki04x01</a></b>&nbsp;</font></td>
        <td bgcolor="#FFD8AA"><font face='Verdana,Geneva,Arial,Helvetica,sans-serif' size='-2'>&nbsp;<b><a href="%SCRIPTURL%/view%SCRIPTSUFFIX%/TWiki04x02/%HOMETOPIC%">TWiki04x02</a></b>&nbsp;</font></td>
        <td bgcolor=""><font face='Verdana,Geneva,Arial,Helvetica,sans-serif' size='-2'>&nbsp;<b><a href="%SCRIPTURL%/view%SCRIPTSUFFIX%/TWiki04x02/%HOMETOPIC%">TWiki04x02</a></b>&nbsp;</font></td>
       </tr>
      </table>

Example Output when pasted:

Webs:

Codev

Codev

Main

Plugins

Salgina

Sandbox

Sandbox

Support

Support

TWiki

Wikilearn

Method 2 - Using Blog

Codev Main Plugins Sandbox Support TWiki TWiki01 TWiki02 TWiki03 TWiki04 TWiki04x01 TWiki04x02:

Raw:

      <table border="0" cellspacing="1" cellpadding="1">
       <tr><td><font face='Verdana,Geneva,Arial,Helvetica,sans-serif' size='-2'>Webs:</td>
%WEBLIST{"        <td bgcolor=\"%$markerVAR{\"WEBBGCOLOR\" web=\"$name\"}$marker%\"><font face='Verdana,Geneva,Arial,Helvetica,sans-serif' size='-2'>&amp;nbsp;<b><a href=\"%<nop>SCRIPTURL%/view%<nop>SCRIPTSUFFIX%/$name/%<nop>HOMETOPIC%\">$name</a></b>&amp;nbsp;</font></td>"}%
       </tr>
      </table>

Output when evaluated:

      <table border="0" cellspacing="1" cellpadding="1">
       <tr><td><font face='Verdana,Geneva,Arial,Helvetica,sans-serif' size='-2'>Webs:</td>
        <td bgcolor="#D0D0D0"><font face='Verdana,Geneva,Arial,Helvetica,sans-serif' size='-2'>&nbsp;<b><a href="%SCRIPTURL%/view%SCRIPTSUFFIX%/Blog/%HOMETOPIC%">Blog</a></b>&nbsp;</font></td>
        <td bgcolor="#F9D1C9"><font face='Verdana,Geneva,Arial,Helvetica,sans-serif' size='-2'>&nbsp;<b><a href="%SCRIPTURL%/view%SCRIPTSUFFIX%/Codev/%HOMETOPIC%">Codev</a></b>&nbsp;</font></td>
        <td bgcolor="#FFEFA6"><font face='Verdana,Geneva,Arial,Helvetica,sans-serif' size='-2'>&nbsp;<b><a href="%SCRIPTURL%/view%SCRIPTSUFFIX%/Main/%HOMETOPIC%">Main</a></b>&nbsp;</font></td>
        <td bgcolor="#E3E9A5"><font face='Verdana,Geneva,Arial,Helvetica,sans-serif' size='-2'>&nbsp;<b><a href="%SCRIPTURL%/view%SCRIPTSUFFIX%/Plugins/%HOMETOPIC%">Plugins</a></b>&nbsp;</font></td>
        <td bgcolor="#E0E3E7"><font face='Verdana,Geneva,Arial,Helvetica,sans-serif' size='-2'>&nbsp;<b><a href="%SCRIPTURL%/view%SCRIPTSUFFIX%/Sandbox/%HOMETOPIC%">Sandbox</a></b>&nbsp;</font></td>
        <td bgcolor="#B9DAFF"><font face='Verdana,Geneva,Arial,Helvetica,sans-serif' size='-2'>&nbsp;<b><a href="%SCRIPTURL%/view%SCRIPTSUFFIX%/Support/%HOMETOPIC%">Support</a></b>&nbsp;</font></td>
        <td bgcolor="#FFD8AA"><font face='Verdana,Geneva,Arial,Helvetica,sans-serif' size='-2'>&nbsp;<b><a href="%SCRIPTURL%/view%SCRIPTSUFFIX%/TWiki/%HOMETOPIC%">TWiki</a></b>&nbsp;</font></td>
        <td bgcolor="#FFE0B0"><font face='Verdana,Geneva,Arial,Helvetica,sans-serif' size='-2'>&nbsp;<b><a href="%SCRIPTURL%/view%SCRIPTSUFFIX%/TWiki01/%HOMETOPIC%">TWiki01</a></b>&nbsp;</font></td>
        <td bgcolor="#FFE0B0"><font face='Verdana,Geneva,Arial,Helvetica,sans-serif' size='-2'>&nbsp;<b><a href="%SCRIPTURL%/view%SCRIPTSUFFIX%/TWiki02/%HOMETOPIC%">TWiki02</a></b>&nbsp;</font></td>
        <td bgcolor="#FFD8AA"><font face='Verdana,Geneva,Arial,Helvetica,sans-serif' size='-2'>&nbsp;<b><a href="%SCRIPTURL%/view%SCRIPTSUFFIX%/TWiki03/%HOMETOPIC%">TWiki03</a></b>&nbsp;</font></td>
        <td bgcolor="#FFD8AA"><font face='Verdana,Geneva,Arial,Helvetica,sans-serif' size='-2'>&nbsp;<b><a href="%SCRIPTURL%/view%SCRIPTSUFFIX%/TWiki04/%HOMETOPIC%">TWiki04</a></b>&nbsp;</font></td>
        <td bgcolor="#FFD8AA"><font face='Verdana,Geneva,Arial,Helvetica,sans-serif' size='-2'>&nbsp;<b><a href="%SCRIPTURL%/view%SCRIPTSUFFIX%/TWiki04x01/%HOMETOPIC%">TWiki04x01</a></b>&nbsp;</font></td>
        <td bgcolor="#FFD8AA"><font face='Verdana,Geneva,Arial,Helvetica,sans-serif' size='-2'>&nbsp;<b><a href="%SCRIPTURL%/view%SCRIPTSUFFIX%/TWiki04x02/%HOMETOPIC%">TWiki04x02</a></b>&nbsp;</font></td>
       </tr>
      </table>

Example Output when pasted:

Webs:

Codev

Main

Plugins

Salgina

Sandbox

Support

TWiki

Wikilearn

Method 3 - Using Blog

Codev Main Plugins Sandbox Support TWiki TWiki01 TWiki02 TWiki03 TWiki04 TWiki04x01 TWiki04x02, Dynamic Colors:

Raw:

      <table border="0" cellspacing="1" cellpadding="1">
       <tr><td><font face='Verdana,Geneva,Arial,Helvetica,sans-serif' size='-2'>Webs:</td>
%WEBLIST{"        <td bgcolor=\"%<nop>VAR{\"WEBBGCOLOR\" web=\"$name\"}<nop>%\"><font face='Verdana,Geneva,Arial,Helvetica,sans-serif' size='-2'>&amp;nbsp;<b><a href=\"%<nop>SCRIPTURL%/view%<nop>SCRIPTSUFFIX%/$name/%<nop>HOMETOPIC%\">$name</a></b>&amp;nbsp;</font></td>"}%
       </tr>
      </table>

Output when evaluated:

      <table border="0" cellspacing="1" cellpadding="1">
       <tr><td><font face='Verdana,Geneva,Arial,Helvetica,sans-serif' size='-2'>Webs:</td>
        <td bgcolor="%VAR{"WEBBGCOLOR" web="Blog"}%"><font face='Verdana,Geneva,Arial,Helvetica,sans-serif' size='-2'>&nbsp;<b><a href="%SCRIPTURL%/view%SCRIPTSUFFIX%/Blog/%HOMETOPIC%">Blog</a></b>&nbsp;</font></td>
        <td bgcolor="%VAR{"WEBBGCOLOR" web="Codev"}%"><font face='Verdana,Geneva,Arial,Helvetica,sans-serif' size='-2'>&nbsp;<b><a href="%SCRIPTURL%/view%SCRIPTSUFFIX%/Codev/%HOMETOPIC%">Codev</a></b>&nbsp;</font></td>
        <td bgcolor="%VAR{"WEBBGCOLOR" web="Main"}%"><font face='Verdana,Geneva,Arial,Helvetica,sans-serif' size='-2'>&nbsp;<b><a href="%SCRIPTURL%/view%SCRIPTSUFFIX%/Main/%HOMETOPIC%">Main</a></b>&nbsp;</font></td>
        <td bgcolor="%VAR{"WEBBGCOLOR" web="Plugins"}%"><font face='Verdana,Geneva,Arial,Helvetica,sans-serif' size='-2'>&nbsp;<b><a href="%SCRIPTURL%/view%SCRIPTSUFFIX%/Plugins/%HOMETOPIC%">Plugins</a></b>&nbsp;</font></td>
        <td bgcolor="%VAR{"WEBBGCOLOR" web="Sandbox"}%"><font face='Verdana,Geneva,Arial,Helvetica,sans-serif' size='-2'>&nbsp;<b><a href="%SCRIPTURL%/view%SCRIPTSUFFIX%/Sandbox/%HOMETOPIC%">Sandbox</a></b>&nbsp;</font></td>
        <td bgcolor="%VAR{"WEBBGCOLOR" web="Support"}%"><font face='Verdana,Geneva,Arial,Helvetica,sans-serif' size='-2'>&nbsp;<b><a href="%SCRIPTURL%/view%SCRIPTSUFFIX%/Support/%HOMETOPIC%">Support</a></b>&nbsp;</font></td>
        <td bgcolor="%VAR{"WEBBGCOLOR" web="TWiki"}%"><font face='Verdana,Geneva,Arial,Helvetica,sans-serif' size='-2'>&nbsp;<b><a href="%SCRIPTURL%/view%SCRIPTSUFFIX%/TWiki/%HOMETOPIC%">TWiki</a></b>&nbsp;</font></td>
        <td bgcolor="%VAR{"WEBBGCOLOR" web="TWiki01"}%"><font face='Verdana,Geneva,Arial,Helvetica,sans-serif' size='-2'>&nbsp;<b><a href="%SCRIPTURL%/view%SCRIPTSUFFIX%/TWiki01/%HOMETOPIC%">TWiki01</a></b>&nbsp;</font></td>
        <td bgcolor="%VAR{"WEBBGCOLOR" web="TWiki02"}%"><font face='Verdana,Geneva,Arial,Helvetica,sans-serif' size='-2'>&nbsp;<b><a href="%SCRIPTURL%/view%SCRIPTSUFFIX%/TWiki02/%HOMETOPIC%">TWiki02</a></b>&nbsp;</font></td>
        <td bgcolor="%VAR{"WEBBGCOLOR" web="TWiki03"}%"><font face='Verdana,Geneva,Arial,Helvetica,sans-serif' size='-2'>&nbsp;<b><a href="%SCRIPTURL%/view%SCRIPTSUFFIX%/TWiki03/%HOMETOPIC%">TWiki03</a></b>&nbsp;</font></td>
        <td bgcolor="%VAR{"WEBBGCOLOR" web="TWiki04"}%"><font face='Verdana,Geneva,Arial,Helvetica,sans-serif' size='-2'>&nbsp;<b><a href="%SCRIPTURL%/view%SCRIPTSUFFIX%/TWiki04/%HOMETOPIC%">TWiki04</a></b>&nbsp;</font></td>
        <td bgcolor="%VAR{"WEBBGCOLOR" web="TWiki04x01"}%"><font face='Verdana,Geneva,Arial,Helvetica,sans-serif' size='-2'>&nbsp;<b><a href="%SCRIPTURL%/view%SCRIPTSUFFIX%/TWiki04x01/%HOMETOPIC%">TWiki04x01</a></b>&nbsp;</font></td>
        <td bgcolor="%VAR{"WEBBGCOLOR" web="TWiki04x02"}%"><font face='Verdana,Geneva,Arial,Helvetica,sans-serif' size='-2'>&nbsp;<b><a href="%SCRIPTURL%/view%SCRIPTSUFFIX%/TWiki04x02/%HOMETOPIC%">TWiki04x02</a></b>&nbsp;</font></td>
       </tr>
      </table>

Example Output when pasted:

Webs:

Codev

Main

Plugins

Salgina

Sandbox

Support

TWiki

Wikilearn

Method 4 - Using Weblist, Completely Dynamic:

Raw:

      <table border="0" cellspacing="1" cellpadding="1">
       <tr><td><font face='Verdana,Geneva,Arial,Helvetica,sans-serif' size='-2'>Webs:</td>
%WEBLIST{"        <td align=\"center\" bgcolor=\"%$markerVAR{\"WEBBGCOLOR\" web=$qname}$marker%\"><font face='Verdana,Geneva,Arial,Helvetica,sans-serif' size='-2'>&nbsp;<b><a href=\"%SCRIPTURL%/view%SCRIPTSUFFIX%/$name/%HOMETOPIC%\">$name</a></b>&nbsp;</font></td>"}%
       </tr>
      </table>

Output when evaluated:

Webs:

Blog

Codev

Main

Plugins

Sandbox

Support

TWiki

TWiki01

TWiki02

TWiki03

TWiki04

TWiki04x01

TWiki04x02

-- SamHasler - 24 Feb 2004

For pattern skin WebLeftBar (Thanks to TravisCampbell on TWikiIRC):

   Blog
   Codev
   Main
   Plugins
   Sandbox
   Support
   TWiki
   TWiki01
   TWiki02
   TWiki03
   TWiki04
   TWiki04x01
   TWiki04x02

-- MartinCleaver - 30 Dec 2004