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
Täällä on ohjeet Spoiler-tagin tekemiseen:

https://www.phpbb.com/customise/db/bbcode/new_spoiler/

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:
Spoiler!
Spoiler 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.

Kuva

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:
Spoiler!
Testi