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
Grab the relevant file below:-
Tags: css, JQuery, theme, wordpress, xhtml
Posted in Development, JQuery, themes, xhtml | 2 Comments »
Rounded Corners with JQuery
by trilobita
As with most things Jquery has simplified and improved the process.
For rounded corners just use the jquery plugin jquery.corner.js
and in your code:-
$('#id1, #id2 ul ').corner();and that’s it!
Tags: corners, css, javascript, JQuery, rounded
Posted in Development, JQuery, css, javascript | No Comments »
Scroll bars, CSS and IE/Firefox
by trilobita
In IE the scroll bar gets placed inside the element that requires the scroll. In firefox the scrollbar is placed outside said element. Bizarrely it seems that IE is the compliant browser on this issue. Anyway to fix the problem of your scroll bars covering your content you can add the following conditional css to your files.
#divid1 is the element that has overflow: auto; defined.
<!--[if IE]>
<mce:style type="text/css"><!
#divid1{padding-bottom: expression(this.scrollWidth > this.offsetWidth ? 20 : 5);}
-->
<!--[endif]-->
Tags: browsers, css, html
Posted in Development, css | No Comments »
