Librogame Digitali ha scritto:

Si trattava di alcune formattazioni del testo. In particolare: inserire parte del testo dentro dei riquadri; allineare a destra o al centro parte del testo; modificare il colore dello sfondo. Mi dicono che sarebbe necessario creare "custom CSS" e modificare il template dell'html Squiffy. Non ho idea di cosa significhi tutto ciò.

Qui alcune info:
https://www.w3schools.com/css/css_border.asp
https://www.w3schools.com/cssref/pr_text_text-align.asp

Ci sono diversi modi di fare quanto chiedi. Qui sotto ti riporto il più semplice ma non il più bello. Se si potesse utilizzare un foglio di stile (CSS) esterno sarebbe meglio.

Qui esempio di ciò che chiedi:

@title New Game

Start writing! You can delete all of this text, or play around with it if you're new to Squiffy.

Each choice is represented by a [[new section]]. You can create links to new sections by surrounding them in double square brackets.


[[]]:


[]:


[[new section]]:

    $(document).on("click", "#lancia-dado", function () {
        var res = Math.round(Math.random() * 5 + 1);
        window.alert('Res5: ' + res);
    });

<button id="lancia-dado" style="background-color: #4CAF50;" > Lancia il dado! </button>

<p>

<div style="border-style: dotted;">
In addition to sections, Squiffy has the concept of passages. These are sections of text that don't advance the story. Passage links use single square brackets. For example, you can click this [passage link], and this [other passage link], but the story won't advance until you click this [[section link]].
</div>

<p>

<div style="text-align: center">
In addition to sections, Squiffy has the concept of passages. These are sections of text that don't advance the story. Passage links use single square brackets. For example, you can click this [passage link], and this [other passage link], but the story won't advance until you click this [[section link]].
</div>

<p>

<div style="text-align: right">
In addition to sections, Squiffy has the concept of passages. These are sections of text that don't advance the story. Passage links use single square brackets. For example, you can click this [passage link], and this [other passage link], but the story won't advance until you click this [[section link]].
</div>

<p>

<div style="background-color: #4CAF50;">
In addition to sections, Squiffy has the concept of passages. These are sections of text that don't advance the story. Passage links use single square brackets. For example, you can click this [passage link], and this [other passage link], but the story won't advance until you click this [[section link]].
</div>

<p>

<table>
    <tr>
        <td>Foo</td>
    </tr>
</table>

gggg3333



[passage link]:

This is the text for the first passage link.

[other passage link]:

This is the text for the second passage link.

[[section link]]:

When a new section appears, any unclicked passage links from the previous section are disabled.

Sei poi riuscito a mettere i bordi e allineare il testo come ti ho mostrato?

Ok, sei hai bisogno di altre informazioni analoghe chiedimi pure :-) ! Non sono un drago in queste cose, ma fin dove arrivo supporto volentieri.

Molto carina l'idea degli avatar in alto a sinistra e dello sfondo colorato per capire immediatamente chi sta parlando. Poi, senza offesa, ma da qui a produrre qualcosa di presentabile ci passa in mezzo uno che sappai stilare una pagina.
Ho notato che, subito dopo la prima scelta, il testo che appare regolato dal timer fa scrollare in alto la pagina mentre uno sta leggendo. Non è proprio il massimo...

Ciao a tutti.
Ho senplificato un po alcune cose, tolto il timer, inserito il background e sto usando delle icone al posto delle opzioni testuali. Manca ancora la trama ma è in arrivo.
http://media.textadventures.co.uk/games … index.html