Fahlstad Design » Webdesign

Scaffold, new WP theme

admin — Mon, 11 Jul 2011 19:03:34 +0000

I have decided to share this theme with the WordPress community. I wanted to have it exclusive on this site, but hey.. it’s open source.

Grab it from here.

I will be getting some pictures and a demo site up for the new themes and plugins shortly. Got vaccation now so hopefully I get some time to re-upload the old themes and plugins as well.

Rounded corners with jquery

admin — Fri, 17 Oct 2008 21:37:24 +0000

Everybody loves rounded corners in a web page but it’s a hassle to accomplish, multiple divs and different images aligned in the corret way. I’ gonna show you how to do it with just a couple lines of javascript using the jquery framework.

First go grab a copy of the jquery framework and the jquery.borders.js plugin.

Let’s go and create an index.html file and add some basic markup and text to it. A div containing some text and a single paragraph. The “rounded” div is the one we are going to apply the rounded corners to.




Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

The style is just to make the div visible.
It should look like this:

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Next add the javascript files to the header between the head tags. Make sure the src is set to the path of the js files.

Now let’s add the javascript code that actually make the corners rounded. Just below the javascript src files in the header we add:

Now it should look like this:

Complete code listing.

// Doctype etc


	
	





Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Yupp, thats all. Easy isn’t it? You can specify the corner style and radius in the corner call. For example:

$("#rounded").corner("10px"); // 10px radius
$("#rounded").corner("tl tr 10px"); // Rounds top left and top right 10px

There’s loads more of styles, take a look at the demo page.

Have fun.

fVariant WordPress theme released

admin — Fri, 13 Oct 2006 10:36:34 +0000

Lately I’ve gotten some indications that there are some interest in the fVariant WordPress theme found on the demo site. The theme was origally intended for use on this site and was highly specialized so a public release was not possible without modifications. Now I have done those modifications and can proudly announce that the theme is now available for download.

fGlare theme on the way

admin — Sat, 16 Sep 2006 10:17:31 +0000

I haven’t release a new WordPress theme for some time now but finally I found some extra time for making one. This one’s called fGlare

Features

Livesearch
Gravatars, requires plugin.

Features can be changed without prior notice.

f3Green IE bug fixed (again)

admin — Tue, 25 Jul 2006 12:51:25 +0000

At last I found the bug that made f3Green render like a mess in IE. I have tested the theme in IE, Safari, Camino and Firefox and it’s working like a charm. Thanks to all of you who had patience with me and this pesky little bug.

The new theme can be downloaded here. If you are using images wider then the center area the sidebars will not fit the layout, so use images wisley.

Technorati Tags: url

WordPress theme fLight released

admin — Tue, 11 Jul 2006 07:03:16 +0000

Finally I managed to get some time over to finish this theme, download link can be found at my themes page.

Some tweaking of this theme is probably necessary, but I leave that to you.

Theme release delayed

admin — Thu, 06 Jul 2006 08:56:47 +0000

A couple a weeks a go I announced a new theme to be released. I have had an extensive amount of work lately and the development of the theme have gotten second priority. I’m hoping to be able to do some work soon and I will release the theme as soon as possible.

I also had an request to release the previous theme of this web site, I will release it as soon as my work load decreses.

f3Green IE bug fixed

admin — Wed, 07 Jun 2006 09:13:40 +0000

Finally I found the bug that made IE display f3Green single wired. The improved theme can be downloaded here.

Currently working on a new theme

admin — Mon, 05 Jun 2006 11:50:33 +0000

Here’s a preview of a non-finished copy. Any changes will be announced here.

fUnique WP-theme released

admin — Mon, 29 May 2006 17:40:47 +0000

A three column theme based on the one used on this page previously. Downlad at the themes page.