Running

Hello. CSS:ssää harjoitellakseni tekaisin tällaisen layn lahjoitettavaksi Forbidden Entiretyyn. Ensimmäiseksi kerraksi onnistui mielestäni ihan kivasti, parempikin tietysti voisi olla. Toivottavasti tämmöinen jollekin kuitenkin kelpaa. n__n Copyright-merkintöjä ei saa poistaa. Jos tarvitset apua layn kanssa, autan mielelläni. Laita sähköpostia osoitteeseen: kristalli-95 @ hotmail.com (poista välit).

Kuvat ja koodit

Tallenna seuraava kuva sivutilallesi nimellä runninglay.png:

Laita seuraava koodi index.html:llään:

<html>
<title>OTSIKKO</title>
<STYLE type="text/css"><!--

body, td { 
font-family: verdana;
color: black;
font-size: 10pt;
text-align: left;}

A:link{color:white;text-decoration:none}
A:visited{color:#AE6A5C;text-decoration:none}
A:active{color:#AE6A5C;text-decoration:none;}
A:hover{color:#5F2009;background-color:#AE6A5C}

BODY {
scrollbar-face-color: #5F2009;
scrollbar-highlight-color: #B88420;
scrollbar-3dlight-color: #B88420;
scrollbar-darkshadow-color: #B88420;
scrollbar-shadow-color: #B88420;
scrollbar-arrow-color: white;
scrollbar-track-color: #B88420;
}

--></style>
<body>

<div style="position: absolute; left: 60px; top: 310px; width: 530px; height: 10px;">
<a href="OSOITE" target="_sivu">linkki</a> >>
<a href="OSOITE" target="_sivu">linkki</a> >>
<a href="OSOITE" target="_sivu">linkki</a> >>
<a href="OSOITE" target="_sivu">linkki</a>

</div>

<div style="position: absolute; left: 12px; top: 15px; width: 510px; height: 12px;">
<font face="verdana" size="1">
Layoutin kuva © <a href="http://www.flickr.com" target="top">Flickr, Xanboozled</a>, texture © <a href="http://www.freewebs.com/tasteof-ink" target="top">Taste Of Ink, Noora</a>, layout © Spiegel Lahjoitettu <a href="http://layouts.for-transitory.org/index.php" target="top">Forbidden Entiretyyn</a></font face>

</div>

<script type="text/javascript" src="/i.js"></script><script type="text/javascript">if(typeof(urchinTracker)=='function'){_uacct="UA-230305-2";_udn="none";_uff=false;urchinTracker();}</script><script type="text/javascript" src="http://edge.quantserve.com/quant.js"></script> <script type="text/javascript">_qacct="p-44naSaXtNJt26";quantserve();</script> </body>
</html>

Sekä tämä koodi kaikille muille sivuille:

<html>
<head>
<title>OTSIKKO</title>

<STYLE type="text/css"><!--

body, td { 
font-family: verdana;
color: black;
font-size: 10pt;
text-align: left;}

A:link{color:#AE6A5C;text-decoration:none}
A:visited{color:#AE6A5C;text-decoration:none}
A:active{color:#AE6A5C;text-decoration:none;}
A:hover{color:#5F2009;background-color:#AE6A5C}

H1 {color:#5F2009; border-bottom:1px dotted; font-size:12px }

--></style>

</head>
<body bgcolor="#B88420">
<H1>OTSIKKO</H1>

tekstisi

Väliotsikot saat seuraavalla koodilla: