Free Valid HTML & CSS Habbo Layout!

HabbDance · 18-09-2008, 12:07 AM

guys, he was nice by releasing the layout, if you don't like it, it's not his problem he's only tryna help. and also, who cares if he's a 'noob coder'. most ppl have idea what friggen HTML is...

anyway, meti, or anyone who needs this,

HTML Code:

<html>
<head>
<title>YourSite.com!</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<!--[if IE 7]>
<link href="styleie7.css" rel="stylesheet" type="text/css" />
<![endif]-->
</head>
<body>
Content...
</body>
</html>

Basicly where it says:

HTML Code:

<!--[if IE 7]>
<link href="styleie7.css" rel="stylesheet" type="text/css" />
<![endif]-->

You can make different styles for different IE versions, just change the number and the style.css

Hope i helped?

Meti · 19-09-2008, 06:53 PM

Hey. Overwrite this code over the old index.htm file:

HTML 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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Free Habbo Layout</title>
<!-- Layout designed and coded by Meti Mulaj -->
<!-- You are not allowed to copy this code.-->
<!-- If you need help with anything, add [email protected] to your msn.-->
<!-- If you don't know anything about HTML and CSS, do not change the code. Only the content texts.-->
<!-- Enjoy the layout! -->
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<!-- Start Header -->
<div id="header"></div>
<!-- End Header -->
<!-- Start DJ Says -->
<div id="djsays">Add your marquee here</div>
<!-- Start Left Navigations -->
<div id="left_navs">
  <div id="orange_top"><strong>Title Here</strong></div>
  <div id="orange_mid">Expandable box.<br />
  </div>
  <div id="orange_bot"></div>
  <div id="blue_top"><strong>Title Here</strong></div>
  <div id="blue_mid">Expandable box.</div>
  <div id="blue_bot"></div>
</div>
<!-- End Left Navigations -->
<!-- Start Content Box -->
<div id="content_box">
  <div id="content_top"></div>
  <div id="content_mid">This content box also expands!
    <br />
  </div>
  <div id="content_bot"></div>
</div>
<!-- End Content Box -->
<!-- Start Right Navigations -->
<div id="right_navs">
  <div id="red_top"><strong>Title Here</strong></div>
  <div id="red_mid">Expandable box.</div>
  <div id="red_bot"></div>
  <div id="yellow_top"><strong>Title Here</strong></div>
  <div id="yellow_mid">Expandable box.</div>
  <div id="yellow_bot"></div>
</div>
<!-- End Right Navigations -->
<!-- Start Footer -->
<div id="footer">
  <div align="center">Copyright © Yoursite.com 2008+<br />
Layout designed by Meti Mulaj from HabboxForum</div>
</div>
<!-- End Footer -->
</body>
</html>

And, add a file named style.css. Add this code in it:

HTML Code:

@charset "utf-8";
/* CSS Document */

body {
	background-image: url(images/bg.png);
	font-style: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin: auto;
}
#container {
	width: 956px;
	margin: auto;
}
#header {
    background-image: url(images/header.gif);
	width: 903px;
	height: 153px;
	margin: 0 auto;
}
#djsays {
	background-image: url(images/dj_says.gif);
	width: 881px;
	height: 19px;
	padding-top: 7px;
	margin: 0 auto;
	padding-left: 68px;
	margin-top: 10px;
}
#left_navs {
	float: left;
	width: 199px;
	margin-top: 20px;
	margin-left: 10px;
}
#orange_top {
	background-image: url(images/orange_top.gif);
	width: 199px;
	height: 20px;
	padding-top: 12px;
	text-align: center;
}
#orange_mid {
	background-image: url(images/orange_mid.gif);
	padding-left: 3px;
	width: 196px;
}
#orange_bot {
	background-image: url(images/orange_bot.gif);
	width: 199px;
	height: 5px;
}
#blue_top {
	background-image: url(images/blue_top.gif);
	width: 199px;
	height: 20px;
	padding-top: 12px;
	text-align: center;
	margin-top: 5px;
}
#blue_mid {
	background-image: url(images/blue_mid.gif);
	padding-left: 3px;
	width: 196px;
}
#blue_bot {
	background-image: url(images/blue_bot.gif);
	width: 199px;
	height: 5px;
}
#content_box {
	float: left;
	width: 544px;
	margin-top: 20px;
	margin-left: 10px;
}
#content_top {
	background-image: url(images/content_top.gif);
	width: 544px;
	height: 6px;
}
#content_mid {
	background-image: url(images/content_mid.gif);
	padding-left: 3px;
	width: 541px;
}
#content_bot {
	background-image: url(images/content_bot.gif);
	width: 544px;
	height: 5px;
}
#right_navs {
	float: left;
	width: 199px;
	margin-top: 20px;
	margin-right: 10px;
	margin-left: 10px;
}
#red_top {
	background-image: url(images/red_top.gif);
	width: 199px;
	height: 20px;
	padding-top: 12px;
	text-align: center;
}
#red_mid {
	background-image: url(images/red_mid.gif);
	padding-left: 3px;
	width: 196px;
}
#red_bot {
	background-image: url(images/red_bot.gif);
	width: 199px;
	height: 5px;
}
#yellow_top {
	background-image: url(images/yellow_top.gif);
	width: 199px;
	height: 20px;
	padding-top: 12px;
	text-align: center;
	margin-top: 5px;
}
#yellow_mid {
	background-image: url(images/yellow_mid.gif);
	padding-left: 3px;
	width: 196px;
}
#yellow_bot {
	background-image: url(images/yellow_bot.gif);
	width: 199px;
	height: 5px;
}
#footer {
	background-image: url(images/footer.gif);
	width: 765px;
	height: 48px;
	margin-left: 125px;
	margin-top: 150px;
	padding-left: 5px;
	padding-top: 3px;
}

L?KE · 19-09-2008, 07:50 PM

***, when will this thread die :rolleyes:

Meti · 19-09-2008, 08:02 PM

People asked for the update. I gave them it

Anticimex · 19-09-2008, 08:08 PM

Thanks for the updates!

BlueTackle · 20-09-2008, 08:10 AM

Cheers meti

Anticimex · 20-09-2008, 09:37 AM

Did it work for you, BlueTackle?

BlueTackle · 20-09-2008, 11:29 AM

Idk, i dno how too upload if i only have html.

Meti · 21-09-2008, 01:11 PM

If you have a domain:
www.yoursite.com/cpanel > File Manager > Upload

UniqueHabbo · 22-09-2008, 03:37 AM

Still did not work.

Thread: Free Valid HTML & CSS Habbo Layout!

Thread Tools

UPDATES!! :D

Posting Permissions