head-up-loaded
Posts tagged CSS
Make your own WordPress theme without coding
Dec 30th
It is always tough to find a WordPress theme that matches your blog theme exactly. Divine lets you design your own theme. With the basic knowledge of photoshop all you have to do is design a page in photoshop. Then simply export it to wordpress using Divine. All the CSS slicing and page elements are created automatically by this free photoshop plugin Divine. The free version of the program has significant limitations in its functionality. The process of template creation with a glance at these limitations is described at page How to create a theme with Divine Free version with videos. The program works with Windows only. Mac version is expected soon. You will need photoshop version CS2 CS3 or CS4 to install this plugin.
The FAQ page clears all the questions.
The free version has some minimum and maximum limits for the page size. Other limitations of the free version.
You have send them your email address. The download link is sent to your email. [download]
![Reblog this post [with Zemanta]](http://img.zemanta.com/reblog_e.png?x-id=b333ae3e-80d3-49dc-b6fb-0ce2e988afa2)
Web Designing Practice 101
Nov 29th
[Test Page] Best viewed with Firefox 3.5 A test page I created using some basic photoshop. The slices I cut from the psd are as below. [images]
- Screen shot of the PSD used to cut slices.
Curved DIV: There are many ways to create curved DIVs, but I preferred using a simpler method I found while surfing the internet. The curvature of the DIV tags is a simple code, can be found here:
IE as expected doesn’t support the code, so a downloadable file is included at the above URL. The download htc file isn’t completely bug free. DIV height problems are still noticeable. Plus using it with the jQuery with it gave me hundreds of problems. I preferred to keep my design sharp edged for IE people.
The CSS style sheet can be accessed here [StyleSheet]. It is a bit messed up so have patience.
jQuery: The jquery was copied from the tutorial. Made many changes to the CSS according to my design. It required variable height so, I used just the min-height property on the content DIV.
Known Bugs and Problems: Right now the fact that the page is static is disturbing. It has to be evolved into a php dynamic page. Loading of all the posts in a single page load will increase load times later. Also there will be problem monitoring post statistics separately (indexing, meta, visitors). Another problem I have to overcome is the embedding of a flash movie in the jQuery DIV. Please report any other bugs and suggestions to indigoanalysis@gmail.com
