Innocence ~Layout -apu~

Layout -apu

Aloitetaan ihan alusta...
Eli, eli... Olet l�yt�nyt jonkun sivun, jolta haluat ottaa jonkun leiskan.
Englanninkielisill� sivuilla layoutit on jaettu yleens� ryhmiin: Div. Layer, pop up, table, Frame ja IFrame. Suosittelen aloittamaan tablella tai div. layerilla. Ne ovat ehk� "helpoimpia" muokata ensikertalaiselle.
Yleens� leiskasta on pieni kuva, jonka vieress� on sen tiedostojen koko ja muut tiedot. Usein kuvan vieress� on my�s preview -nappi, jota painamalla voit esikatsella leiskaa.
Kun olet p��tt�nyt, mink� leiskan haluat, paina download -nappia. Riippuu tietenkin, mit� windowsia ja netti� k�yt�t, mutta yleens� esiin tulee t�llainen ikkuna.(linkeiss� on kuvaopasteet, miten kaikki tapahtuu!) �L� AVAA TIEDOSTOA, vaan tallenna se omalle koneellesi. Layoutit ovat melkeimp� aina pakatussa muodossa (zip).
Jos sinulla on k�yt�ss� esim. F-secure, niin kannattaa tarkistuttaa tiedosto virusten varalta, jos et luota l�hteeseen.
Jos viruksia ei l�ytynyt, voit turvallisesti purkaa kansion.
Lataa KAIKKI leiskan tiedostot serveriisi. Mukana tulee yleens� index sivu, mutta �l� muokkaa sit�, vaan avaa layouttisi indexsivu ja kopioi sen l�hdekoodi n�in. Luo uusi tiedosto ja kopioi l�hdekoodi siihen. Sitten alkaa koodaus.
Eli t�ss� alla on nyt minun entisen leiskani alkuper�inen koodi. Oikeasti sen sis�lt�m�t ohjeet ovat englanniksi, mutta suomennan ne selvyyden vuoksi. koitan v�h�n koodin avulla selostaa, miten lay asennetaan ja miten se toimii. Tietenkin jokainen koodi on erilainen, mutta j�rjestys on suurinpiirtein sama, kuin t�m� (t�m� lay kuuluu ryhm��n table). Yleens� leiskan mukana tulee jonkinlaiset asennusohjeet, mutta jos olet imuroinut leiskasi muunkielisilt� sivuilta, voi tekstin ymm�rt�minen ensikertalaiselle olla vaikeaa... Koodin mukana tulee usein my�s erillinen css-muistio, jossa on sivun css koodit, joita voi sitten mielens� mukaan muokata! Creditsej� EI SAA IKIN� POISTAA! Olen merkinnyt kaikki omat selostukseni koodiin *** merkeill�, jotta selitykseni on helpompi l�yt��! �l� kopioi koodia mihink��n omiin tarkotuksiisi!

<html>

<head>
<title> *** TITLE -tagien v�liin tulee sivusi otsikko, jonka haluat n�kyv�n yl� -ja alapalkissa ***</title>
<link rel=stylesheet href="rb.css" type="text/css">
</head>
<body><center>
<script language="javascript" type="text/javascript" src="//ad.broadcaststation.net/ads/show_ad.php?width=728&height=90"></script>
</center>

<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>

*** ALLA oleva sekamelska on t�m�n leiskan kuvakoodia. Ne tulevat automaattisesti leiskan mukana. N�it� sinun ei tarvitse muuttaa! ***
<table width=750 border=0 cellpadding=0 cellspacing=0 background="rb_back.jpg" style="background-repeat: repeat-y" align=center>
<tr>
<td colspan=7 valign=top>
<img src="rb_01.gif" width=750 height=263></td>
</tr>
<tr>
<td colspan=5 valign=top>
<img src="rb_02.gif" width=600 height=34></td>
<td rowspan=2 background="rb_03.gif" style="background-repeat: no-repeat" valign=top width=132>
*** linkkivalikkoa ilmaistaan yleens� nimell� NAVIGATION. Texti ei n�y itse sivulla, tuo on vain "opaste" ***

<p class="head">Section ***SECTIONIN tilalle voit kirjoittaa oman linkkiryhm�si otsikon (esim. Tekemist� sinulle) ***</p>
<a href="# *** # merkin kohdalle voit laittaa linkin osoitteen ***">Link *** LINK:in kohdalle voit kirjoittaa oman linkkisi textin ***</a><br>
<a href="#">Link</a><br>
<a href="#">Link</a><br>
<a href="#">Link</a>
<p class="head">Section</p>
<a href="#">Link</a><br>
<a href="#">Link</a><br>
<a href="#">Link</a><br>
<a href="#">Link</a>
<p class="head">Section</p>
<a href="#">Link</a><br>
<a href="#">Link</a><br>
<a href="#">Link</a><br>
<a href="#">Link</a>
<p class="head">Section</p>
<a href="#">Link</a><br>
<a href="#">Link</a><br>
<a href="#">Link</a><br>
<a href="#">Link</a>
<p class="head">Section</p>
<a href="#">Link</a><br>
<a href="#">Link</a><br>
<a href="#">Link</a><br>
<a href="#">Link</a></td>
<td rowspan=2 valign=top>
<img src="rb_04.gif" width=18 height=135>
</td>
</tr>
<tr>
<td valign=top>
<img src="rb_05.gif" width=5 height=101></td>
<td background="rb_06.gif" style="background-repeat: no-repeat" valign=top width=152>
 *** Sama juttu, kuin aikaisemmin, t�m� on vain vasemman puoleinen linkkivalikko! ***
<p class="head">Section</p>
<a href="#">Link</a><br>
<a href="#">Link</a><br>
<a href="#">Link</a><br>
<a href="#">Link</a>
<p class="head">Section</p>
<a href="#">Link</a><br>
<a href="#">Link</a><br>
<a href="#">Link</a><br>
<a href="#">Link</a>
<p class="head">Section</p>
<a href="#">Link</a><br>
<a href="#">Link</a><br>
<a href="#">Link</a><br>
<a href="#">Link</a>
<p class="head">Section</p>
<a href="#">Link</a><br>
<a href="#">Link</a><br>
<a href="#">Link</a><br>
<a href="#">Link</a>
<p class="head">Section</p>
<a href="#">Link</a><br>
<a href="#">Link</a><br>
<a href="#">Link</a><br>
<a href="#">Link</a>
</td>
<td valign=top>
<img src="rb_07.gif" width=21 height=101>
</td>
<td background="rb_08.gif" style="background-repeat: no-repeat" valign=top width=398>
 *** Keskusta. T�h�n voit kirjoittaa vapaasti, mit� haluat. Alla ovat alkuper�iset englanninkieliset ohjeet, jotka voit sitten poistaa my�hemmin. ****
<p class="head">Layout [Information]</p>
This layout has Sakura from Sakura Wars. The layout's all pinky and tabley. Kikyou coded the tables, because Fiona's not too good at it. Fiona made the top part, and the css and what she is typing now. We were going to use it for the next layout for KTD, but the content space is way too small.
<p class="head">Layout [Installation/Usage]</p>
+UnZip the file with WinZip.<br><br>
+Open:<br><br>
      -rb.html: to edit both the content and navigation spaces<br>
      -rb.css: to edit the css if you'd like<br><br>
+Personalzing:<br><br>
      -rb_01.gif: to put your site title on the tab under the top image
<p class="head">Layout [Terms]</p>
+Please DO NOT do any of the following to credits:<br><br>
      -remove<br>
      -cover<br>
      -make invisible or illegilble<br>
      -move or reposition<br><br>
+DO do the following:<br><br>
      -read the terms<br>
      -keep up the credit links and watermark
<p class="head">Layout [Credits] *** Muistathan, ett� Creditsej� EI SAA POISTAA?! ***</p>
Site © Your Name *** YOUR NAME:n kohdalle kirjoitat tietenkin oman nimesi ***<br>
Image © <a href="http://we-love-anime.com/" target="_blank" onMouseOver="window.status='We Love Anime'; return true" onmouseout="self.status=' '">We Love Anime</a><br>
Layout © <a href="http://komettails.hamha.net/" target="_blank" onMouseOver="window.status='Komet Tails Designs'; return true" onmouseout="self.status=' '">Komet Tails Designs</a>
*** Kuvakoodia yms... N�ille sinun ei tarvitse tehd� mit��n! ***
</td>
<td valign=top>
<img src="rb_09.gif" width=24 height=101></td>
</tr>
<tr>
<td background="rbend.jpg" style="background-repeat: no-repeat" height="8" width=750 colspan="7">
</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>

<br></head> </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> </object></layer></div></span></style>