| « Transparent Gkrellm Theme | Building the first on-board computer » |
Dragon Tau Skin for B2Evolution blog software
None of the skins available for B2Evolution look exactly like I would like my web sites to look like. So I have decided it is time to create my own. The following are attribute or functions that I would like to include, based on the Chuck_zen skin I had already produced by modifying the Simple Zen skin by Foppe Hemminga.
- At least 2 sidebars.
- Smaller header graphic.
- Header graphic using same technique.
- Tighter text, less white space
- Wider columns
And the results are in.........
|
The Art of War by Sun Tzu, artofwar.davidryman.com The image at the top of the page follow the idea I used for my first attempt at a skin. The idea was to take one image/photo and create a header graphic for the web site skin. This is done by creating a mirror image of the selected picture to be located on the right side of the header. |
|
To "join" the 2 images together I have taken a 1px slice from the left side of the right one (or the right side of the left one, as they are the same). In this case I searched google for a suitable image tagged as "labelled for reuse". The images were manipulated using Gimp (which can be found on my software download site, along with other open applications) |
|
Speaking of which, here is the Free site The 3 images are named swright.jpg, swcenter.jpg and swleft.jpg. The free site demonstrates what happens if the right image is missing. Hopefully this will work in IE. |
|
In the img folder within the skin are additional folders that contain the different sets of images. These can selected in the B2Evolution back office as a skin setting, the parameter is the folder name e.g. /artofwar. I am thinking that I should probably add an additional parameter to enable the selection of gif and png images. Look for it in the next release. |
|
This final screenshot is from the new Dixie County Advocate site I am building. To blow my own trumpet, the lightbox plugin and the scrolling contents widget are also my own development projects. |
After I finish testing and massaging it I'll put a link here so the download.
XML Feeds