ATK-TUKI


Tervetuloa ATK-tuki -osiooni!


Kiinnostukseni tietokoneista, sovelluksista ja erilaisista laitteista on tuonut mukanaan tilanteita, joissa olen avustanut myös toisia erilaisissa ongelmissa tietokoneiden kanssa.

Eheyttämiset ja ylimääräisten ohjelmien poistamiset, tai asetusten keventämiset saattavat kummasti piristää vanhempaakin tietokonetta.


Palvelut


Lisäksi olen aina tykännyt matemaattisista taulukkolaskentaohjelmien rakentamisista. Monet pulmat on ratkaistu lopulta yksinkertaisillakin laskukaavoilla, eikä käsin laskettaessa syntyviä virhenäppäilyjä tule läheskään niin usein, kun tietokone hoitaa laskutehtävät.

Tietokoneiden huoltopalveluja ja sovellussuunnittelua

- Tietokoneen siivous, eheytys, asennukset ja päivitykset.

- Etäyhteyksien asennus / etätyökonehuollot yms.

- Suunnitteluja, piirtämisiä, sovelluskehityksiä, ratkaisumallien hakua, laitehankintasuunnitteluja / asennukset...

- Valokuvaukset, mainos-suunnittelut / kontaktit ym...

- Löydät osion myös facebookista!



Windows 11 päivitys


Päivitin Windows 11 järjestelmän uudelle (Windows 10) tietokoneelle ja se osoittautui yllättävän haasteelliseksi. Tämä johtui "Tarkista yhteensopivuus" -työkalun toimimattomuudesta. Tarkemmin sanottuna tietokoneen yhteensopivuus Windows 11:lle kyllä löytyi, mutta siitä eteenpäin ei päässyt etenemään. Yhteensopivuuden tarkistustyökalun käynnistämisen esti aluksi uuden tietokoneeni Windows:n S-tila joka piti ottaa pois päältä. Tietoa S-tilan asetuksista löytyy microsoft.com -sivulla tästä linkistä...

Lue listää...

Tämän jälkeen Windows update valikkoon olisi pitänyt tulla päivitysmahdollisuus 11 järjestelmästä, mutta eipä vain tullut. Löysin lopulta Microsoft -sivulle, josta sain ladattua asennustyökalun Windows 11 asentamiseksi. (Tämä linkki pitäisi olla mielestäni ensimmäisenä tarjolla microsoft.com -sivulla, mutta eipäs vain olekaan.)

  • Download Windows 11 -asennustyökalun lataus löytyi microsoft.com -sivuilta täältä.

  • Sieltä valitsin asennustyökalun latauksen: https://go.microsoft.com/fwlink/?linkid=2171764.

  • Päivitys tämän asennustyökalulla kesti toista tuntia, mutta loppu sujui niin kuin pitikin.

  • Näyttää olevan, että Windows 10 asennuksen tiedot jäävät koneen muistiin ja käyttää 25,5 Gt muistia. tämän saa siivottua pois asetusvalikon kautta. - "Tietokoneen kuntotarkistus" -ohjelman kannattaa säilyttää tietokoneella, koska sieltä pääsee näppärästi suorittamaan tarvittavia korjaustoimenpiteitä:

Box Drive -pilvipalvelu Windows 11

Toinen asia, mikä ei ainakaan vielä toiminut 11 käyttiksessä on Box Drive -pilvipalvelu. Win 10 asennus toi pilvikansiot tietokoneen kansiopuuhun, josta niitä oli helppo käyttää. Asennus Win 11 onnistui, mutta kirjautumisen jälkeen ei tapahdu mitään. Ehkä tämä vielä joskus korjaantuu päivitysten myötä?

Aikani pengottuani tietoa, sain selville, että poistamalla "Box Drive" -asennuksen ja lataamalla "Box Sync" -sovelluksen, -tämä pitäisi toimia. Tein niin, ja kansiopuuhun ilmestyikin tyhjä BOX SYNC -kansio. Seuraavaksi piti kirjautua selaimella "https://account.box.com/login -Box.com -sivulle ja sieltä piti synkronoida jokainen kansion erikseen, että ne tulevat näkyviin tietokoneen "Box Sync" -kansioon. Tämä näyttäisi toimivan uudelleen käynnistämisenkin jälkeen, joten toivoa on, että homma alkaa tämän suhteen pelittämään.


Windows eheytysohjelmat


Lataa softa netistä: http://www.classicshell.net/

Tällä sovelluksella saat Windows 7 tyyliset valokot käyttöön Windows 10 käyttöjärjestelmän kanssa!

Tässä suomenkielenversioon suora latauslinkki: https://www.fosshub.com/Classic-Shell-old.html?dwl=ClassicShellSetup_4_3_0.exe


Pikakuvakkeen kuva


OMAN PIKAKUVAKKEEN TEKEMINEN (halutusta) KUVASTA

  1. Pikakuvake on ICO-tiedosto (.ico)

  2. Tee halutusta kuvasta kopio

  3. Pienennä kuva esim 100x100 kokoiseksi (näppärää esim PAINT -sovelluksen "muuta kokoa" -toiminnolla)

  4. Vie nimellä ja kirjoita päätteeksi .ico (onnistuu esim ilmaisella GIMP -sovelluksella, jolla voi myös muokata kuvaa halutessa)

  5. Valitse kuva tallennuskansiosta pikakuvakkeen kuvaksi.


HTML-KOODAUS ja VERKKOSIVUT


  • Html-koodaus -osiossa on kerättynä muutamia tärkeimpiä koodeja ja niksejä www-sivustojen tekemiseen ja muotoiluun.

Verkkosivut saat luotua suhteellisen näppärästi Google-sites -osiossa. Sen lisäksi tarvitset DOMAIN-tunnuksen, esim -fi, -com, net ...jne. Domaintunnuksen täytyy ohjata viittaamaan sivuston fyysiseen osoitteeseen, että kyseinen sivu löytyy Domainilla. Mikäli Domain on jo varattu, tai et tiedä, kuka omistaa tai hallinnoi Domainia, saat selville sen osoitteessa: https://www.whois.com/whois/.

Suosittelen Domainin hankintaan ja ohjaukseen https://verkko24.fi/verkkotunnus/ -palvelua. Voit tehdä Domain-, ja tarvittavan rinnakkaisdomainpalvelun tilauksen osoitteessa: https://mmd.net/tilaus/ ja siellä lisätietokenttään voit kirjoittaa sivustosi fyysisen osoitteen, ja että haluat domainin ohjautuvan siihen.

HTML-PERUSKOODEJA SUOMEKSI

SIVUSTON sisältökoodi


<HTML> = Sisältönä on html koodia

<HEAD> = Sivun "pääosa"

<BODY> = Sivun "runko"


BACKGROUND = Tausta/Taustakuva

<!-- --> = Kommentit

// = Kommentit


Sivun otsikko-osa


<TITLE> = Otsikko

<BASE> = Sivun URL

<ISINDEX> = Kertoo selaimelle, että näyttää yhden tekstikentän


<LINK> = Määrittää Linkin (esim. Tekijään)

HREF = URL

<META> = Tietoja Websivusta

HTTP-EQUIV = Kertoo kentän nimen

CONTENT = Kertoo kentän sisällön


Kappaleet

<H1>...<H6> = Otsikot (H1 on suurin)

<P> = Tavallinen kappale

<BR> = Rivinvaihto

<HR> = Rivinvaihto ja tekstin välissä poikittainen viiva

<PRE> = Esimuotoiltu teksti

<XMP> = Esimuotoiltu teksti ilman merkintöjä

<LISTING> = Myös esimuotoiltua tekstiä

<ADRESS> = Sivun tekijän osoite

<BLOCKQUOTE> = Sisentää riviä


Luettelot

<UL> = Järjestämätön luettelo

<OL> = Järjestetty luettelo

<DIR> = Hakemistoluettelo

<MENU> = Valikko

<DL> = Määrittelyluettelo

<LI> = Luettelon alkio

<DT> = Määriteltävä termi

<DD> = Termin määrittely

Loogiset muotoilumerkinnät

<CITE> = Lainaus, nimi, tai vastaava

<CODE> = Ohjelmakoodia

<EM> = Korostettu teksti

<KBD> = Teksti, jonka käyttäjä kirjoittaa

<SAMP> = Esimerkki

<STRONG> = Voimakkaasti korostettu teksti

<VAR> = Muuttuja


Fyysiset muotoilumerkinnät


<B> = Lihavoitu

<I> = Kursivoitu

<TT> = Kiinteä merkkileveys (Kirjoituskone)


Hyperlinkit


<A> = "Ankkuri"

HREF="http://www.jonneweb.net" = Linkin kohde

NAME = Linkin nimi

TITLE = Linkin otsikko

REL ja REV = Linkin kuvaama suhde

URN = Kohteen URN

METHODS = Suositellut saantimenetelmät


Kuvat


<IMG> = Kuva

SRC = Kuvan URL

ALIGN = Tasaus (TOP, MIDDLE, BOTTOM)

ALT = Teksti selaimelle, jos kuvat eivät ole käytössä

ISMAP = Kertoo, että kuvassa on aktiivisia alueita


Taulukot


<TABLE> = Taulukko

<CAPTION> = Taulukon otsikko

<TR> = Taulukon rivi

ALIGN = Solun tekstin vaakasuora tasaus

VALIGN = Solun tekstin pystysuora tasaus

<TD> = Taulukon solu

COLSPAN = Solun leveys sarakkeina

ROWSPAN = Solun korkeus riveinä

<TH> = Otsikkosolu

BORDER = Reunus (Border="3" reunuksen paksuus = 3)

TEKSTIASETUKSET / KOROSTUKSET

- TEKSTINTASAUS:

Tasaus molemmille reunoille: "text-align:justify"

oikealle: "text-align:right"

vasemmalle: "text-align:left"

keskelle: "text-align:center"

Sisennys: <p style="margin-left:100px;">


TEKSTITYKSET - ESIMERKKIKOODIT

- Tekstitasaus:

<p style="text-align:justify"> =Tekstin tasaus molemmille reunoille </p>
<p style="text-align:right"> =Tekstin tasaus oikealle </p>
<p style="text-align:left"> =Tekstin tasaus vasemmalle </p>
<p style="text-align:center"> =Tekstin tasaus keskelle </p>

- Korostukset

Lihavoitu teksti <B>
Alleviivattu teksti <U>
Kursiivoitu teksti <I>
Yliviivattu teksti <strike>
alaindeksiteksti <sub>
yläindeksiteksti <sup>

ESIMERKKIKOODI:

<B> Lihavoitu teksti </B>
<U> Alleviivattu teksti </U>
<I> Kursiivoitu teksti </I>
<strike> Yliviivattu teksti </strike>
<sub> alaindeksiteksti </sub>
<sup> ylaindeksiteksti </sup>

LUETTELOINTI / LISTAUS

LUETTELOT - KOODIT

<UL>
<LI>asia
<LI>asia
<LI>asia
<LI>asia
<LI>asia
</LI></UL>

Monitasoinen lista luodaan kirjoittamalla lista toisen listan sisaan.

<ol>
<li> listan 1. kohta
<ul>
<li> listan 1. kohdan 1. kohta </li>
<li> listan 1. kohdan 2. kohta </li>
</ul>
</li>
<li> listan 2. kohta
<ul>
<li> listan 2. kohdan 1. kohta </li>
<li> listan 2. kohdan 2. kohta </li>
</ul>
</li>
</ol>

TAULUKOT - KOODI

Taulukko:

1. rivi 1. Solu 1. rivi 2. Solu
2. rivi 1. Solu 2. rivi 2. Solu
3. rivi 1. Solu 3. rivi 2. solu

KOODIESIMERKKI:

<TABLE BORDER =1 WIDTH=50%>

<CAPTION>Taulukko-esimerkki </CAPTION>
<TR>
<TD WIDTH=50%>1. rivi 1. Solu</TD>
<TD WIDTH=50%>1. rivi 2. Solu</TD>
</TR><TR>
<TD WIDTH=50%>2. rivi 1. Solu</TD>
<TD WIDTH=50%>2. rivi 2. Solu</TD>
</TR>
<TR>
<TD WIDTH=50%>3. rivi 1. Solu</TD>
<TD WIDTH=50%>3. rivi 2. solu</TD>
</TR>
</TABLE>

LINKITYKSET - KOODIT

- TEKSTILINKKI

<a href="http">linkin teksti</a>

- AVAA LINKKI UUTEEN IKKUNAAN:

<a href="http" target="_blank">linkin teksti</a>

- LINKITYKSET MÄÄRÄTTYYN KOHTAAN SIVULLA

Luo linkin ankkuri sivulle: Esim: </A><A name=TEKSTIASETUKSET></A>
Muotoile kohdelinkki: <a href="http://www.pasikallio.com/html-koodaus/index.php#TEKSTIASETUKSET">TEKSTIASETUKSET</a>


- KÄÄNNÄ SIVU, MINNE HALUAT:

<script language="javascript"> window.location = 'http://sivuosoite.net' </script>


- KÄÄNNÄ SIVU, MINNE HALUAT + AIKA!

<meta http-equiv="refresh" content="4;url=sivusiirto.html">


- TAKAISIN SIVUN ALKUUN LINKKI

<a href="#">sivun alkuun</a>

KUVAN- / LINKKIKUVAN ASETUKSET:

- KUVA:

<img style="width: 30%;" alt="" src="http://www.pasikallio.com//html-koodaus/esimerkki.png">

- KUVASTA LINKKI UUTEEN IKKUNAAN:

<a href="http://www.linkinosoite" target="_blank">
<img style="width: 30%;" alt="" src="http://www.pasikallio.com/html-koodaus/esimerkki.png">
</a>

- KUVAN ASETTELUT:

OIKEALLE: align="right",
KESKELLE: align="center",
VASEMMALLE: align="left"

ESIM. KOODI:

<img style="width: 30%;" alt="" src="http://www.pasikallio.com//html-koodaus/esimerkki.png"align="right"><br>

- ALIGN -parametrin avulla kerrotaan, miten kuva asetellaan suhteessa ymparoivaan tekstiin:

top - teksti kirjoitetaan kuvan ylareunan tasalle
middle - teksti kirjoitetaan kuvan keskelle
bottom - teksti kirjoitetaan kuvan alareunan tasalle
left - kuva "kelluu" selaimen vasemmassa reunassa ja teksti kiertaa sita oikealta
right - kuva "kelluu" selaimen oikeassa reunassa ja teksti kierta sita vasemmalta

ESIM:

<IMG SRC="http://www.pasikallio.com//html-koodaus/esimerkki.png" ALT="logo" ALIGN="TOP">

HTML - Ohjaus ja linkit

KÄÄNNÄ SIVU, MINNE HALUAT:

<script language="javascript"> window.location = 'http://sivustosi.net' </script>

KÄÄNNÄ SIVU, MINNE HALUAT + AIKA!

<meta http-equiv="refresh" content="4;url=sivustosi.html">

TAKAISIN SIVUN ALKUUN LINKKI

<a href="#">sivun alkuun</a>

LINKKI AVATAAN UUTEEN IKKUNAAN: Lisätään koodi "target=_blank" osoitteen jälkeen:

<A href=http://www.sivuosoite.fi target=_blank>"Tähän NÄKYVÄ TEKSTI ELI LINKKI tai KUVA"</A>


LINKKILUETTELO: AVATTAVA LINKKILUETTELO

<script language="JavaScript">

<!-- Hide the script from old browsers --

function surfto(form) {

var myindex=form.select1.selectedIndex

if (form.select1.options[myindex].value != 0) {

location=form.select1.options[myindex].value;}

}

//-->

</SCRIPT>

<FORM NAME="form1">

<SELECT NAME="select1" onChange="surfto(this.form)" SIZE=1>

<OPTION SELECTED VALUE=0> Valikko 1

<OPTION VALUE="http">Linkki1

<OPTION VALUE="http">Linkki2

<OPTION VALUE="http">Linkki3

<OPTION VALUE="http">Linkki4

<OPTION VALUE="http">Linkki5

<OPTION VALUE="http">Linkki6

<OPTION VALUE="http">Linkki7

</SELECT>

</FORM>


LINKKI AVATAAN SAMASSA IKKUNASSA: Poistetaan koodi "target=_blank" osoitteen jäljestä:

<A href="http://www.sivuosoite.fi">"Tähän NÄKYVÄ TEKSTI ELI LINKKI tai KUVA"</A>


LINKKI SIVUN SISÄLLÄ MÄÄRÄTTYYN KOHTAAN:

- Kirjoita koodi ennen haluttua paikkaa ja linkille nimi esim "Oppiminen":

</A><A name=Oppiminen></A>

- Tee hyperlinkki tähän haluttuun kohtaan siten, että kirjoita sivun osoite ja sen perään risuaita+LINKKIHAKUNIMI: #Oppiminen Esim: http://www.netikka.net/pasi.kallio/Pasivistit.htm#Oppiminen

</A><A name=LINKKIHAKUNIMI></A>"Tähän NÄKYVÄ TEKSTI tai KUVA"</A>


Hieno menuvalikko http://www.dynamicdrive.com/dynamicindex1/slashdot.htm


Hiiren toimintakäskyt: http://www.w3schools.com/jsref/dom_obj_event.asp


Jos haluat muiden sivujen aukeavan linkistä iframeen, on se nimettävä:

<iframe width="700" height="120" align="center" scrolling=yes src="sivu.html" name="sivu"> </iframe> Samoin linkkiin on lisättävä kohde <a href="sivu.html" target="sivu">Sivu</a> ... jne ...

Tästä parempi: http://www.dynamicdrive.com/dynamicindex3/dropdownview.htm


LINKIN ALLEVIIVAUS VASTA, KUN HIIRI ON PÄÄLLÄ:

<STYLE><!-- A:link { text-decoration: none; color: #3863f5;} A:visited { text-decoration: none;} A:active { text-decoration: underline; color: #1616e4;} A:hover { text-decoration: underline; color: #530053;}//--></STYLE>


Linkit


Hyperlinkki <A HREF="URL"> </A>

HREF=URL, NAME=string, REL=string, REV=string, TITLE=string

Linkkikuva:

<a href="http://www.pasikallio.com/osoite"><img style="width: 100%;" alt="" src="http://www.pasikallio.com/kuvat/kuvanimi.jpg"></a>

PIILOTA OSA TEKSTISTÄ KOODI: (Onnistuu vain yhden kerran samalla sivulla)


<!-- -- -- PIILOTETUN TEKSTIN KOODI -- -- -->

<script language="javascript" type="text/javascript">function showHide(shID) {if (document.getElementById(shID)) {if (document.getElementById(shID+'-show').style.display != 'none') {document.getElementById(shID+'-show').style.display = 'none';document.getElementById(shID).style.display = 'block';}else {document.getElementById(shID+'-show').style.display = 'inline';document.getElementById(shID).style.display = 'none';}}}</script>

<style type="text/css">/* This CSS is just for presentational purposes. */body {background-color: ; }#wrap {font: ;width: ;margin: 0 auto;padding: ;background-color: }h1 {font-size: ; }/* This CSS is used for the Show/Hide functionality. */.more {display: none;border-top: 1px solid border-bottom: 0px solid }a.showLink, a.hideLink {text-decoration: none;color: ;padding-left: px;background: transparent url(down.gif) no-repeat left; }a.hideLink {background: transparent url(up.gif) no-repeat left; }a.showLink:hover, a.hideLink:hover {border-bottom: 1px dotted #; } </style>

<div id="wrap"><p>

NÄKYVÄ TEKSTI TÄHÄN

<a class="showLink" href="#" id="example-show" onclick="showHide('example');return false;">

...Lue lisää

</a></p><div class="more" id="example"><p>

PIILOTETTU TEKSTI

</p><p><a class="hideLink" href="#" id="example-hide" onclick="showHide('example');return false;">

Näytä vähemmän...

</a></p></div></div>

<!-- -- -- PIILOTETTU TEKSTIKOODI PÄÄTTYY -- -- -->


Sivua ei tallenneta tietokoneen muistiin, koodi:

<META HTTP-EQUIV="PRAGMA" CONTENT="NO-CACHE">


Sivun taustan ja tekstin muuttaminen Teksti Linkki "Käytetty" linkki Aktiivinen linkki

<BODY BGCOLOR="navy" TEXT="white" LINK="yellow" ALINK="red" VLINK="lime">

Tässä esimerkissä sivun taustan väriksi on määritelty "navy", tekstin väriksi "white", linkkejen väriksi "yellow", aktiivisten linkkien väriksi "red" ja "käytettyjen" linkkejen väriksi "lime".


SIVULLE IKKUNAKOODI:

<iframe src=”http://www..."></iframe>

VIDEOT NETTISIVULLE

VIDEOUPOTUS YOUTUBE - KOODI


<iframe width="500" height="375PX" src="https://www.youtube.com/embed/uYYn66PkMzQ" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen=""></iframe>



SIVULLE IKKUNAKOODI:

<iframe src=”http://www..."></iframe>

PHP-KOODIA

PHP-KOODI on oma maailmansa ja www-sivustojen ohjelmointikieli. Koodilla tehdyt sivut tallennetaan päätteellä .php ja koodille voidaan piilottaa käskyrivejä ja komentoja tiedostoihin, joita on helppo toistaa esimerkiksi jokaisen sivun alussa ja lopussa. Tällöin ei tarvitse muokata jokaista sivua, vaan kaikissa tapahtuu sama muutos. PHP-llä onnistuu myös tiedostojen listaukset ja monenlaiset toiminnot.

- PAIVAMAARA PHP-KOODILLA:

<?php paivamaara = date("d.m.Y"); print "Tänään on: ".$paivamaara; ?> </strong></p>


- Tiedostolistaus PHP-KOODILLA:

<?php
echo "<ul>";
foreach (glob("*.txt") as $tiedosto) {
$koko = round(filesize($tiedosto) / 1024);
echo "<li> <a href=\"$tiedosto\">$tiedosto</a> ($koko kt)";
}
echo "</ul>";
?>

- Tai ilman tiedostokokotietoa:

<?php echo "<ul>";
foreach (glob("*.txt") as $tiedosto) {
$koko = round(filesize($tiedosto) / 1024);
echo "<li> <a href=\"$tiedosto\" target=_blank>$tiedosto</a>";
}
echo "</ul>";?>

Muita koodeja ja sekalaisia ohjeita...

Katso myös HTML-opas: hy-tsoha.github.io/materiaali/html_opas/


SIVULLE IKKUNAKOODI:

<iframe src=”http://www..."></iframe>


ÄÄKKÖSET JA ÖÖKKÖSET:


- Avaa Notepad++

- Liitä koodi

- Muuta: "Tiedostomuoto" > "Koodaus UTF-8I"


Vieritä sivua hitaasti KOODI

<script language="JavaScript1.2">

/*

Advanced window scroller script-

By JavaScript Kit (www.javascriptkit.com)

Over 200+ free JavaScripts here!

*/


var currentpos=0,alt=1,curpos1=0,curpos2=-1

function initialize(){

startit()

}

function scrollwindow(){

if (document.all)

temp=document.body.scrollTop

else

temp=window.pageYOffset

if (alt==0)

alt=1

else

alt=0

if (alt==0)

curpos1=temp

else

curpos2=temp

if (curpos1!=curpos2){

if (document.all)

currentpos=document.body.scrollTop+1

else

currentpos=window.pageYOffset+1

window.scroll(0,currentpos)

}

else{

currentpos=0

window.scroll(0,currentpos)

}

}

function startit(){

setInterval("scrollwindow()",150)

}

window.onload=initialize

</script>

Vieritä ikkunaa hitaasti


<script language="JavaScript1.2">

/*

Advanced window scroller script-

By JavaScript Kit (www.javascriptkit.com)

Over 200+ free JavaScripts here!

*/


var currentpos=0,alt=1,curpos1=0,curpos2=-1

function initialize(){

startit()

}

function scrollwindow(){

if (document.all)

temp=document.body.scrollTop

else

temp=window.pageYOffset

if (alt==0)

alt=1

else

alt=0

if (alt==0)

curpos1=temp

else

curpos2=temp

if (curpos1!=curpos2){

if (document.all)

currentpos=document.body.scrollTop+1

else

currentpos=window.pageYOffset+1

window.scroll(0,currentpos)

}

else{

currentpos=0

window.scroll(0,currentpos)

}

}

function startit(){

setInterval("scrollwindow()",150)

}

window.onload=initialize

</script>


VAIHTUVA TEKSTI LINKKIIN HIIRI PÄÄLLÄ / POIS:

<STYLE><!-- A:visited { text-decoration: none; color: #FF0000;} A:active { text-decoration: underline; color: #s3fadc;} A:hover { text-decoration: underline; color: #s3fadc;} //--></STYLE>

Vaihtuva kuvaesityskoodi


<!--Tästä alkaa kuvaesityskoodi-->


<SCRIPT language=JavaScript1.1>


var specifyimage=new Array() //Your images


specifyimage[0]=" http://www..../1.jpg"

specifyimage[1]=" http://www..../2.jpg"

specifyimage[2]=" http://www. /3.jpg"

specifyimage[3]=" http://www. /4.jpg"

specifyimage[4]=" http://www. /5.jpg"

specifyimage[5]=" http://www. /6.jpg"

specifyimage[6]=" http://www. /7.jpg"

specifyimage[7]=" http://www. /8.jpg"

specifyimage[8]=" http://www. /9.jpg"

specifyimage[9]=" http://www. /10.jpg"

specifyimage[10]=" http://www. /11.jpg"

specifyimage[11]=" http://www. /12.jpg"



var delay=3000 //3 seconds


//Counter for array

var count =1;


var cubeimage=new Array()

for (i=0;i<specifyimage.length;i++){

cubeimage[i]=new Image()

cubeimage[i].src=specifyimage[i]

}


function movecube(){

if (window.createPopup)

cube.filters[0].apply()

document.images.cube.src=cubeimage[count].src;

if (window.createPopup)

cube.filters[0].play()

count++;

if (count==cubeimage.length)

count=0;

setTimeout("movecube()",delay)

}


window.onload=new Function("setTimeout('movecube()',delay)")

</SCRIPT>

<IMG

style="FILTER: progid:DXImageTransform.Microsoft.Stretch(stretchStyle='PUSH')"

src="http://www.netikka.net/pasi.kallio/thumbnails/1.jpg" border=0

name=cube> </A></FONT>

<P></P>


<!--Tähän päättyy kuvaestyskoodi-->

Vaakasuora viiva

<hr>

TUNNISTAA MOBIILILAITTEEN:


<!--Mobiilitunnistuskoodi...-->

<SCRIPT language="JavaScript">

<!--

if ((screen.width>=1024))

{

}

else

{

window.location="http://www.pasikallio.com/index.m";

}

//-->

</SCRIPT>

<!--...Mobiilitunnistuskoodi päättyy-->


Taulukot


Taulukko <TABLE> </TABLE>

ALIGN=left|center|right, WIDTH=n|p%, BORDER[=n], CELLSPACING=n, CELLPADDING=n

Taulukon otsikko <CAPTION> </CAPTION>

ALIGN=top|bottom

Taulukon rivi <TR> [</TR>]

ALIGN=left|right|center, VALIGN=top|middle|bottom|baseline

Taulukon soluotsikko <TH> [</TH>]

ROWSPAN=n, COLSPAN=n, NOWRAP, ALIGN=left|right|center, VALIGN=top|middle|bottom|baseline, WIDTH=n, HEIGHT=n

Taulukon solu <TD> [</TD>]

ROWSPAN=n, COLSPAN=n, NOWRAP, ALIGN=left|right|center, VALIGN=top|middle|bottom|baseline, WIDTH=n, HEIGHT=n

Taulukot ja solut


Koodi ennen tekstiä ja jälkeen: Laita teksti taulukkoon seuraavan kaavan mukaisesti


<TABLE cellSpacing=0 cellPadding=0 width="100% "border=1><TBODY> <TR><TD>


<P class=MsoNormal style="MARGIN: 0cm 0cm 0pt">Taulukon sisältö tähän


</TD></TR></TBODY></TABLE>

Taulukkokoodi:


<!-- Taulukko-->

<table style="text-align: left; width: 100%;" border="0" cellpadding="2" cellspacing="2"> <tbody><tr><td style="vertical-align: top;">

tekstiä

<br></td><td style="vertical-align: top;">

tekstiä

<br></td></tr></tbody></table><br>

<!-- Taulukko päättyy-->


Sivun teksti optimoituu mobiililaitteille: METAT:


<META HTTP-EQUIV="PRAGMA" CONTENT="NO-CACHE">

<meta name="viewport" content="width=device-width"/>


Sivun taustan ja tekstin muuttaminen Teksti Linkki "Käytetty" linkki Aktiivinen linkki


<BODY BGCOLOR="navy" TEXT="white" LINK="yellow" ALINK="red" VLINK="lime">

Tässä esimerkissä sivun taustan väriksi on määritelty "navy", tekstin väriksi "white", linkkejen väriksi "yellow", aktiivisten linkkien väriksi "red" ja "käytettyjen" linkkejen väriksi "lime".


Sivua ei tallenneta tietokoneen muistiin, koodi:

<META HTTP-EQUIV="PRAGMA" CONTENT="NO-CACHE">


<!-- piiloteksti !-->

PIILOTA OSA TEKSTISTÄ KOODI: (Onnistuu vain yhden kerran samalla sivulla)

<!-- -- -- PIILOTETUN TEKSTIN KOODI -- -- -->

<script language="javascript" type="text/javascript">function showHide(shID) {if (document.getElementById(shID)) {if (document.getElementById(shID+'-show').style.display != 'none') {document.getElementById(shID+'-show').style.display = 'none';document.getElementById(shID).style.display = 'block';}else {document.getElementById(shID+'-show').style.display = 'inline';document.getElementById(shID).style.display = 'none';}}}</script>

<style type="text/css">/* This CSS is just for presentational purposes. */body {background-color: ; }#wrap {font: ;width: ;margin: 0 auto;padding: ;background-color: }h1 {font-size: ; }/* This CSS is used for the Show/Hide functionality. */.more {display: none;border-top: 1px solid border-bottom: 0px solid }a.showLink, a.hideLink {text-decoration: none;color: ;padding-left: px;background: transparent url(down.gif) no-repeat left; }a.hideLink {background: transparent url(up.gif) no-repeat left; }a.showLink:hover, a.hideLink:hover {border-bottom: 1px dotted #; } </style>

<div id="wrap"><p>

NÄKYVÄ TEKSTI TÄHÄN

<a class="showLink" href="#" id="example-show" onclick="showHide('example');return false;">

...Lue lisää

</a></p><div class="more" id="example"><p>

PIILOTETTU TEKSTI TÄHÄN

</p><p><a class="hideLink" href="#" id="example-hide" onclick="showHide('example');return false;">

Näytä vähemmän...

</a></p></div></div>

<!-- -- -- PIILOTETTU TEKSTIKOODI PÄÄTTYY -- -- -->




Windows 10 > 7 tyyliset valikot