Pinkki� ja violettia

T�st� tykk��n tosi paljon, grafiikoista ainakin, oi ett�! V�rit on hempeit�. Yl�s saa otsikon laitettua jollain kuvank�sittelyohjelmalla. Linkkej� en suosittele lis��m��n enemp��, menee yli rumasti. T�m� on taas aika kes�inen ulkoasu, ei kai kes�ll� muita edes viitsi tehd�. Copyrightit on alla, niit� ei saa poistaa. Ottakaa jos kelpaa!

Rakkain terveisin, Juuli

Kopiointi

Tallenna kuvat samoilla nimillä tietokoneellesi ja lataa sivutilallesi.
pinkki.jpg ja pinkkipik.jpg

Maalaa (ctrl + A) ja kopioi (ctrl + C) tämä koodi sivuillesi.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html> 
<title> OTSIKKOSI </title>

}

a:link, a:visited { 
   font-size: 14px;
   color: #E879BF;
   background-color: transparent;
   font-weight: italic;
   font-style: italic;
   text-decoration: none;
} 
a:hover {
   color: #000000;
   background-color: transparent;
   font-size: 14px;
   text-decoration: none;
   border-bottom: 0px;
   font-weight: normal;
}

h1 {
   font-size: 21px;
   font-family: Georgia;
   color: #c74999;
   background-color: transparent;
   border-bottom: 0px transparent;
   font-weight: italic;
   font-style: italic;
   margin-top: 0px;
   text-align: left;
   letter-spacing: 9px;
   text-shadow: 0px 0px 3px #485863;

}

#navit{
   position: absolute; top:280px; left:650px; width:300px;
}
#navit a, #navit a:link, #navit a:active, #navit a:visited {
font-family: Georgia;
font-size: 19px;
color: #BA3F7B;
letter-spacing: 2px;
text-align: center;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 30px;
padding-right: 30px;
text-shadow: 0px 0px 3px #000;

}
#navit a:hover, #navit a:focus {
font-family: Georgia;
font-size: 19px;
color: #000;
font-style: italic;
text-align: center;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 30px;
padding-right: 30px;
text-shadow: 0px 0px 3px #000;
}

-->
</style>

</head>

<body>
<script async src="https://www.googletagmanager.com/gtag/js?id=G-4KX380T5BD"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

gtag('config', 'G-4KX380T5BD');
</script>

var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-26341965-1']);
  _gaq.push(['_setDomainName', '.geocities.ws']);
  _gaq.push(['_trackPageview']);

(function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>

<div id="navit"><a href="linkin osoite">Linkki</a> <p><a href="linkin osoite">Linkki</a><p> <a href="linkin osoite">Linkki</a> <p><a href="linkin osoite">Linkki</a> <p><a href="linkin osoite">Linkki</a> </div>

<h1>Otsikko</h1>
teksti� teksti� teksti� teksti� teksti� teksti� 
teksti� teksti� teksti� teksti� teksti� teksti� 
teksti� teksti� teksti� teksti� teksti� teksti� 
teksti� teksti� teksti� teksti� teksti� teksti� 
teksti� teksti� teksti� teksti� teksti� teksti� 
teksti� teksti� teksti� teksti� teksti� teksti� 
teksti� teksti� teksti� teksti� teksti� teksti� 
teksti� teksti� teksti� teksti� teksti� teksti�

<p>

<p>
Kuva <a href="https://www.flickr.com/photos/ditostar/">� Flick Stephanie Peters</a> <br>
Ulkoasu <a href="http://geocities.ws/usvainen/">� Usvainen</a>
<p>

Kuva � Flick Stephanie Peters
Ulkoasu � Usvainen