Headermaker?

Wie kan er een mooie bijpassende header voor habble.net maken?
stuur ze op via ene PB...

beloning: 0.5!

De grote zou wel handig zijn.

Nou... ik weenietprecies de grootte maak maar een mooie passende!

Geprobeerd

heel erg mooi, maar uhmm... moet je me site is cheken, wat er onderaan de header staat...

<body>
<div id="container"> 
<div id="header">
</div>

<div id="menu-links"></div> 
<div id="menu"> 
[COLOR= #0000BB]<?php[/COLOR]
[URL="http://www.php.net/include"]include[/URL][COLOR= #007700]([/COLOR][COLOR= #DD0000]pagina/balk.php[/COLOR][COLOR= #007700]);[/COLOR]
?>
</div>
<div id="menu-rechts"></div>

<div id="datumbalk">
</div>

moet hier iets aangepast worden?

Bij mij staat er niks onderaan de header. en puntjes ontvang ik graag Want zo te zien gebruik je hem al habble.net

hmm dan gebruik ik hem nog ff niet want het moet eerst ff opgelost worden xD

<body>
<div id="container"> 
<div id="header">
</div>

<div id="menu-links"></div> 
<div id="menu"> 

<a href="index.php">Homepage</a>
<a href="hier je link">Hier je linkname</a>
<a href="hier je link">Hier je linkname</a>
<a href="hier je link">Hier je linkname</a>
<a href="hier je link">Hier je linkname</a>

</div>
<div id="menu-rechts"></div>

<div id="datumbalk">
</div>

Dit heeft niks met header te maken

Nee, maar hij doet ene soort spiegeling als ik dat plaatje van je doe iphone?...
hoe verhelp ik da?

style.Css => bg no repeat;

Mensen zeg.

body {
   background: #9AD8E8 url(images/background.png) repeat-x fixed center bottom;
   font: 11px Verdana;
   color: #2D2D2D;
   margin: 0px;
}

a {
   outline: 0;
   color: #2D2D2D;
   text-decoration: none;
}

a:hover {
   color: #00ADDF;
}

input {
   background: #FFFFFF;
   font: 8pt Verdana;
   border: 1px solid #C1C1C1;
   padding: 3px;
}

input[type="submit"] {
   background: url(images/input.png) repeat-x;
   color: #FFFFFF;
   font: 8pt Verdana;
   border: 1px solid #0B9AAC;
   padding: 2px;
}

textarea {
   background: #FFFFFF;
   font: 8pt Verdana;
   border: 1px solid #C1C1C1;
   padding: 3px;
}

select {
   background: #FFFFFF;
   font: 8pt Verdana;
   border: 1px solid #C1C1C1;
   padding: 2px;
}

#container {
   width: 987px;
   margin: 0px auto;
   margin-top: -1px;
}

#header {
   float: left;
   background: url(images/Header.png);
   height: 200px;
   width: 967px;
   margin-left: 10px;
   margin-right: 10px;
}

#datumbalk {
   float: left;
   background: url(images/datumbalk.png);
   color: #FFFFFF;
   height: 22px;
   width: 956px;
   padding: 5px 5px 0 5px;
   margin-left: 11px;
   margin-top: -6px;
}

#datumbalk a {
   outline: 0;
   color: #FFFFFF;
   text-decoration: none;
}
   
#menu-links {
   float: left;
   background: url(images/menu-links.png);
   height: 36px;
   width: 7px;
   margin-left: 4px;
   margin-top: -1px;
}

#menu {
   float: left;
   background: url(images/menu.png);
   height: 30px;
   width: 961px;
   padding-left: 5px;
   margin-top: -1px;
}

.menuknop {
   float: left;
   background: url(images/menu.png);
   color: #FFFFFF;
   height: 23px;
   padding: 7px 6px 0 6px;
   margin-right: 7px;
}

.menuknop:hover {
   background: url(images/menu-hover.gif);
}

.menuknop a {
   outline: 0;
   text-decoration: none;
   color: #FFFFFF;
   margin: 0;
}

.menuknop a:hover {
   text-decoration: none;
   color: #FFFFFF;
}

#menu-rechts {
   float: left;
   background: url(images/menu-rechts.png);
   height: 36px;
   width: 7px;
   margin-top: -1px;
}

#mid {
   float: left;
   overflow: hidden;
   background: url(images/mid.png);
   width: 966px;
   margin-left: 11px;
}

.left {
   float: left;
   text-align: left;
   width: 197px;
   margin-left: 13px;
   margin-top: 5px;
}

.left .top {
   background: url(images/box_left_top.gif) no-repeat;
   width: 197px;
   height: 30px;
}

.left .top h2 {
   color: #FFFFFF;
   font-weight: bold;
   font-size: 11px;
   padding: 7px 0 0 9px;
}

.left .center {
   background: #FFFFFF;
   width: 185px;
   border-left: 1px solid #C6C4B9;
   border-right: 1px solid #C6C4B9;
   padding: 4px 5px 2px 5px;
}

.left .bottom {
   clear: both;
   background: url(images/box_left_bottom.gif) no-repeat;
   height: 6px;
   width: 197px;
   margin: 0 0 14px 0;
}

.center {
   float: left;
   text-align: left;
   width: 502px;
   padding: 4px 0 0 14px;
}

.center .top {
   background: url(images/bluetop.png) no-repeat;
   height: 31px;
   width: 502px;
}

.center .top h2 {
   color: #FFFFFF;
   font-weight: bold;
   font-size: 11px;
   padding: 8px; 0 0 9px;
}

.center .center {
   background: #FFFFFF;
   width: 489px;
   border-left: 1px solid #C6C4B9;
   border-right: 1px solid #C6C4B9;
   padding: 4px 5px 2px 5px;
   margin-left: 1px;
}

.center .bottom {
   clear: both;
   background: url(images/bluefoot.png) no-repeat;
   height: 10px;
   width: 502px;
   margin: 0 0 14px 1px;
}

.right {
   float: right;
   text-align: left;
   width: 212px;
   margin-right: 13px;
   margin-top: 5px;
}

.right .top {
   background: url(images/box_right_top.gif) no-repeat;
   height: 30px;
   width: 212px;
}

.right .top h2 {
   color: #FFFFFF;
   font-weight: bold;
   font-size: 11px;
   padding: 7px 0 0 9px;
}

.right .center {
   background: #FFFFFF;
   width: 200px;
   border-left: 1px solid #C6C4B9;
   border-right: 1px solid #C6C4B9;
   padding: 4px 5px 2px 5px;
}

.right .bottom {
   clear: both;
   background: url(images/box_right_bottom.gif) no-repeat;
   height: 6px;
   width: 212px;
   margin: 0 0 14px 0;
}

#footer {
   float: left;
   text-align: center;
   background: url(images/footer.png);
   color: #FFFFFF;
   height: 22px;
   width: 966px;
   border-right: 1px solid #FFFFFF;
   margin-left: 10px;
   padding-top: 7px;
}

-- (css weggehaald) --

nogsteeds...

vraag het aan iemand anders dan.
om het te verbeteren. Maar eh.. Ik wil me punten

Okee