Joker

Joker is fixed width.

Download Joker from drupal.org/project/joker. This version is 6.x-1.1 from 2009-Jun-22, a 198.59 KB download.

An advantage of this theme is the range of settings in the theme administration page. The first time you go into the configuration page for this theme, you might get the following error.
* warning: opendir(themes/garland/presets) [function.opendir]: failed to open dir: No such file or directory in /home/dtheme/public_html/sites/all/themes/joker/bootstrap.inc on line 26.
* warning: readdir(): supplied argument is not a valid Directory resource in /home/dtheme/public_html/sites/all/themes/joker/bootstrap.inc on line 27.

Theme-specific settings

These settings only exist for the Joker theme and all the styles based on it.
Show breadcrumb in header
Path based body class
Adds the first argument of the path as a class to the body tag to enable page specific themeing.
Alias based body class
Adds the first argument of the path alias as a class to the body tag to enable page specific themeing.
Presets
Imagery
Source image:
Layout
top margin
header height

page left margin

left sidebar width
page right margin
right sidebar width

page bottom margin
footer height
Page width:
Color
Body background:

Page background:
Page header background:
Page body background:
Page footer background:
Primary link color:
Secondary link color:
Primary tab link color:
Secondary tab link color:
Text color:
Link color:
Heading color:

Example HTML

Here are example HTML elements to see how they are formatted by this theme.

<a href="?x">link 1</a>: link 1 This is a test of a link you have not visited. See how links are highlighted. Hover your mouse over this link to see any hover effects that might be used then select the link to see the link displayed as visited.

<a href="?y">link 2</a>: link 2 Leave this link unselected as a comparison link you have not visited.

<abbr title="abbreviation">abbr</abbr>: abbreviation

<acronym title="Cyclic Redundancy Checksum">CRC</acronym>: CRC

<blockquote>blockquote</blockquote>:

blockquote

<cite>cite</cite>: cite

<code>code</code>: code

<div>div</div>:

div

<form> and <input>: The the comments form at the end of this page (if you are logged in).

<em>em</em>: em

<h1>h1</h1> is usually the top heading in the page. Repeating h1 in this test would break heading nesting.

<h2>h2</h2>:

h2

<h3>h3</h3>:

h3

<h4>h4</h4>:

h4

<h5>h5</h5>:

h5

<h6>h6</h6>:

h6

<hr />:


<ol><li>li</li></ol>:

  1. li

<p>paragraph</p>:

paragraph

<q>quote</q>: quote

<span>span</span>: span

<strong>strong</strong>: strong

<table><thead><tr><td>th1</td><td>th2</td></tr></thead>
<tbody>
<tr><td>td1</td><td>td2</td></tr>
<tr><td>td3</td><td>td4</td></tr>
</tbody>
</table>:

th1 th2
td1 td2
td3 td4

<ul><li>li</li></ul>:

  • li

User login