Jump to content
MakeWebGames

main page/login


mdshare
 Share

Recommended Posts

ok after looking at hundreds of posts with the forum change I've noticed people just lack imagination for a main page.

It's after all basic html/css syntax that is needed to create something decent. Or is the basic html/css syntax a issue ???

example took like 1h (still holds around 29 errors but so be it)

oops.jpg

structure isn't perfect also but understandable with not to much nested div's

 

<html>
<head>
<body>
<div id="container">
<div id="logo">
<div id="banner">
<div id="nav">
<div id="content">
<div id="footer">
</div>
</body>
</html>

 

This post is not to discuss the screenshot but to discuss main pages as a whole, why people lack knowledge to create one.

I hear 100 times a day 'I know html' so prove it ...

md

Link to comment
Share on other sites

Re: main page/login

I personally don't start any project without first deciding on what doc type I'm using.

HTML 4.0 Strict is probably the one most folks should use (If the folks at Yahoo are to be believed)

 

We use and recommend this !DOCTYPE to trigger Standards Mode in browsers with multiple rendering modes:
1	<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"  
2	"http://www.w3.org/TR/html4/strict.dtd"> 

 

Then, I apply a css reset (since different browsers have different default styling for elements).

Then, I apply a basic set of css styles to tags like: th -- centered, bold, strong -- bold, h1 and h2 and h3 -- font size and centered and so on.

Then I apply Yahoo Grids.

Once I have all that, I have an environment that will be standardized across the most popular browsers since all css is specifically set to mine/yahoo's standards. Grids then allows me to break up a page into columns very easily.

You can optionally use the Yahoo Fonts package which helps to standardize fonts across different browsers as well. (this is an area where no matter what you do, you're going to see very apparent differences across browser, but Yahoo Fonts gets you closer to a "standard".)

Altogether, the start of an html document might look like:

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" 
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Basic HTML/CSS page layout</title>
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.6.0/build/reset-fonts-grids/reset-fonts-grids.css">
<link rel="stylesheet" type="text/css" href="my_custom.css"> <!-- Again, this css file is created to apply
basic styles to elements since all element styles have been canceled by the reset. -->
</head>

 

Once you have that, you're good to go!

Link to Yahoo Reset:

http://developer.yahoo.com/yui/reset/

Link to Yahoo Font:

http://developer.yahoo.com/yui/fonts/

Link to Yahoo Grids:

http://developer.yahoo.com/yui/grids/

Link to comment
Share on other sites

Guest Anonymous

Re: main page/login

 

I like that login, however have you seen mine? what are your thoughts on it??? :-)

Looks different from most games, (maybe add few more colours into it) though looks a little off aligned not too sure if its just my browser.

Screen: http://imageholt.com/hosted/37c189c2a6f2dbcbc4e7e661fbd06a8a.png unless it's meant to look like that.

Link to comment
Share on other sites

Re: main page/login

 

I like that login, however have you seen mine? what are your thoughts on it??? :-)

Looks different from most games, (maybe add few more colours into it) though looks a little off aligned not too sure if its just my browser.

Screen: http://imageholt.com/hosted/37c189c2a6f2dbcbc4e7e661fbd06a8a.png unless it's meant to look like that.

The game is fine in Mozzila Firefox, the interior of the game needs to be upgraded to suit IE otherwise it looks terrible so i have to update the styleesheets.

Where do you suggest i add more colours?

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...