OTSIKKOSI

NET

Njaap. :3 Mukavainen layoutti. Kivan värinen. Ensimmäistä kertaa tein tuollaiset linkit. Katsoin vähän mallia yhdestä netistä löytämästäni leiskoiskasta linkkeihin. Älkää säikähtäkö. katsoin vain miten tuon taustan koko määritellään~ Huoh. Eipä mitään sen kummempaa.

# Hamano

KUVAT JA KOODIT

Tallenna nämä kuvat palvelimellesi samannimisinä.

Sitten nämä koodit index.html - kansioon ja jokaikiselle muullekkin sivulle.

<html>
<head>
<title>OTSIKKOSI</title>

body {
font-family: verdana ;
color: #f43757;
font-size: 10px;
cursor: crosshair;
background-color: #f43757;
text-align: justify;
}

A:link {
color: #aee866;
text-decoration: none;
cursor: crosshair;
}

A:visited {
color: black;
text-decoration: none;
cursor: crosshair;
}

A:active {
color: #aee866;
text-decoration: none;
cursor: crosshair;
}

A:hover {
color: #aee866;
text-decoration: underline;
cursor: crosshair;
}

.otsakkeet {
color: green;
text-decoration: ; border-bottom: 1px dashed black; Border-width: 10 px; 
cursor: crosshair;
letter-spacing: 1 px;
font-size: 10 px;
font-family: Century Gothic;
text-align: center;
}

.linkit {
color: #aee866;
padding: 7px;
width: 100px;
text-align: center;
background-color: #396f35;
text-decoration: none;
}

body {
SCROLLBAR-FACE-COLOR: green; 
SCROLLBAR-HIGHLIGHT-COLOR: white; 
SCROLLBAR-SHADOW-COLOR: white; 
SCROLLBAR-3DLIGHT-COLOR: white; 
SCROLLBAR-ARROW-COLOR: white; 
SCROLLBAR-TRACK-COLOR: green; 
SCROLLBAR-DARKSHADOW-COLOR: green;
}

-->
</style>
<body background="pinkgreentausta.PNG">
<div style="position: absolute; top:0px; left:0px;"><img src="pinkgreen.png"></div>

<div class="otsakkeet">OTSAKE</div>
<br>
TEKSTITEKSTITEKSTI!

</font>
</TD>
</TR>
</TABLE>
</div>

<div style="position: absolute; top:100px; left:700px;">
<div class="linkit"><a href="linkki">Linkki</a><br></div><br>
<div class="linkit"><a href="linkki">Linkki</a><br></div><br>
<div class="linkit"><a href="linkki">Linkki</a><br></div><br>
<div class="linkit"><a href="linkki">Linkki</a><br></div><br>
<div class="linkit"><a href="linkki">Linkki</a><br></div><br>
<div class="linkit"><a href="linkki">Linkki</a><br></div><br>
<a href="http://www.freewebs.com/chouettedream" target="_blank">©</a> 
<a href="http://www.flickr.com/photos/hape_gera" target="_blank">©</a>

</html>
</head>

Kertokaa jos tulee ongelmia.
-Hamano