I originally designed this layout for a website I started called Colour Cry – it was a short lived project which fizzled out after a few months. If you want to use this layout or just take inspiration from it, feel free. I've put this up as a live example of my old web-design. The band featured is Duran Duran.
To use with Iframe
I used to use iframes a lot – this setup is better for larger websites with lots of content because when linked to a style sheet, you can universally change the look of your website's content in a single document. This meant that when I changed layouts, I only ever had to modify two documents to affect the website's over all design: the index which held the layout itself, and the style.css document that was linked on every single page of content (ie: the pages inside the Iframe). If you want to use that same setup, you can leave the layout's code as it is and just make sure that you copy and upload the styleDD.css document to your own host and then link it under the head tag of all the pages you want in the Iframe. This is the code:
To use without Iframe
Smaller landing sites may have no need for such a complex set up. If you don't have a lot of content or if you simply don't wish to use an iframe, delete the iframe code from between the 'content' div layer tags and replace it with a heading or paragraph tag as you wish.
Just leave the credit on and don't claim the code or design as your own please.
If you want to modify or add additional CSS elements that I didn't code in, feel free.
Do NOT hotlink images back to The Dizzy Heavens! Host them on your own website please. It's really easy – just save the background and header image, upload them as 'colour-cry-duran.png' and 'DDlayout_bg.png' in the same directory as the layout and you'll be good to go.
Please note:This layout stems from a time when crediting resources was an afterthought – if anyone knows the photographer who took this photo of Duran Duran, please let me know so I can credit them. Anything else (textures, images, photoshop brushes) are now unfortunately lost to time.
Stylesheet (for use with Iframe)
Note: You will need to save this as 'StyleDD.css' for it to work.
Layout
Note: You will need to save the header and background images in the same directory as the layout for it to work.
The header should be named 'colour-cry-duran.png'
The background should be named 'DDlayout_bg.png'
Although web design is not my main hobby, if you'd like to support me, please consider donating to my Ko-Fi