Como fazer uma Fanfic Interactiva?
De certo que muitas de vocês já viram aquelas fanfics interactivas e quiseram fazer uma. Agora o importante, como fazer? Eu hoje vou explicar
Para começar, tens de te inscrever num
site de hospedagem como o vilabol, por exemplo. Depois disso, estás pronta para criar a tua página.
Códigos Básicos de HTML
Qualquer página tem um código comum.
<*html><*head> <*title>Aqui vem o título que fica na barra de título<*/title><*/head><*body>Aqui vem a história ou conteúdo da página<*/body><*/html>(Tirem os asteriscos quando usarem os códigos )Assim que acabas esta etapa, vamos a
formatações básicas que têm de ser colocadas ao longo do texto.
Mudança de Linha: <*br>Negrito: Antes da palavra ou expressão coloca-se
<*b> e depois
<*/b>Itálico: Antes da palavra ou expressão coloca-se
<*i> e depois
<*/i>Sublinhado: Antes da palavra ou expressão coloca-se
<*u> e depois
<*/u>Rasurado: Antes da palavra ou expressão coloca-se
<*s> e depois
<*/s>Centrar: Antes da palavra ou expressão coloca-se
<*center> e depois
<*/center>(Tirem os asteriscos quando usarem os códigos )Notando que vais ter de colocar o código de mudança de linha sempre que mudas de linha. Caso não ponhas no texto inteiro, esse vai virar texto corrido.
Códigos de Script
Agora vamos ao que realmente interessa, a parte que serve para tornar a
fanfic interactiva.
Para começar, o código para as
mensagens de alerta que aparecem no início.
<*script language=”JavaScript”> alert(“A mensagem vem aqui”); <*/script>(Tirem os asteriscos quando usarem os códigos )Podem colocar as mensagens que quiserem, mas cuidado para não ficar muito cansativo.
Agora o código para as
perguntas.
<*script>var Nome = prompt(“Aqui colocam a pergunta”,”")<*/script>(Tirem os asteriscos quando usarem os códigos )- Spoiler:
No nome vem a resposta que está no texto, por exemplo:
var Sara = prompt(“O meu nome é Sara e o teu?”,”")
Importante:Assim como em cima,
cuidado com o número de perguntas, por duas razões:
1º Torna-se cansativo responder a muitas perguntas;
2º Quanto mais perguntas colocarem aqui, mais códigos terão que pôr no texto inteiro...
Agora a parte chata, terão que
colocar o código seguinte em todas as respostas às perguntas.
<*script>document.write(Nome)<*/script>(Tirem os asteriscos quando usarem os códigos )- Spoiler:
Ou seja, se na pergunta de cima estava "Como te chamas?" e a resposta for Maria, terás que colocar o código em todas as palavras "Maria" que aparecem no texto. Cansativo? Sem dúvida.
No entanto, para que se torne menos cansativo, existe um
TRUQUE. No word, onde está substituir, vocês colocam o nome da personagem
(Maria) em cima e em baixo colocam o código
(document.write(Maria)). Depois
é obrigatório assinalar as opções
"apenas palavras inteiras" e
"Maiúsculas/ Minúsculas". A seguir apenas têm que carregar em
substituir tudo e fazer o mesmo para cada pergunta.
Caso não assinalem as duas opções, o que pode acontecer é que no caso do meu nome
"Sara" substitua palavras que tenha o nome no meio, como por exemplo "pas
saram".
Códigos de Imagens
Quanto a
imagens, não sei se alguém gosta de pôr, mas para colocar têm de ir hospedar a imagem em sites de hospedagem e usar o código abaixo.
<*img
src=”URL”>(Tirem os asteriscos quando usarem os códigos )Lembrando que para centrar a imagem basta pôr o código acima indicado.
Código para colocar o link numa palavra
Para colocar link numa palavra, também se tem de usar o código.
<*a target=”blank” href=Link>Palavra<*/a>(Tirem os asteriscos quando usarem os códigos )Agora um exemplo- Spoiler:
Era uma vez uma rapariga chamada Sara que tinha uma queda pelos Jonas. Ela adorava-os a todos, mas o seu preferido era o Nicholas, mais conhecido por Nick. Um dia ela encontra-o e começam a falar.
- Olá. - Falou ela.
- Olá. - Falou ele.
Aquilo foi muito importante para ela. Mas ele teve de ir embora e ela ficou ali, parada, com um coração partido.
Este é o texto, agora vamos torná-lo interactivo.<*html>
<*head> <*title>Uma história<*/title><*/head><*body><*script language=”JavaScript”> alert(“Olá a todas, vamos às perguntas!”); <*/script>
<*script>var Sara = prompt(“O meu nome é Sara. E o teu?”,”")<*/script>
<*script>var Nicholas = prompt(“Lindo nome. Como se chama o teu Jonas preferido?”,”")<*/script>
<*script>var Nick = prompt(“Mas ele é conhecido por...”,”")<*/script>
<*script language=”JavaScript”> alert(“Espero que gostem ”); <*/script><*center><*i>Uma história
<*/center><*/i><*br><*br><*br>Era uma vez uma rapariga chamada
<*script>document.write(Sara)<*/script> que tinha uma queda pelos Jonas. Ela adorava-os a todos, mas o seu preferido era o
<*script>document.write(Nicholas)<*/script>, mais conhecido por
<*script>document.write(Nick)<*/script>. Um dia ela encontra-o e começam a falar.
<*br><*br>- Olá. - Falou ela.
<*br>- Olá. - Falou ele.
<*br><*br>Aquilo foi
<*b>muito importante
<*/b> para ela. Mas ele teve de ir embora e ela ficou ali, parada, com um
<*i>coração partido
<*/i>.
<*/body>
<*/html>
Pronto, é isto. Caso tenham alguma dúvida perguntem. Se quiserem que eu script as vossas fanfics, também podem pedir que eu fa-lo-ei com muito gosto.
Desculpem se o tutorial não está esclarecedor, mas eu não tenho jeito para isto D:
E parabéns se chegaste ao fim xD