their used to be a tutorial to code a single column layout on Habboemotion, It was a pink content box with some song lyrics inside. Just wondering if anyone has this link?
I think it was posted on HxF somewhere but I can't seem to find it! D:
Printable View
their used to be a tutorial to code a single column layout on Habboemotion, It was a pink content box with some song lyrics inside. Just wondering if anyone has this link?
I think it was posted on HxF somewhere but I can't seem to find it! D:
Single column layout?
That's pretty simple..
Here's my version of one:
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="images/gback.PNG" border="0"></a>
</center>
</div>
</div>
<div id="m_bot">
</div>
</div>
</body>
Just use the m_ parts.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);
}
Uses a top, middle and bottom.
Here is a preview: http://mat.6.je/Maintenance%20Design/
Note: There are some adverts on this.. Using a free site. Will not buy a website yet.