cyclz Plugin Samples

Friday's Blog

September 19, 2003

The Normal blog nav button at left shows how Blosxom would ordinarily render this page; the cyclz Blog nav button shows the page with a little boost from some css and the cyclz plugin. For the heck of it, click the No CSS button to see how the page renders without css (i.e. for NN4 ;-).

The Normal Index and cyclz Index nav buttons show a table-based "index" page getting a boost from cyclz.

Subsequent "entries" display the relevent css and flavours. (There's notes at the very bottom, too ;-) Enjoy!

Thursday's Blog

September 18, 2003

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>
lt;/html>

Wednesday's Blog

September 17, 2003

Here's the cycles file that makes the variables:
(in this case, the file name is "cycles.cycl")

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>

Tuesday's Blog

September 16, 2003

Here's the CSS that makes the "accents":

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;
  }

Monday's Blog

September 15, 2003

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

Sunday's Blog

September 14, 2003

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 13, 2003

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

Friday's Blog

September 12, 2003

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

Thursday's Blog

September 11, 2003

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

Wednesday's Blog

September 10, 2003

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.

Tuesday's Blog

September 9, 2003

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.

Monday's Blog

September 8, 2003

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

Sunday's Blog

September 7, 2003

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

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.