Web Template: Midnight Orion

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus interdum leo sed leo. Aliquam fringilla eros ac turpis. Vivamus ligula dolor, faucibus a, euismod ac, volutpat vitae, dui. In vulputate tincidunt arcu. Nullam tincidunt. Sed ultricies lectus eget est. Pellentesque lacus. Suspendisse blandit, dolor at dignissim porta, est purus ultrices tortor, vitae consectetuer est nisi ac sapien. Aliquam erat volutpat. Sed dignissim vehicula dolor. Praesent commodo enim in ante. Quisque dui nulla, pretium non, pretium ornare, adipiscing ut, quam.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus interdum leo sed leo. Aliquam fringilla eros ac turpis. Vivamus ligula dolor, faucibus a, euismod ac, volutpat vitae, dui. In vulputate tincidunt arcu. Nullam tincidunt. Sed ultricies lectus eget est. Pellentesque lacus. Suspendisse blandit, dolor at dignissim porta, est purus ultrices tortor, vitae consectetuer est nisi ac sapien. Aliquam erat volutpat. Sed dignissim vehicula dolor. Praesent commodo enim in ante. Quisque dui nulla, pretium non, pretium ornare, adipiscing ut, quam.

Included with this template is a blank version of the main header, so you can use type instead of the image text. Click here to alternate between the headers.

Also included with this template is the .psd file of the header, so you can change the text to whatever you like. But only if you have Adobe's Photoshop software.

Although you're not obligated to, feel free to leave the link at the bottom to Harlequin Boy Web Design.

Example Tags

Your bog-standard block quote:

How dare you say that my behaviour's unacceptable
So condescending unnecessarily critical
I have the tendency of getting very physical
So watch your step cause if I do you'll need a miracle

The All-Important Acronym

An acronym. It is more and more important these days and you may have noticed that most sites point it out with this neat little dotted line below the text. Then when you hover over it, you get this 'help' cursor. Then the phrase the acronym stands for pops up, just to help you out!

Okay well check these acronyms for style... CSS, HTML and RSS

Nifty, huh?!

LINKS AND THE LIKE

You probably also understand the importance of pointing out links to your visitors. After all, you want them to stand out so that people will read every single last piece of mind-numbing information on your Web site, not just what's on the home page.

With Midnight Orion, links are subtly pointed out with a basic underline effect on hover. So yeah, again it's pretty simple really.

SOME CODE FOR YOU SIR / MADAM

body {
margin:0;
padding:0;
line-height: 1.5em;
background: url('bg-stripes.png') fixed;
}

OTHER RANDOM POINTS TO MAKE

• I'm emphasised. Or emphasized if you're American.
• I'm bold. Or heavy. Just don't call me fat!

I'm a <H1> Header

And I'm a <H2> Header

An example here of left and right floated images.

And that will be that. Feel free to download the template and enjoy.