Hey all!
Just want to share one of my best tip that I use
I am maybe not the only one that use this but I guess that everyone does not.
I have over 20 premade HTMLdocuments that I can choose from when I want code a new design.
Ex.
C(T(H-M)C2(L-R)F).html
The big capitals are ID's and small ones are classes. In the exampel I only have ID's. I know what all letter stand for because it's my document and I created the name.
div:Container
(
div:Top
(
div:Header()
ul:Menu()
)
div:content (this is C2)
(
div:left()
div:right()
)
div:footer()
)
Most of all sites are build in the same way so I don't want to waste time rebuilding a code over and over again. And if I get a new unique code I just add it to my library.
C(T(H-M)C2(L-R)F).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>Untitled Document</title>
<style type="text/css">
body
{
background: ;
}
#container
{
width: ;
height: ;
background: ;
}
#header
{
width: ;
height: ;
background: ;
}
#menu
{
width: ;
height: ;
}
#menu li
{
width: ;
height: ;
list-style: ;
}
#content
{
width: ;
height: ;
}
#left
{
width: ;
height: ;
}
#right
{
width: ;
height: ;
}
#footer
{
width: ;
height: ;
}
</style>
</head>
<body>
<div id="container">
<!-- START ID:TOP -->
<div id="top">
<div id="header"></div>
<!-- START ID:MENU -->
<ul id="menu">
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
<!-- END ID:MENU -->
</div>
<!-- END ID:TOP -->
<!-- START ID:CONTENT -->
<div id="content">
<div id="left"></div>
<div id="right"></div>
</div>
<!-- END ID:CONTENT -->
<div id="footer"></div>
</div>
</body>
</html>
And when I am done I just add my css to a .css file instead.
Pardon my really bad English and I hope this tip is useful for some of you out there!