The beautiful autumn colors.

The beautiful autumn colors

kursivoitu paksunnettu alleviivattu

Tämä on musta versio ulkoasusta The beautiful autumn colors. Tästä tulee mieleen pimeä syksyn aika, mutta toisaalta myös syksyn nätit värit. :-)

Ulkoasu käyttöön!

Ensimmäiseksi kopioidaan ulkoasun kuvat, ellei niitä kopio ja lataa niin silloin ulkoasussai eivät näy kuvat. Kopioi nämä ulkoasun kuvat palvelimeesi samoilla nimillä;

Kuvat ovat tässä pieninä, mutta ne tallentuvat kyllä oikean kokoisina.

Jos sinulla on sivut esimerkiksi freewebsissä niin lataa kuvat tallenttuasi sinne. Eli kirjaudut niille sivuille johon aiot ulkoasun laittaakin. Sen jälkeen lataat kuvat sinne. Sen jälkeen maalaat & kopioit (Ctrl+C) seuraavassa laatikossa olevat koodit ja liität (Ctrl+V) ne kaikille sivuille jossa haluat ulkoasun näkyvän.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html> 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

<title> 	
OTSIKKO  </title>

}
#navi{
   position: absolute; top:334px; left:68px; width:175px;
}
#navi a, #navi a:link, #navi a:active, #navi a:visited {
   color: #A7C684;
   font-size: 8px;
   font-family: Verdana, Sans-Serif;
   text-transform: uppercase;
   display: block;
   text-align: left;
   margin: 0 0 3px 0;
   padding: 1px 5px;
   letter-spacing: 2px;
   text-decoration: none;
   font-style: normal;
   font-weight:bold;
   background-color: transparent;
   border-left: 10px solid #A7C684;
   border-bottom: 0px;
}
#navi a:hover, #navi a:focus {
   color: #A7C684;
   font-size: 8px;
   font-family: Verdana, Sans-Serif;
   text-transform: uppercase;
   display: block;
   margin: 0 0 3px 0;
   padding: 1px 5px;
   letter-spacing: 2px;
   text-decoration: none;
   font-style: normal;
   font-weight:bold;
   background-color: #1B0A72;
   border-bottom: 0px solid #A7C684;
   border-left: 10px solid #53A784;
   text-align: center;
   cursor: w-resize;
}
b {
   color: #A2BB67;
   font-family: Tahoma;
   font-size: 12px;
   letter-spacing: 2px;
}
i {
   color:#848EB4;
  font-family: Tahoma;
   font-size: 12px;
   letter-spacing: 1px;
}
u {
   color: #D9DDE8;
   padding-bottom: 1px;
   border-bottom: 1px dashed #414A6A;
   letter-spacing: 2px;
}

.otsikko {
text-align:center;
font-family:arial;
color: #911A62 ; 
font-size:14px;
letter-spacing:2px;
width:100%;
}
.tee{
width:168px;
position:absolute; 
top:2px;
left:270px;
text-align:justify;
}

-->
</style>

</head>

<body>

<div class="otsikko">Otsikko</div><bR>
Teksti tähän // Teksti tähän // Teksti tähän //
Teksti tähän // Teksti tähän // Teksti tähän // 
Teksti tähän // Teksti tähän // Teksti tähän //

<bR><bR><div class="otsikko">Otsikko</div><bR>
Teksti tähän // Teksti tähän // Teksti tähän // 
Teksti tähän // Teksti tähän // Teksti tähän // 
Teksti tähän // Teksti tähän // Teksti tähän // 
Teksti tähän // Teksti tähän // Teksti tähän //

<div class="otsikko">Väliotsikko</div><bR>
► <a href="SIVUN OSOITE">Linkki</a><br>
► <a href="SIVUN OSOITE">Linkki</a><bR>
► <a href="SIVUN OSOITE">Linkki</a><bR>
► <a href="SIVUN OSOITE">Linkki</a><br>
► <a href="SIVUN OSOITE">Linkki</a><br>
► <a href="SIVUN OSOITE">Linkki</a><br>

<bR><div class="otsikko">Uutiset</div><bR>
► 00.00.0000<bR>
pälä pälä pälä pälä pälä pälä pälä pälä pälä pälä pälä pälä pälä pälä pälä pälä pälä pälä pälä pälä i

Väliotsikko

► Linkki
► Linkki
► Linkki
► Linkki
► Linkki
► Linkki

Uutiset

► 00.00.0000
pälä pälä pälä pälä pälä pälä pälä pälä pälä pälä pälä pälä pälä pälä pälä pälä pälä pälä pälä pälä i