Sivu 1/1
Spoilerin käyttö
Lähetetty: 28.01.2017 19:28
Kirjoittaja Avuntarvetta!!!123
Miten foorumille saa kuvan spoileriin, eli klikkaamalla "Näytä" Spoiler sanan vierestä, Spoiler näyttää esimerkiksi kuvan. Miten siis Spoilerin saa tehtyä?
Re: Spoilerin käyttö
Lähetetty: 28.01.2017 19:37
Kirjoittaja Pettis
Oletko jo tehnyt foorumille spoiler-tagin vai tarvitsetko ohjeet sen luomiseen?
Re: Spoilerin käyttö
Lähetetty: 29.01.2017 17:01
Kirjoittaja Avuntarvetta!!!123
En ole tehnyt, joten ohjeet ovat tarpeeseen!
Re: Spoilerin käyttö
Lähetetty: 31.01.2017 15:26
Kirjoittaja Avuntarvetta!!!123
Onko mahdollista saada ohjeet spoilerin tekoon? Tiedän paikan jossa se tehdään, mutta koodit yms. mitä sinne tulisi tehdä, ovat aika hakusessa.
Re: Spoilerin käyttö
Lähetetty: 31.01.2017 18:04
Kirjoittaja Pettis
Re: Spoilerin käyttö
Lähetetty: 01.02.2017 20:22
Kirjoittaja Avuntarvetta!!!123
Tuon löysinkin jo, mutta onko siniselle tyylille tulevaa spoileria?
Re: Spoilerin käyttö
Lähetetty: 02.02.2017 00:57
Kirjoittaja Pettis
Käsittääkseni tuo toimii kaikilla tyyleillä. Mitä tarkoitat?
Testi:
Re: Spoilerin käyttö
Lähetetty: 05.02.2017 10:05
Kirjoittaja Avuntarvetta!!!123
Tuon sain toimimaan, mutta tarkoitan tämän
tyylistä Spoileria.
Re: Spoilerin käyttö
Lähetetty: 06.02.2017 01:57
Kirjoittaja Pettis
Vaihda kohta html:n korvaus seuraavaksi:
Koodi: Valitse kaikki
<div style="border: thin solid #ABB7C2">
<div style="background:#ABB7C2; padding:5px;">
<b>Spoiler! </b> <input value="Näytä" style="margin: 0px; padding: 0px; width: 60px; font-size: 10px;"
onclick="if(this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != 'inline') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'inline'; this.innerText = ''; this.value = 'Piilota'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.innerText = ''; this.value='Näytä'; }" type="button">
</div>
<div style="border: 1px inset; padding: 6px;"> <div style="display: none;">{TEXT}</div> </div>
</div>
Niin lopputulos on tällainen: