HTML
Splash!
PostScript
  
Template Toolkit Examples: Splash! Library: Bars

  button
bar
menu  

Bars

The splash/bar template is a variation on splash/button, having rounded corners at the top and square corners at the bottom (or vice-versa when the 'invert' flag is set true). It can be used to create rounded header/footer bars for panels, simple tabs, and so on.

Source #1:
    [% INCLUDE splash/bar 
        content="Hello World" 
    %]
Output #1:

Hello World


Source #2:
    [% WRAPPER splash/bar invert=1 -%]
    Hello World
    [% END %]
    
Output #2:

Hello World


Source #3:
    [% WRAPPER splash/bar 
        style=splash.style.select -%]
    Hello World
    [% END %]
    
Output #3:

Hello World


Source #4:
    [% WRAPPER splash/bar + splash/text 
        style=splash.style.select -%]
    Hello World
    [% END %]
    
Output #4:

Hello World


Source #5:
    [% WRAPPER splash/bar 
        col   = 'grey75' 
        align = 'right' 
        width = '50%' 
    -%]
    Hello World
    [%- END %]
    
Output #5:

Hello World


Source #6:
    [% col   = 'grey75'
       bgcol = 'grey50'
    %]
    
    <table border=0 cellpadding=8
           bgcolor="[% splash.rgb.$bgcol %]">
    <tr>
      <td>
        [% INCLUDE splash/bar content="Hello World" %]
      </td>
    </tr>
    </table>
Output #6:

Hello World


Source #7:
    [% width = '50%' %]
    
    [% WRAPPER splash/bar %]
    The Poetry of the Language
    [% END %]
    
    <br>
    
    [% WRAPPER splash/frame %]
       <tr>
          <td>Hey</td>
          <td>Dude</td>
       </tr>
       <tr>
          <td colspan=2>
            Don't lean on me, man
          </td>
       </tr>
    [% END %]
    
    <br>
    
    [% INCLUDE splash/bar invert=1 %]
    
    
    
Output #7:

The Poetry of the Language

Hey Dude
Don't lean on me, man

 


Source #8:
    [%  width  = '50%'
        pad    = 6
    %]
    
    [% WRAPPER splash/bar %]
    <b>Scattered Work</b>
    [% END %]
    
    [% WRAPPER splash/frame + splash/panel %]
    The artificial separation of houses and 
    work creates intolerable rifts in people's
    inner lives.
    [% END %]
    
    [% WRAPPER splash/bar + splash/text
        link   = "tab.html" 
        invert = 1 
        align  = 'right'
    %]
    <i>more...</i>
    [% END %]
    
    
Output #8:

Scattered Work
The artificial separation of houses and work creates intolerable rifts in people's inner lives.
more...