Home > Updates > Minor design update

Minor design update

I’ve decided to ditch the “The Daily Random” concept since I already used that one before and it feels so old, so I’m going with my “TheDirtLab” idea as the main theme of my website, since I’m all about doing various coding junk! *lol*

Give me time and I’ll spruce up the front page with more content, and not just static content.

My next plan is to place everything into a PHP framework so I can work a lot easier within it.

If you’re interested on the technical aspect of the design,  what I did was work with multiple “div” layers and set a picture as a background image on them. This allows me to overlay pictures on top of each other while allowing the background to be seamless and still be stretchable. This should work on any screen resolution.

I used JPEGs for the looped background images (the fence and the grass), while Dirt’s profile and the Title text are PNG images. The use of PNGs allow me to create an illusion of a coherent merging of all the pictures so I won’t have to make much modifications to the source images if I want to add more elements to the background… say for example I wanted to add a “dog house” into the background. What I’d do is to simply draw the dog house in photoshop, make the background transparent, save it as PNG and place it in its own DIV layer on the HTML code. It’s that simple!

  1. No comments yet.
  1. No trackbacks yet.