cyclz Plugin Samples

Thursday's Blog

September 18, 2003

post #: 2

Here's the story.cycl flavour used to produce this page:

<div class="$cyclz::story_accent">
<h2 class="$cyclz::title_accent">$title</h2>
<h3>$dato</h3>
$cyclz::pnum_left$cyclz::counter</p>
$body
</div>

Here's the foot.cycl flavour used to produce this page:

<!-- /content-->
</div>

$cyclz::tpnum_left$cyclz::counter$cyclz::tpnum_right

</body>
</html>

(See the note at page-bottom for more on counting posts.)

story_accent: blue, red, green, yellow
title_accent: sans,seri
pnum_left:<p class="postnum">post #: 
pnum_right:</p>
tpnum_left:<p align="right">Total posts on this page: <b>
tpnum_right:</b></p>

p.postnum {
    text-align:right;
    font-size:small;
    margin-top:-24px;
  }

div.stock {
    background-color:#f0e7d7;
    border:2px solid #a63;
    padding:0em 1.5em iem;
    margin-bottom:24px;
  }

div.blue {
    background-color:#6af;
    border:2px solid #00f;
    padding:0em 1.5em 1em;
    margin-bottom:24px;
  }

div.red {
    background-color:#faa;
    border:2px solid #d00;
    padding:0em 1.5em 1em;
    margin-bottom:24px;
  }

div.green {
    background-color:#afa;
    border:2px solid #0d0;
    padding:0em 1.5em 1em;
    margin-bottom:24px;
  }

div.yellow {
    background-color:#ffc;
    border:2px solid #ff3;
    padding:0em 1.5em 1em;
    margin-bottom:24px;
  }

h2 {
    font-family:verdana,sans-serif;
    color:#fff;
    background-color:#a63;
    margin-bottom:4px;
    padding:2px 12px;
  }

h3 {
    font-family:"trebuchet ms",serif;
    font-size:small;
  }

.seri {
    font-family:georgia,"times new roman",serif;
  }

.sans {
    font-family:verdana,sans-serif;
  }

div.blue h2 {
    background-color:#359;
  }

div.red h2 {
    background-color:#935;
  }

div.green h2 {
    background-color:#395;
  }

div.yellow h2 {
    background-color:#e70;
  }

Sunday's Blog

September 14, 2003

post #: 6

It works like this -- Decide on some variable names; list them on separate lines of a file named "cycles", followed by a dot, followed by the flavour name in which the variables will be used. For instance, a file for the "html" flavour would be named cycles.html.

Next, work the variables into your story flavour, as in this example; just place them wherever their values should appear.

Third, give some values to the variables in the cycles.html file. You can use simple css class names ("blue", "red", etc.) to be defined in a style sheet as values, or whole "strings" of text, such as style="border:2px 2px #f66;", or...anything you like ;-)

In this example, two variables are used: story_accent and story-title_accent. Note that each variable has a different number of values, and that cyclz will run a separate "stepper" for each variable. Note as well that you can supply a single value in the cycles file to get meta-like performance out of cyclz.

Wednesday's Blog

September 10, 2003

post #: 10

Twas brillig and the slithey toves did gyre and gimble in the wabe; all mimsy were the borogroves, and the mome rath outgrabe. Beware the Jabberwock, my son! The jaws that bite, the claws that catch. Beware the Jubjub bird, and shun the frumious Bandersnatch! He took his vorpal sword in hand: long time the manxome foe he sought. So rested he by the Tumtum tree and stood awhile in thought.

Saturday's Blog

September 6, 2003

post #: 14

On the Normal Blog and No CSS pages, the total post count doesn't show up at all -- if cyclz isn't present or if you've removed your cycles file, there's no harm; no foul. Note that the total number of posts is delivered in $cyclz::counter. In story templates, $cyclz::counter delivers a running post count; in foot templates, it's total posts.