D theme for da Web

jQuery for Designers and Themers is a theme to demonstrate effects from the jquery_ui library, an optional jQuery add-on. jquery_ui will be included in Drupal 7 core. The current development version does nothing on this site.

Download jQuery for Designers and Themers from drupal.org/project/jq4dat. This version is 6.x-1.x-dev from 2009-Sep-10, a 16.06 KB download.

This theme is a subtheme of Garland and looks like Garland. This theme should add a sort feature to the left sidebar but it does not work on this site using the current development version of the theme.

Prerequisites

This theme requires the jQuery UI module to install the jquery_ui library.

Regions

The available regions are the same as Garland, Left sidebar, Right sidebar, Content, Header, and Footer.

Validation

This theme should validate the same as Garland except the CSS where there are small additions. This theme failed CSS 3 validation with the following error. This theme failed CSS 2.1 validation with the following error plus some errors inherited from Garland.
URI : http://d-theme.com/sites/all/themes/jq4dat/jq4dat.css?g
-1 unrecognized media 'all'

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 cite="http://d-theme.com/blockquote" title="Example title">blockquote</blockquote>:

blockquote

<cite>cite</cite>: cite

<code>code</code>: code

<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

<pre>.h3
      {
      font-size: 1.17em;
      }</pre>

.h3
      {
      font-size: 1.17em;
      }

<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>:

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

• li
• li