Jag skriver detta inlägg med anledning av att jag är så otroligt usel på Design!!!

Ett exempel på vad jag vill veta är hur man fixar sånt här som t ex Pelle har längst upp "Översikt", "Skriv Inlägg", osv... hur man får dessa med rundade hörn, eller hur bilder når över en hel kolumn (i kanten) och såna saker!!!

Tips uppskattas, ty min nya hemsida ser så mesig och "normal" ut... :(

//Susanne HK

Steg 1 är väl att ha ett hyffsat ritprogram.
Jag gillar Macromedia Firefox som är speciellt anpassat för webb-grafik.
Adobe Photoshop är också vanligt.
Ett gratis alternativ är http://www.gimp.org/
(som jag inte har hunnit testa själv)

Och sen behöver man väl en del inspiration och gärna nån slags talang..
Eller så snor du bara ideerna från andra.. :)

Jag sitter också och försöker med detta. Allt går jätte bra utom en sak. Jag kan inte få den aktuella tabsen att vara markerad. Det är självklart något som jag har glömt men vad??

Här är min stylekod:

<code>
<style type="text/css">

#header {
float:left;
width:100%;
background:#FFFDF6 url("bild/grafik/tabs/bg.gif") repeat-x bottom;
font-size:93%;
line-height:normal;
position: absolute;top: 0px; left:15%;
}

#header ul {
margin:0;
padding:10px 10px 0;
list-style:none;
}

#header li {
display:inline;
margin:0;
padding:0;
}

#header a {
float:left;
display:block;
background:url("bild/grafik/tabs/left_both.gif") no-repeat left top;
margin:0;
padding:0 0 0 9px;
border-bottom:1px solid #765;
text-decoration:none;
}

#header a span {
float:left;
display:block;
background:url("bild/grafik/tabs/right_both.gif") no-repeat right top;
padding:5px 15px 4px 6px;
font-weight:bold;
color:#765;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header a span {float:none;}
/* End IE5-Mac hack */
#header a:hover span {
color:#333;
}

#header #current a {
background-position:0 -150px;
border-width:0;
}

#header #current a span {
background-position:100% -150px;
padding-bottom:5px;
color:#333;
}

#header a:hover {
background-position:0% -150px;
}

#header a:hover span {
background-position:100% -150px;
}


#ceasar #nav-ceasar, #news #nav-news,
#aktiv #nav-aktiv, #veta #nav-veta,
#van #nav-van, #links #nav-links,
#guest #nav-guest{
background-position:0 -150px;
border-width:0;
}

#ceasar #nav-ceasar a, #news #nav-news a,
#aktiv #nav-aktiv a, #veta #nav-veta a,
#van #nav-van a, #links #nav-links a,
#guest #nav-guest a {
background-position:100% -150px;
padding-bottom:5px;
color:#333;
}

#header li:hover, #header li:hover a {
background-position:0% -150px;
color:#333;
}

#header li:hover a {
background-position:100% -150px;
}

</style>
</code>

Du får definiera på varje enskild sida vilket flik som skall vara markerad med ID taggen "current "
...tror jag...

Hihi jadå så lätt var det ;)