coded a habboring layout

[Jackboy]

My first proper layout i have coded. Works in IE7 & Firefox

Got the layout off

http://habboring.com/layouts/7.png

I did not design this, all i did was code it.

Preview
http://imhabbo.com/Layout1

Download
http://imhabbo.com/Layout1/Layout1.rar

ANY COMMENTS ON MY MESSY CODE? :D

[Thai-Man-Land]

Nice.

Won't even talk about the code it's that bad.

I joke. Don't understand divs, sorry =].

Good effort. +rep

[.Zi]

very nice! is it free 2 use?

[Jackboy]

yeh its free coz its off habboring.....

I just practising my css

[HabbDance]

great job, +rep

you should send that in to hybride for him to put up.

[Jackboy]

great job, +rep

you should send that in to hybride for him to put up.

I should code all of the layouts in that layouts section actually..

My AiDA coursework has been handed in and i aint starting CiDA just yet so i got some spare time.

Also i am wondering... How hard is it to support IE 6 without using [IF IE 6] html comment.

[DJ-Ains.T]

Very nice, well done. I quite like that layout.

[Jackboy]

Very nice, well done. I quite like that layout.

Props to the guy listed on habboring for designing it.

I might start coding layouts....

[shizzle]

Good release +REP

[Jackboy]

Good release +REP

Thanks :D

Just a reminder, i did not design this, i coded it :D

[Iszak]

Jackboy, it's not very hard to use condcoms (conditional comments) to import another sheetstyle to hack it to Internet Explorer 6, 7, or what ever version. As for your layout, I believe you should invest in using indentation it allows your code to be easier read by others and yourself later down the track. Also you're using class's where you're only using it once such example includes the banner, container etc. That is all.

[Jackboy]

Jackboy, it's not very hard to use condcoms (conditional comments) to import another sheetstyle to hack it to Internet Explorer 6, 7, or what ever version. As for your layout, I believe you should invest in using indentation it allows your code to be easier read by others and yourself later down the track. Also you're using class's where you're only using it once such example includes the banner, container etc. That is all.

You need to indent your replies :D jks

I have used conditional comments, thats why i said is there a way to support ie 6 without using them..... THANKS

Ok next time i will indent it, or i will edit it later :)

Yes i am using classes when im only using it once.... I could perhaps use id but whats the difference in the result..

[Iszak]

The purpose of ID's are as follows;

As a style sheet selector
As a target anchor for hypertext links
As a means to reference a particular element from a script
As the name of a declared object element
For general purpose processing by user agents (e.g. for identifying fields when extracting data from HTML pages into a database, translating HTML documents into other formats, etc.


Where as classes are used for the following reasons.

As a style sheet selector (when an author wishes to assign style information to a set of elements)
For general purpose processing by user agents.


Reference: http://www.w3.org/TR/REC-html40/struct/global.html#h-7.5.2

[Jackboy]

Yes i acknowledge your point.

But the result is exactly the same...

And i will use id in the future :D

[iUnknown]

that's funny, one of the first layouts that I coded to learn with was that exact layout off habbo ring :P Well done.

[Jackboy]

Heh.

Im not bad, but im finding it hard to make my code work in all browsers atm.

[Awfy]

Only one thing that hasn't been mentioned that your should look into. When coding CSS always try and use families so for example:

font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: normal;
Can be simplified to:

font: 11px normal normal Verdana, Arial, Helvetica, sans-serif;

[HabbDance]

You need to indent your replies :D jks

I have used conditional comments, thats why i said is there a way to support ie 6 without using them..... THANKS

Ok next time i will indent it, or i will edit it later :)

Yes i am using classes when im only using it once.... I could perhaps use id but whats the difference in the result..

why not use them again?

for ie7 you use:


<!--[if IE 7]>
<link href="ie7.css" rel="stylesheet" type="text/css" />
<![endif]--> for ie6 you use:


<!--[if IE 6]>
<link href="ie6.css" rel="stylesheet" type="text/css" />
<![endif]--> hope that's what you were looking for :P

[Jackboy]

Only one thing that hasn't been mentioned that your should look into. When coding CSS always try and use families so for example:

font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: normal;Can be simplified to:

font: 11px normal normal Verdana, Arial, Helvetica, sans-serif;

Ok thanks :D


why not use them again?

for ie7 you use:


<!--[if IE 7]>
<link href="ie7.css" rel="stylesheet" type="text/css" />
<![endif]--> for ie6 you use:


<!--[if IE 6]>
<link href="ie6.css" rel="stylesheet" type="text/css" />
<![endif]--> hope that's what you were looking for :P

Cheers for trying to be helpful but i had already used them before as i stated. I understand how they work and the syntax of them.

But i wanted to know if theres a way of supporting IE6 WITHOUT conditional if statements.

Because apparantly using them is nooby? :S

EDIT: JUST LOOKED AT FACEBOOK SOURCE CODE. THEY USE CONDITIONAL IFS LOL

[Awfy]

Conditional IF Statements are sometime nessacary as are iFrames. Just because you're using a certain tag in your code doesn't make it nooby, it's how you use it. iFrames are infact extermely handy for working with external pages that you wish to manipulate. I know probably all the "i'm leetz at html" coders will totally disagree but what can you do when they're stuck in their own little worlds? ;)

[Jackboy]

Conditional IF Statements are sometime nessacary as are iFrames. Just because you're using a certain tag in your code doesn't make it nooby, it's how you use it. iFrames are infact extermely handy for working with external pages that you wish to manipulate. I know probably all the "i'm leetz at html" coders will totally disagree but what can you do when they're stuck in their own little worlds? ;)

Ok then i will use conditional ifs for ie6 now :D

Also Greg could you PM me your msn please? :P

[iUnknown]

Conditional IF Statements are sometime nessacary as are iFrames. Just because you're using a certain tag in your code doesn't make it nooby, it's how you use it. iFrames are infact extermely handy for working with external pages that you wish to manipulate. I know probably all the "i'm leetz at html" coders will totally disagree but what can you do when they're stuck in their own little worlds? ;)

As I often have to repeat, iframes are not owned by apple, so they are no iFrames. Iframes are a shortened term for "inline frames", which is their real name.

[Awfy]

As I often have to repeat, iframes are not owned by apple, so they are no iFrames. Iframes are a shortened term for "inline frames", which is their real name.
I prefer to represent them as "iFrames" as it looks better and is easier to read. I'm ever so sorry lol...

[HabbDance]

Ok then i will use conditional ifs for ie6 now :D

Also Greg could you PM me your msn please? :P


lol there is nothing nooby about them :]

also, in your signature, you need a coder?

i can code valid css/divs (expandable)
PM'd my MSN

[RYANNNNN]

LOLOL IFRAMEZ

[Aflux]

LOLOL IFRAMEZ
hazcx0rz ur frames!

[Calon]

hazcx0rz ur frames!
Holy ****,

you are one flipping clever hacker! Jesus christ, the frames world will never be the same now that they're hackable.. everybody will stop using them!

[Jackboy]

lol there is nothing nooby about them :]

also, in your signature, you need a coder?

i can code valid css/divs (expandable)
PM'd my MSN

Its a micky take....

Because people (like you) no offense, are all like "i can code in expandable divs" when its not hard.

[Awfy]

What did I say, idiots who think they know coding will laugh at iframes. Wait till you use them to the max, they become extremely useful. Especially when you're working in APIs like Youmeo :)

[Aflux]

What did I say, idiots who think they know coding will laugh at iframes. Wait till you use them to the max, they become extremely useful. Especially when you're working in APIs like Youmeo :)
Get to work.

[Awfy]

I don't start till 10 thanks <3

[Meti]

Looks good.
But you should add margin-left: 10px; and margin-right: 10px;

since it doesn't look like image right now ;)