/ & Balloon toy

Balloon toy

"Olisi Kiva jos tekisit tämmöisen ulkan: Kuvassa olisi bordercollie, ulkka olisi kiva pastillin väreissä eli jotain vaaleita värejä. Niin ja kanssa mieluiten sellainen johan ei itse tarvitse otsikkoa lisätä :) Kuvaan mieluiten (puoli)pitkäkarvainen koira, ei lyhytkarvaista :D"
Näin siis Verkku toivoi vieraskirjassa. Koitin tehdä toiveiden mukaisesti, mutta kyseistä otsikkoa en mitenkään saanut liitettyä. Sen siis joutuu lisäämään joko kuvankäsittely ohjelmalla, tai sitten halutessaan ensimmäiseen otsikkoon. M.

Tässähän on vaikka minkälaista hässäkkää ollut joten.. päivitykset jäänyt hieman taka-alalle. Koitan todellakin toteutella toiveita jos niitä vieraskirjaan ilmestyy.
Paksunnettu teksti Kursivoitu teksti Linkki

Käyttöön otto

Tallenna tämä kuva palvelimellesi vaihtamatta nimeä.
Lisää allaoleva koodi jokaiselle sivulle.

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

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

i {
font-family: Trebuchet MS;
font-size: 11px;
color: EE2C26;
}

b {
font-family: Trebuchet MS;
font-size: 11px;
color: C1B0D6;
}

A:link {
font-family: Georgia, Serif;
font-size:8px;
text-align:center;
text-transform: uppercase;
color:#000000;
text-decoration:none;
cursor:default;

}

A:visited {
font-family: Georgia, Serif;
font-size:8px;
text-align:center;
text-transform: uppercase;
color:#000000;
text-decoration:none;
cursor:default;
}

A:active {
font-family:trebuchet MS;
font-size:10px;
text-align:center;
text-transform: uppercase;
color: #000000;
cursor:default;
}

A:hover {
font-family: Georgia, Serif;
font-size:8px;
color:#F1EAD7;
text-decoration:none;
cursor:default;

}

a.otsake:link, a.otsake:visited, a.otsake:active {
display:block;
width:100;
height:18;
text-decoration:none;
font-family:trebuchet MS;
font-size:10px;
text-align:center;
text-transform: uppercase;
text-align: justify;
color:#000000;

}

a.otsake:hover {
width:100;
height:18;
border-left: 5px solid gray;
background-color:A4A09A;
text-decoration:none;
font-family:trebuchet MS;
font-size:10px;
text-align:center;
text-transform: uppercase;
text-align: justify;
color:#000000;

}

.otsikko {
text-align: right;
font-family: Georgia;
color:#60574C;
font-size:19px;
font-weight:bold;
font-style:italic;
text-decoration:none;
letter-spacing:2px;
margin-top: 3px;
margin-bottom: 3px;
margin-left: 3px;
background-image: url('http://i39.tinypic.com/63vw9h.jpg');
background-repeat: no-repeat;
}

.otsikko:first-letter {
   color: 879398;
   font-size: 30px;
 }

#teksti{
position:absolute;
left:10;
top:120;
height:500;
width:300;
}

#valikko{
position:absolute;
left:20;
top:70;
height:68;
width:500;
font-family:trebuchet MS;
font-size:10px;
font-weight:bold;
text-align:justify;
text-decoration:none;
cursor:default;

}

#kuva{
position:absolute;
left:0;
top:0;

}

</style>
</head>

<div id="valikko">
<a href="inff" class="valikko">Linkage</a> 
<a href="inff" class="valikko">Linkage</a> 
<a href="inff" class="valikko">Linkage</a> 
<a href="inff" class="valikko">Linkage</a>

<div id="teksti">
<div class="otsikko">VÄLIOTSIKKO   </div><br>
tekstiä tekstiä