ihana kukka ♥

Tällä kertaa tälläistä sitten kopioitavaksi Fianaan. Tuo kuva on ihana, se on niin upea ja kaikkea mahdollista ♥ Pitihän sitten minun heti tehdä siitä ulkoasu, kun selasin millan kuvia Flickiristä. Tämä kuva antoi minulle inspiksen, tosin joutuin kuitenkin hiomaan inspiraatiotani. Koodauksessa tuli kyllä vähän ongelmia... Mietin, miten voisin muotoilla linkit. Ensin ne eivät olleet tuollaiset, vaan oli niissä tuollainen laatikko, ja oli muuten samanlainen, mutta sitten kun veti hiiren linkin päälle niin teksti meni oikealle. Eikä siinä ollut tuollaista vasemmassa reunassa olevaa... juttua. :---D Onhan tämä ihan oookoo, kuva on kyllä ihan ihana, joka lumoaa minutt.. ♥.♥ '

Ja tämä onkin sitten aikas leveä. Millonkohan olen viimeks tehny näin leveen? ;--------D

alleviivattu kursivoitu paksunnettu linkki

kopiointi

Tallenna ensin nämä kaksi seuraavaa kuvaa tietokoneellesi, ja lataa sitten sivutilaasi tai esim. photobucketiin

Ja lisää sitten seuraava koodi jokaiselle sivullesi

<!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> OTSIKKOSI________ </title>

a:link, a:visited, a:active{
color: #c24108;
text-decoration: none;
cursor: w-resize;}

a:hover{
color: #c24108;
text-decoration: underline;
cursor: w-resize;}

h1{
font-family: georgia;
border-left: 10px solid #78584d;
text-transform: lowercase;
font-size: 12px;
color: #0a0a0a;
letter-spacing: 3px;
line-height: 13px;
text-align: center;}

.otsikko {
font-family: georgia;
text-transform: lowercase;
font-size: 20px;
font-style:italic;
color: #0a0a0a;
letter-spacing: 3px;
line-height: 13px;
text-align: justify;}

A:link.navi, A:visited.navi, A:active.navi{
font-family: trebuchet ms;
color: #0a0a0a;
font-size: 9px;
text-align: center;
letter-spacing: 1px;
padding: 1px;
background-color: #efd290;
border:1px solid #1B2F00;
text-transform: uppercase;
display: block;
width: 130px;
height: 14px;}

A:hover.navi {
font-family: trebuchet ms;
color: #0a0a0a;
font-size: 9px;
text-align: center;
letter-spacing: 1px;
padding: 1px;
background-color: #efd290;
border:1px solid #0a0a0a;
border-left:15px solid #0a0a0a;
text-transform: lowercase;
text-decoration: none;
display: block;
width: 116px;
height: 14px;}

textarea, input, option, select { 
background-color:#cfd2d2; border:1px solid #000000; 
font-family: georgia; font-size:10px; color: #000000;
line-height:14px;}

U { color: #78584d;}
B {color: #f79a00; letter-spacing: 1px;}
I { color: #505d28; letter-spacing: 1px; font-family: trebuchet ms;}

#txt{ position:absolute; top:420px; left:65px; width: 585px;}
#otsikko{ position:absolute; top:50px; left:335px; width: 585px;}
#navi{ position:absolute; top:68px; left:700px; width:130px;}
 -->
 </style>

OTSIKKOSI

</div></div>

<div id="navi">
<h1>navigaatio</h1>
<a href="http://url" class="navi">linkki</a><br>
<a href="http://url" class="navi">linkki</a><br>
<a href="http://url" class="navi">linkki</a> <br>
<a href="http://url" class="navi">linkki</a>

<br><br><h1>tekijänoikeus</h1>
<center>
 <a href="http://fiana.webs.com">ulkoasu © Fiana</a><br>
 <a href="http://flickr.com/photos/34647799@N04/">kuva © Flickr.com</a><br>
 <a href="http://creativecommons.org/licenses/by-nc-sa/2.0/deed.fi">kuvan lisenssi</a><br>
 <a href="http://moargh.de">brush © Moargh.de</a></center>

<br><br><h1>muuta</h1>
Tähän voit kirjoittaa jotakin muuta, vaikka <b>päivityksiä</b>, tai lisätä affit. Listattu, aivan mitä tahansa tahdotkaan. :--D Voi myös ottaa kokonaan pois, jos tähän ei keksi / tahdo pistää yhtään mitään. Sen ei pitäisi tuottaa ongelmia, mutta jos et saa otettua pois, niin voit tulla kysymään vieraskirjassa apua siihen pröbleemään. Voihan tähän muutons myös pistää lyhyen sivun esittelytekstin tms. ?</div>

<div id="txt">
<h1>väliotsikko</h1>

kirjoita tähän tekstisi. Älä poista tekijänoikeuksi. :)

</div></html>

Palautteet, ongelmat yms. vieraskirjaan,
laura :---)