It's a pretty simple layout through my eyes.
Nothing big on details, gets the job done.
Image:
Added a javascript 'go back' button because I wanted to.
Font is included with the folder, just upload it all and change the words.
Live Demo:
YourFansite.COM
Download file:
http://crossfireblog.com/maintenance.zip
Do rate for me, this is actually my first maintenance layout that I have coded by scratch and mostly did some designs attachings but I am not new to html and css.
Below are the codes for people to look at, if there are shortcuts do say so.
Thanks for your time,
Fiendly
index.html
style.cssCode:<!DOCTYPE HTML> <head> <title>YourFansite.COM</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div id="container"> <div id="m_top"></div> <div id="m_mid"> <div id="content"> <center> YourFansite is currently under scheduled maintenance, <br> Sorry for your inconvenience.<br><br> YourFansite Staff <br> <br> <a href="javascript:history.go(-1)"><img src="http://forum.ragezone.com/images/gback.PNG" border="0"></a> </center> </div> </div> <div id="m_bot"> </div> </div> </body>
Rate out of 10.Code:body { font-size: 9px; background-image: url(images/bg.gif); font-family: volter; font-weight: bold; } #container { width: 504px; height: auto; margin-left: auto; margin-right: auto; margin-top: 100px; } #m_top { background-image: url(images/m_top.PNG); width: 504px; height: 59px; } #m_mid { background-image: url(images/m_mid.PNG); width: 504px; height: auto; } #m_bot { background-image: url(images/m_bot.PNG); width: 504px; height: 19px; } #content { width: 481px; margin-left: 13px; } @font-face { font-family: Volter; src: url(volter.ttf); }







