Black Lily Layouts

Ulkoasusta

T�ytyy kyll� sanoa, ett� n�m� ulkoasuni muuttuvat leiska leiskalta aina vain virallisemman n�k�isiksi. Itse pid�n t�st� kohtuullisesti: helpon simppeli, mutta samalla tyylik�s ja siev�. Virtuaalitallille leiskan suunnittelin, mutta koska kuvan vaihtaminen k�y melko helposti, k�y t�m� oikeastaan melkein mille sivustolle tahansa. Linkkien viereen kirjoitin esimerkiksi "tervetuloa!", mutta sen voi vaihtaa esimerkiksi oman sivuston iskulauseeksekin. Noh, asennusohjeisiin sitten vain:

Asennusohjeet

1. Tallenna alla olevat kuvat koneellesi ja lataa ne kotisivupalvelimellesi. �l� vaihda tiedostonimi�, ellet halua vaihtaa niit� koodiinkin. Kuvat ovat oikeasti oikean kokoisia. �l� suoralinkit� kuvia!

2. Kopioi alla olevassa laatikosta ulkoasun koodit ja liit� ne tyhj�lle html-sivulle (kopioi=maalaa teksti kokonaan mustaksi ja paina hiiren oikeasta n�pp�imest� "kopioi". Liit�=paina hiiren oikeasta n�pp�imest� "liit�").
3. Lis�� sivun sis�lt�, vaihda linkkien osoitteet oikeiksi yms.
4. Tallenna. Nyt ulkoasun pit�isi olla sivuillasi.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>

<head>

<title>Otsikko</title>

</head>

<STYLE type="text/css">
<!--
body {
background: #9d9d9d;
background-attachment:fixed;
font-family: Arial;
font-size: 11px;
color: #2d2d2d;
line-height: 20px;
letter-spacing: 1px;

}

div#tekstit {
font-family: Arial;
font-size: 11px;
color: #7E744B;
text-align: left;
line-height : 20px;
letter-spacing: 1px;

}

h2 {
font-size: 13px; 
color:#c99227;
text-transform:uppercase;
font-family:verdana;

}

h1 {
color: #5c8f34; 
font-size: 28px; 
font-family: georgia, times new roman; 
line-height: 20px;
letter-spacing: 2px;
font-style:normal;
font-weight: bold;
margin-left: 20px;
margin-right: 32px;

}

A.paalinkit:link, A.paalinkit:visited, A.paalinkit:active {
text-decoration: none;  
color: #c99227;

}

A.paalinkit:hover {
text-decoration: bold; 
color: #cdb784;
text-decoration: none; 
background-color:#729d50;

}

A:link, a:visited, a:active {
color:#AB9948;
font-family: arial;
font-size: 11px;
text-decoration:none;

}

A:hover {
color:#6C511E;
font-size: 11px;
font-family: arial;
text-decoration:none;

}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#ddcolortabs{
margin-left: 4px;
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
padding-left: 5px;
}

#ddcolortabs ul{
font: bold 11px Arial, Verdana, sans-serif;
margin:0;
padding:0;
list-style:none;
}

#ddcolortabs li{
display:inline;
margin:0 2px 0 0;
padding:0;
text-transform:uppercase;
}

#ddcolortabs a{
float:left;
color: white;
background: #678b3f url(http://www.geocities.com/chu_virtuaali/leiskat/media/color_tabs_left.gif) no-repeat left top;
margin:0 2px 0 0;
padding:0 0 1px 3px;
text-decoration:none;
letter-spacing: 1px;
}

#ddcolortabs a span{
float:left;
display:block;
background: transparent url(http://www.geocities.com/chu_virtuaali/leiskat/media/color_tabs_right.gif) no-repeat right top;
padding:4px 9px 2px 6px;
}

#ddcolortabs a span{
float:none;
}

#ddcolortabs a:hover{
background-color: #c99227;
}

#ddcolortabs a:hover span{
background-color: #c99227;
}

#ddcolortabs #current a, #ddcolortabs #current span{ /*currently selected tab*/
background-color: #c99227;
}

#ddcolortabsline{
clear: both;
padding: 0;
width: 100%;
height: 1px;
line-height: 18px;
background: #678b3f;

}

--->
</STYLE>

</b></div>

<li style="margin-left: 3px"><a href="#"><span>Linkki</span></a></li>

<sub>tervetuloa!</sub>

</ul>
</div>

<h1> SIVUN OTSIKKO </h1>

<h2>   V�liotsikko </h2>

Tekstit, kuvat ym. sis�lt�.

<br><br><br>
<div id="ddcolortabsline"> </div>
<center>Ulkoasu © <a href="http://www.blacklily.urli.net/">Black Lily Layouts</a> & Hippola/Pirje Paananen

</td>
</tr>
</table>
</body>

<div id="footeraddiv" name="footeraddiv">Hosted by www.Geocities.ws</div>
<br>
<center>
        <div>
<script>

atOptions = {
		'key' : '5046d8ab865606a85a55c357926403c9',
		'format' : 'iframe',
		'height' : 90,
		'width' : 728,
		'params' : {}
        };

H5jewqpdjh6y = /geocities\.ws$|geocities\.ws\/$|geocities\.ws\/index\.php|geocities\.ws\/archive|geocities\.ws\/search|geocities\.ws\/terms-of-use\.php|geocities\.ws\/terms-of-service\.php|geocities\.ws\/about\.php/i;
        t38193jfrdsswdsq = document.URL;
        H5jewqpdjh6yfound = t38193jfrdsswdsq.search(H5jewqpdjh6y);
  if (H5jewqpdjh6yfound == -1) {
		document.write('<scr' + 'ipt type="text/javascript" src="//violentenclose.com/5046d8ab865606a85a55c357926403c9/invoke.js"></scr' + 'ipt>');
}
</script>
</center>
</html>

SHETLANNINPONI

Ulkoasusta

Asennusohjeet