[hardy][rel] sliced and coded habbo based fansite layout [rel][hardy]

ok if you go to habboring.com and you see lots of uncoded layouts. well i decided that i was fed up with stupid unsliced and uncoded layouts that i decided to use my intermediate html skillz to code and slice this:
http://i230.photobucket.com/albums/e...utscreenie.png
top

bottom
http://i230.photobucket.com/albums/e...tscreenie2.png


I changed it a little from the original but I personaly think its not half bad.

To edit the text and stuff u have to edit ONLY THESE HTM FILES:

home.htm
updates.htm
site_news2.htm
jobs2.htm
j_r2.htm
competition.htm
contact2.htm

the reason for this is: the text simply isnt in the other 1's.the files that dont end in 2 or are home, updates, or competition are all the pistures tat make the nav tabs turn yellow when your on that page. the updates.htm file is for the box on the left. the home.htm file is the index/homepage text.
the competition.htm file is for the right hand box.

download link:http://rapidshare.com/files/62580600/layout.zip.html


a tutorial on using this:

[quote=.:hardy:.;2709768]
9.) we are now done the retro part now if u want a good site i suggest free webs. but... u have to downgrade to html if you ARE NOT good with html dont worry about the site and just use the site builder beta and put it in an html box.

10.)now u need evrsoft firstpage 2006: Evrsoft First Page / 1st Page 2006 HTML Editor / Website Builder

11.)now that you have ur layout, and your builder we need to edit the layouts text/pictures/links/ect... to do this simply open it by cliking file/open and find index.htm. Click besde the words you want to edit and it should be close by your cursor in the html upper half of your screen.

12.)the rest you should be able to edit yourslef but lets skip straight to uploading it to your site this is by far 1 of the easiest things ever. first you have to create a folder in your freewebs account called images. then upload the images files in your layout package 1 by 1 into the folder.
then you need to go back to your layout in evrsoft first page and copy ALL of the html file. then delete the all the code thats in the current index.htm in FREEWEBS and paste in the new stiff save it and you

tht layout loks cool altho u just edited this 1 http://habboring.com/layouts/2.png
good job tho i might use it

EDIT: o rite i forgot woooooo first post

Pretty Is It yours Any Credits????????

lol he said he used habboring

lol i cant get it to edit nothing shows

Very good. =]

Quote:

---

Originally Posted by england

tht layout loks cool altho u just edited this 1 http://habboring.com/layouts/2.png
good job tho i might use it

EDIT: o rite i forgot woooooo first post

---

england true it is edited but i also sliced and coded it 2. i dont see you doing this and im working on slicing and coding another layout

Looks nice!
Nice code and tut!

Greetzz, Fab

very nice :]

you guys i have finished my second layout. ill post download link and screenie in a sec.

I released the layout thx.

ops srry for duble posting XD

They're alright


I suppose :P

nice wasent helpfull but nice

Quote:

---

Originally Posted by Dj-FaiL

They're alright


I suppose :P

---

tyvm

i lyk the red 1 better

The first one is fairly good, the second one... You know how it's called 'pepper hotel'? It makes my eyes feel like pepper was thrown in them.

how do you put the habbo layouts like this on freewebs need help email me JamesPreston340@hotmail.com cheers.

Omg Dude I love you so much now i have finally made a layout :) (im chevved) i give all credit to you !

1st one looks like iblabbo?

ibLabbo Hotel

you coded it good man i have seen the layout before

but it's not coded but thanks to yours is it coded good thing

Quote:

---

Originally Posted by chunchuan

1st one looks like iblabbo?

ibLabbo Hotel

---

1.) true but his nav bar is different and his content is expandable but if u read it says i got from habboring.com and i already sliced and coded another layout that im to lazy to release lol

nice

Eh Ew?

nuh uh not eww these are my first layouts ive ever coded lol

Try not to slice a layout. Or if you do, save image only and code from scratch. Imageready sliced layouts are terrible.

ye ur right the new ones i do i just dont slice it, and then i just make iframes for content i think ima redo the red one XD

iFrames are just as worse... Go to a web 2.0 style of coding. This means using CSS and divs, to where the layout is stretchable without damaging anything.

any tuts?

Read the PM I replied to. If you can't find anything on that site (You will. If not, your not looking.) then try Google.

Kind Of Good.
5/10
_Jibed X Corporation

not bad

cool but sliced lol i like it