Free simple layout, downlaod link will be here soon.
Demo: #Din title
Printable View
Free simple layout, downlaod link will be here soon.
Demo: #Din title
A heavy dislike, I would give it a 2.3/10 and here are my reasons;
By placing the box's in a empty void and then placing a bar at the top makes it look weird, if you put the box's together and change the background, it might raise the score.
Extremely plain... Hopefully you'd get better over time in positioning things.
Sorry don't like it at all.
Middle box should be at least bigger in some sense.
Too plain.. 4/10
That looks Great! so far..
It's a bit TO simple, I call it a 1/10
it will take most of the people 2 min's to make this..
Grr..
Arnii
It's alright, could be improved a lot. I'll give it a rate, 4/10.
~Sean
Code:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="sv">
<head>
<title>Din title</title>
<link href="style.css" rel="stylesheet" type="text/css">
<style type="text/css">
body {
margin: 0px;
font-family: Verdana;
font-size: 11px;
}
#width {
width: 90%;
margin: auto;
}
#tool {
width: 100%;
height: 18px;
background-image: url(http://habboemotion.net/resource/images/beta-images/image%20243.png);
*/
http://habboemotion.net/resource/images/beta-images/image%20263.png
*/
}
#l {
float: left;
}
.box_l {
background-image: url(http://habboemotion.net/resource/images/beta-images/image%20286.png);
width: 274px;
height: 64px;
border: 1px solid #adadad;
background-color: #FFFFFF;
}
.box_l2 {
background-image: url(http://habboemotion.net/resource/images/beta-images/image%20199.png);
width: 274px;
height: 64px;
border: 1px solid #adadad;
background-color: #FFFFFF;
}
#r {
float: right;
}
.box_r {
background-image: url(http://habboemotion.net/resource/images/beta-images/image%20289.png);
width: 274px;
height: 64px;
border: 1px solid #adadad;
background-color: #FFFFFF;
}
.box_r2 {
background-image: url(http://habboemotion.net/resource/images/beta-images/image%20203.png);
width: 274px;
height: 64px;
border: 1px solid #adadad;
background-color: #FFFFFF;
}
.box_t {
width: 274px;
min-height: 100px;
border: 1px solid #adadad;
border-top: 0px;
background-color: #FFFFFF;
}
#c {
padding-left: 38.5%;
}
.box {
background-image: url(http://habboemotion.net/resource/images/beta-images/image%20183.png);
width: 274px;
height: 64px;
border: 1px solid #adadad;
}
</style>
</head>
<body>
<div id="tool">
<center>
<img src="http://habboemotion.net/resource/images/beta-images/image%20144.png">
</center>
</div>
<a href="admin.php"><img src="http://habboemotion.net/resource/images/beta-images/image%20192.png" style="float: right; border: 0px; padding-bottom: 22px;"></a>
<div id="width">
<div id="l">
<div class="box_l">
</div>
<div class="box_t">
test
</div>
<div class="box_l2">
</div>
<div class="box_t">
test
</div>
</div>
<div id="r">
<div class="box_r">
</div>
<div class="box_t">
test
</div>
<div class="box_r2">
</div>
<div class="box_t">
test
</div>
</div>
<div id="c">
<div class="box">
</div>
<div class="box_t">
test
</div>
</div>
</div>
</body>
</html>
nice very simple but needs more work and organization 3/10
It's bad.
Good job bro
There is just arranged pictures,thats all,and thats not a layout.