head-up-loaded
Web Designing Practice 101
[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]
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
| Print article | This entry was posted by indigoanalysis on November 29, 2009 at 13:39, and is filed under Misc n Hobbies, Photoshop, The WWW, Tips n Tricks. Follow any responses to this post through RSS 2.0. You can leave a response or trackback from your own site. |
-
SEO bedrijf
