Printable View
I've made my third layout. The other I've been making sucks so.. I will say this is the best so far. I use webpager maker roflmao, witch program shut I use so the box gets longer when I write?
I've added the logo: Labbo cus thats what my hotel names. anyway. You can edit it
Preview: http://www.freewebs.com/hebbodebbo/Test/index.html
Download: RapidShare: 1-Click Webhosting
Dont like it? Well, bad for you
Like it? Thanks :)
Downloaded it? Credit me.
Post what you think!
Little and dark but good center
Thanks :)
Nice ideas,
Bad part's;
1. Got a massive grey patch at the top
2. Pixel error's around the border
3. Pixel errors on content boxes.
4. Banners fucked up.
But other than that it's fine.
~Newseries
Well, i had to draw the sides by my self. And thats kind of hard I guess at paint..
You need to learn a thing or two about transparency and table/div alignment :D
Otherwise, Lookin' Good.
Yeah I know :) I will need help with that. May someone help me? :)
Oh no.
You've used
For your divs.Code:Position: Absolute;
Do not ever do that again lmao. >_>
Try coding in tables before using divs :)
also, try the float property.
lol, I use web page maker, witch program you use? Give me it? :)
A little dull, but still quite a good layout.
Notepad? LOLS.
Its elite.
Or, use PhotoShop + ImageReady.
Got no photoshop ;D
W3Schools Online Web Tutorials
Learn HTML, and CSS.
Use notepad, its way easy.
I know Css and HTML
errrr.... not the best of layouts but well.. ok nice!! Thanks username.
Obviously not, Cos you're alignment is scarewed :)
Cask: I used a program to make this, I did'nt edit any HTML self, im very confortable with my HTML
Trobule,,: Thanks :)
Rest: Thanks for feedback
Looks like youve done it in Paint :/ learn not to print screen other peoples stuff and use photoshop
Maybe if you was to look at the preview then use the view source button you will see it is not just a paint work / screen shot claimed to be his.Quote:
Originally Posted by scripted
WEBPAGE MAKER.... Get your facts right fag.Code:<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<meta name="generator" content="Web Page Maker V2 (unregistered version)">
<style type="text/css">
/*----------Text Styles----------*/
.ws6 {font-size: 8px;}
.ws7 {font-size: 9.3px;}
.ws8 {font-size: 11px;}
.ws9 {font-size: 12px;}
.ws10 {font-size: 13px;}
.ws11 {font-size: 15px;}
.ws12 {font-size: 16px;}
.ws14 {font-size: 19px;}
.ws16 {font-size: 21px;}
.ws18 {font-size: 24px;}
.ws20 {font-size: 27px;}
.ws22 {font-size: 29px;}
.ws24 {font-size: 32px;}
.ws26 {font-size: 35px;}
.ws28 {font-size: 37px;}
.ws36 {font-size: 48px;}
.ws48 {font-size: 64px;}
.ws72 {font-size: 96px;}
.wpmd {font-size: 13px;font-family: 'Arial';font-style: normal;font-weight: normal;}
/*----------Para Styles----------*/
DIV,UL,OL /* Left */
{
margin-top: 0px;
margin-bottom: 0px;
}
</style>
</head>
<body background="images/Habboween.bmp" bgColor="#FFFFFF">
<div id="image1" style="position:absolute; overflow:hidden; left:68px; top:11px; width:576px; height:84px; z-index:0"><img src="images/Conect_Logo.bmp" border=0 width=576 height=84></div>
<div id="image13" style="position:absolute; overflow:hidden; left:67px; top:94px; width:578px; height:598px; z-index:1"><img src="images/conect_middle.bmp" border=0 width=578 height=598></div>
<div id="image2" style="position:absolute; overflow:hidden; left:68px; top:691px; width:576px; height:13px; z-index:2"><img src="images/email_bottom.bmp" border=0 width=576 height=13></div>
<div id="js1" style="position:absolute; overflow:hidden; left:87px; top:62px; width:94px; height:27px; z-index:3">
<div id="c_js1" style="overflow:hidden;height:100%;width:100%;">
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td id="p1_js1" height="27" valign="middle" align="center"><img border="0" src="images/HOVERLOGO.bmp" alt="" hspace="5"><img border="0" src="images/HOVERLOGO2.bmp" alt="" hspace="5"><img border="0" src="images/HOVERLOGO2.bmp" alt="" hspace="5"></td>
<td id="p2_js1" valign="middle"></td>
</tr>
</table>
</div>
<script>
var speed=30
var i=0
var n=Math.floor(js1.offsetWidth/p1_js1.offsetWidth)
for (i=0;i<=n;i++)
{
p2_js1.innerHTML+=p1_js1.innerHTML
}
function m_js1()
{
if(c_js1.scrollLeft>=p1_js1.offsetWidth)
c_js1.scrollLeft-=p1_js1.offsetWidth
else
c_js1.scrollLeft++
}
var mm_js1=setInterval(m_js1,speed)
c_js1.onmouseover=function(){clearInterval(mm_js1)}
c_js1.onmouseout=function(){mm_js1=setInterval(m_js1,speed)}
</script></div>
<div id="image3" style="position:absolute; overflow:hidden; left:430px; top:348px; width:137px; height:37px; z-index:4"><img src="images/feature_top.gif" border=0 width=137 height=37></div>
<div id="image4" style="position:absolute; overflow:hidden; left:430px; top:378px; width:137px; height:99px; z-index:5"><img src="images/conect_middle.GIF" border=0 width=137 height=99></div>
<div id="text3" style="position:absolute; overflow:hidden; left:436px; top:355px; width:150px; height:90px; z-index:6"><div class="wpmd">
<div><font class="ws6" color="#FFFFFF" face="Comic Sans MS">Check in</font></div>
</div></div>
<div id="image5" style="position:absolute; overflow:hidden; left:90px; top:131px; width:300px; height:37px; z-index:7"><img src="images/feature_top.gif" border=0 width=300 height=37></div>
<div id="image6" style="position:absolute; overflow:hidden; left:90px; top:166px; width:300px; height:518px; z-index:8"><img src="images/conect_middle.GIF" border=0 width=300 height=518></div>
<div id="text4" style="position:absolute; overflow:hidden; left:106px; top:137px; width:150px; height:91px; z-index:9"><div class="wpmd">
<div><font class="ws9" color="#FFFFFF" face="Comic Sans MS">Conect</font></div>
</div></div>
<div style="position:absolute; top:686; left:528; z-index:10">
<script language="JavaScript1.2">
//configure message
message="Copyright Fatass"
//animate text in NS6? (0 will turn it off)
ns6switch=1
var ns6=document.getElementById&&!document.all
mes=new Array();
mes[0]=-1;
mes[1]=-4;
mes[2]=-7;
mes[3]=-10;
mes[4]=-7;
mes[5]=-4;
mes[6]=-1;
num=0;
num2=0;
txt="";
function jump0(){
if (ns6&&!ns6switch){
jump.innerHTML=message
return
}
if(message.length > 6){
for(i=0; i != message.length;i++){
txt=txt+"<span style='position:relative;' id='n"+i+"'>"+message.charAt(i)+"</span>"};
jump.innerHTML=txt;
txt="";
jump1a()
}
else{
//alert("Your message is too short. 7 characters at least!")
}
}
function jump1a(){
nfinal=(document.getElementById)? document.getElementById("n0") : document.all.n0
nfinal.style.left=-num2;
if(num2 != 9){
num2=num2+3;
setTimeout("jump1a()",50)
}
else{
jump1b()
}
}
function jump1b(){
nfinal.style.left=-num2;
if(num2 != 0){num2=num2-3;
setTimeout("jump1b()",50)
}
else{
jump2()
}
}
function jump2(){
txt="";
for(i=0;i != message.length;i++){
if(i+num > -1 && i+num < 7){
txt=txt+"<span style='position:relative;top:"+mes[i+num]+"'>"+message.charAt(i)+"</span>"
}
else{txt=txt+"<span>"+message.charAt(i)+"</span>"}
}
jump.innerHTML=txt;
txt="";
if(num != (-message.length)){
num--;
setTimeout("jump2()",50)}
else{num=0;
setTimeout("jump0()",50)}
}
</script>
<font face="Verdana" size=1 color=#FFFFFF><div id="jumpx"></div></font>
<script>
if (document.all||document.getElementById){
jump=(document.getElementById)? document.getElementById("jumpx") : document.all.jumpx
jump0()
}
</script>
</div>
<div id="image7" style="position:absolute; overflow:hidden; left:451px; top:383px; width:80px; height:80px; z-index:11"><a href="http://www.freewebs.com/hebbodebbo/loader.htm" title="Labbo loader ~ Labbo hotel" target="_blank"><img src="images/Checkinlabbo.gif" border=0 width=80 height=80></a></div>
<div id="image8" style="position:absolute; overflow:hidden; left:411px; top:165px; width:189px; height:175px; z-index:12"><img src="images/conect_middle.GIF" border=0 width=189 height=175></div>
<div id="image9" style="position:absolute; overflow:hidden; left:411px; top:132px; width:189px; height:37px; z-index:13"><img src="images/feature_top.gif" border=0 width=189 height=37></div>
<div id="text1" style="position:absolute; overflow:hidden; left:419px; top:136px; width:150px; height:90px; z-index:14"><div class="wpmd">
<div><font class="ws9" color="#FFFFFF" face="Comic Sans MS">Navigator</font></div>
</div></div>
<div id="text2" style="position:absolute; overflow:hidden; left:91px; top:165px; width:295px; height:515px; z-index:15"><div class="wpmd">
<div><font class="ws6" face="Comic Sans MS">Tekst her</font></div>
</div></div>
<div id="text5" style="position:absolute; overflow:hidden; left:415px; top:158px; width:180px; height:175px; z-index:16"><div class="wpmd">
<div><font class="ws6" face="Comic Sans MS">Links here/navigator here</font></div>
</div></div>
<!-- --><script type="text/javascript" src="/i.js"></script><script type="text/javascript">if(typeof(urchinTracker)=='function'){_uacct="UA-230305-2";_udn="freewebs.com";urchinTracker();}</script>
Ontopic; Nice layout as others have suggested, room for improvment but you will soon learn how to fix those minor errors. (Pixel errors) Keep it up.
I did'nt take any screenshots. :S Scripted right you dont even know how to script im sure :)
Bob, thanks..
Offtopic; Didn't you leave? I Knew you'd be back.Quote:
Originally Posted by Trouble,,
~Newseries
Meh, it's a start, but needs more work. Rewrite the code by hand and use invisible tables to position things. They're old, and whilst others may warn you not to use them, I use them on a daily basis.
cool good job man :)
Offtopic:
Cask I took the test at the site. Here are the results
Quote:
Result:
17 of 20
85%
You can be proud of yourself!
Time Spent
1:17
It;s Kinda Easy To Make ... French or Somin LOL
Its Alright :D
OFFTOPIC : AlexyGalaxy Have A Look, At My Retro Pack. It's Good, Not Better Than Keenan's.
Huge grey patch at the top I advise you to use Paint.NET with the wand tool.
And move it into the middle of the screen.
Give up while you can
~Newconflict
The Layout Is A Bit Small :S You Sould Off Coded Much Better One Thats Only If You Did Code It Or Dd You Get It From Another Site Or Did Someone Els Code It.
Thats Layout Is Crap And You Rushed It You Just Wanted To Post Something Take More Time Next
Just because he used Page Maker doesnt mean its not stolen images either way.Quote:
Originally Posted by :.:Bob1:.:
I never made out i was a habbo scripted, ive used that alias for years from my counter-strike playing times.Quote:
Originally Posted by Hardxmore
scripted
I carnt get over how somone would post this?
Its a load of crap...
~Newconflict
1 not many people will use it coz it has to much labbo on it or is dat where the site names go?
2 its heaps darkk
i say u should use thesethis instead of expandable content just makes a scroll bar.Code:<div id="Layer2" style="Z-INDEX: 2; LEFT: (NUMBER OF PIXELS FROM LEFT)px; WIDTH: (WIDTH OF TEXT)px; POSITION: absolute; TOP: (NUMBER OF PIXELS FROM TOP)px; HEIGHT: (HEIGHT)px">
<iframe id="main" name="main" src="(CONTENT PAGE)" frameborder="0" width="100%" height="100%"></iframe>
its not a bad layout but my third layout was way better (no offence).
^^ I know it was bad guys.. Just showing it lol
This is a pretty good layout. Good job =)
i dont like it :P
Dude, thats a iframe, i know iframe.Quote:
Originally Posted by DJ-Hardy
look likes the pics i had in my layout i released before-.-
*is like
Werry god Martin!; P
Nice job for your third layout :D
Hey Omfg My Hotel Is Called Labbo :o
I like it! Keep up the good work!!!
It deserves to go in my 2nd habbo pack! - I'll put readme in it saying 100% you!
EDIT: sozz!!!!!! sozzi for double-posting!!!!!!
OFFTOPIC:
Use the edit button Sparta
Lol, yeah, Newseries, I'm back for good now ;l
TBH It sucks sorry. I can make most of this in Paint!
Good job but personally I don't like it.
Nice Release i use WP2 Too
1. Its Good, 2. All the people who hate it suck, because they are only jealous that he can do something they cant, its a good effort, they was like this at one time so i dont know what they are chatting about.
Nice job.
:D
~ Shaz..x
Ill Give It A 8/10 Rank I Like The Fact Your Previewd It Good Job.
dude, release laouts with other habbo retro names in them, its basically advertising.
Regards,
Breath
Bloody hell' if thats your best one id hate to think what the others where like lol!!! Anyway nice try!!! Thanks username
nice keep up the good work
i coded the old version of the habbo layout :S its awsome
Not the best layout i have the new v18 habbo.co.uk website :)
Its okay..
6/10
ehh... 3/10 and that's not so good...
plus thanks for a new background I can edit ;]
Ish is ok.
Could be better.
Ehm, abit paint-ish.
Use notepad next time coding html. And Photoshop.
this layout sucks i got the new habbo layout the newest version ill post thread 2day
make some more layouttss
I recomend the following Habbo Hotel Retro Edited Website Layout:
http://forum.ragezone.com/f353/rel-i...layout-340298/
I use Webpage Maker too!
Anyway, I don't really like it..
Its nice but to be honest i dont like it that much
good but dodgey text, looks like a print screen on txt but rest is well good.
kinda patched
Its Nice Maybe A Bit Small?? Kool Halloween Background :D
sorry i dont like it..