Archive for the ‘themes’ Category

22
Apr
2009

Trilobita Wordpress Theme

by trilobita

We’ve created our own Wordpress theme, it’s the one we use for this blog. It is a three column flexible layout based on the Jello layout model. This means that you get a fluid layout, but one that has a minimum and maximum width set. Yep your site will not go below a certain width or expand beyond your max width. Try it, the default setting is that this layout will not go below 700px or above 1000px. These values can be edited to suit your needs, as can the amount of fluidity.

It also uses JQuery for corners and the lavalamp menu.

It is XHTML 1.0 Strict and CSS compliant.

Our Theme

Our Theme

Grab the relevant file below:-

Tags: , , , ,
Posted in Development, JQuery, themes, xhtml | 2 Comments »

16
Apr
2009

Really Easy Field Validation with JQuery

by trilobita

Again JQuery has improved and simplified from the process outlined earlier in this blog

for form validation just add jquery.validate plugin and then in the code add:-

$("#commentForm").validate();

or more likely you’ll have a more complex form so you’ll need to specify a few attributes

var validator = $("#health").validate({
			rules: {
				radiofield: "required",
				textfield: "required",
				email: {required: true,email: true},
				name: "required"
  			},
			messages: {
				email: {
					required: "Please enter a valid email address",
					minlength: "Please enter a valid email address",
				},
				radiofield: "Please Select The number of items to Check"
			},
			// the errorPlacement has to take the table layout into account
			errorPlacement: function(error, element) {
				if ( element.is(":radio") )
					error.appendTo( element.parent() );
				else if ( element.is(":checkbox") )
					error.appendTo ( element.next() );
				else
					error.appendTo( element.parent() );
			},
 
		})

For the full documentation go to http://docs.jquery.com/Plugins/Validation

And don’t forget to handle the form with javascript disabled!

Tags: , , , , ,
Posted in Development, JQuery, ajax, css, javascript, php, themes | No Comments »

10
Sep
2007

Trilobita Jello 3 column Wordpress theme

by trilobita

SUPERSEEDED, PLEASE SEE Trilobita Wordpress Theme

Here’s a theme for Wordpress. It is based on the Jello layout technique. This means that you get a fluid layout, but one that has a minimum and maximum width set. Yep your site will not go below a certain width or expand beyond your max width. Try it, the default setting is that this layout will not go below 700px or above 1000px. These values can be edited to suit your needs, as can the amount of fluidity.

screenshot

The theme is also XHTML 1.0 transitional compliant and complies with the WAI AA standards and it’s widget friendly :) .

Let me know what you think.

There’s a default install showing what you get ‘out of the box’ at http://www.trilobita.co.uk/wordpress/

you can get the files below:-

Trilobita Jello 3 column Wordpress theme (.zip)

Posted in Development, css, themes, xhtml | No Comments »