Pagina Test-A D&D story by @Sierra117 - Codewith.it

#main, .loader-cont { display: none; } JavaScript disabilitato.
Non puoi usare Codewith.it senza JavaScript.

Referenze

<audio>Il tag <audio> HTML permette di inserire contenuti musicali e suoni nel documento
crossoriginGestisce richieste tra documenti provenienti da origini differenti.
autoplayAttributo HTML autoplay per l'avvio automatico degli elementi audio e video
relServe a definire la relazione tra il documento e una risorsa.
application-x-www-form-urlencodedCodifica dei caratteri di un form
<form>Crea un modulo/form HTML per consentire all'utente di inviare dati al server

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

Attività della settimana

STILI + IMMAGINI

esercizio 02 pagina complessa

DEMO: Hi-Lo Game

Riprova verifica di progr(2)

esercitazione 1

HTML

CSS

JS

terminal console

feedback

add_box Nuovo

cookie Informativa

Informativa privacy e cookies

Utilizziamo cookie o tecnologie per finalità tecniche e, con il tuo consenso, anche per altre finalità come specificato nella cookie policy. Il rifiuto del consenso può rendere non disponibili alcune funzioni. Leggi di più sull'informativa privacy

Clicca su “Accetta” per acconsentire.

<html>
<header>
  <title> una storia di ruolo
  </title>
</header>
<body /*sistemare la width max 1400px per l'anterprima*/  >
      <div align="center"; Class="sfondo1"; >
<h1 style="font-size:2rem;color:rgb(150,5,250,0.9);background-color:rgb(230,224,198,0.4);border:#000;border-style:solid; margin:20,10;padding:3%;"; > UNA STORIA DI RUOLO
  </h1>
  
  <p class="domanda"; > vi siete mai chiesti cosa ci fanno:
    
<ol class="trasparente";align=left; style="font-size:17px; padding:20px";
color:#494949;">
  <li> Un paladino della luce, dell'ordine degli elettricisti, guerriero santo e formidabile, tanto fiero quanto buono e incline a fidarsi e farsi ingannare, col debole poi per le pulcre pulzelle
    <li>una nano tanto nobile di natali, quanto ignobile nei modi e burbero con chiunque, specie se gli si para davanti un ricco bottino o chiede fiducia cieca...
      <li> una discoteca, beh più precisamente una locanda medievale con intrattenimento musicale, balli e divertimenti e attrazioni disonesti... nonché "disoneste" ...
        <li> un cattivo da manuale, il Direttore, sospettato di condurre loschi e oscuri traffici all'interno del suo locale, ben oltre la solita bettola di periferia frequentata da maranza o succubi "disoneste", pronte a siglare contratti con corpi e anime dei pessimi avventori in cambio di momentanei e illusori piaceri ... qualcosa di oscuro, si cela...all'interno, per non parlare delle scarse condizioni di lavoro e illuminazione pressoché assente (cosa che fa imbestialire il paladino dell'ordine degli elettricisti)!!!
          </ol>
    <p class="trasparente";style="font-size:15px; padding:20px";
color:#494949;">no?! beh nemmeno noi, però è queslo che abbiamo chesto a cht gpt, con una certa dose di inventiva da parte nostra, per creare e masterare la nostra prima partita a D&D, un gioco di ruolo...volevamo provare, e questo è il delirio della prima fase della sessione! 
  </p >
</div>

  <div style="text-align:center;">
      <h2>Gianfranco e manu-nano
      </h2>
      <pstyle="padding:20px";>La missione per cui i due avventurieri si sono ritrovati alla locanda di Grimfaether, è quella di indagare sui loschi affari e scarse condizioni di illuminazione a lavoro per i dipendenti... 
      </p>
            <div style="display:flex;text-align:center;"  >
            <h3  style="width:50%;align:center;">Gianfranco Luminaris
            </h3>
            <h3 style="width:50%;align:center;" >Manunano
            </h3> 
            </div >
            <div style="display:flex;text-align:center;">
            <p style="padding:20px"; >Come introdotto paladino della luce e appartenente all'ordine sacro dei diffusori di luce, <b>l'odine degli elettricisti</b> è un guerriero umano di orientamento neutrale buono, questo vuol dire che anche a seguito di un traumatica esperienza passata <b>ha messo in discussione alcuni dogmi della sua fede e ora cerca di portare la luce e il suo aiuto nel mondo</b>... ha incontrato manu nano da avversario in battaglia, ma il rispetto e il reprico vantaggio, dopo una disperata difesa comune, li ha avvicinati e siglato un'improbabile e duratura amicizia... in questo frangente gianfranco in incontrerà un buttafuori che riuscirà a superare, con diplomazia, e una succube, lilith, cui avendo il debole per le pulcre pulzelle e anime sperdute, stupirà con la sua facilità di offrirsi in aiuto per cambiare stile di vità. 

            <br>
            <br>
            <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRH5vTkzMYLnV_TLLqosPqWvTeHgACtbxQ_FQ&s";> <br>
            <br>

            <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTJ_1FAe4huqvrmmo4m26NHLGUIhQHyQOsv2Q&s";>
            </p>
            
            
            <p style="padding:20px";>Manunano, come suggerisce il nome, è un nano, burbero, con un certo attaccamento al denaro e facile all'ira e alla lotta, con la sua fedele ascia ha visto tante battaglie, alcune superflue,e da quando ha in party il paladino se ne rende conto, d'altronde <b>è un nano esiliato dal suo regno, benché di origini nobili, proprio per il suo pessimo carattere e eccessiva brama...</b> è un caotico malvagio, fa tutto quello che gli passa per la testa se ritiene che sia necessario, per fortuna il rispetto per il paladino riesce a limare questo tratto...
              infatti non si è scatenata una strage all'ingresso, o nel locale grazie al suo intervento, ma la battaglia che gli aspetta più avanti, chiama granate e colpi d'ascia, e lui non vede l'ora, un po meno il povero grimfaether... 
              <br>
              <br>
            <img src="https://i0.wp.com/reges.store/wp-content/uploads/2019/03/IF-402401.jpg?fit=500%2C750&ssl=1 "width=299px; height:299px;  /p>
            </div>
            </div>
            
  </div>
  <p style="padding:20px";> aiutati dalla diplomazia del paladino e la pazienza seppur minima del nano, dalla succube lilith, che rinuncia a insidiare i due, forse anche percependo minaccia dal nano oltre a disponibilità del paladino, aiuta ad aprire apre la porta se pericoli e vi trova... <b> una stanza avvolta dalla oscurità, ne percepite l'essenza magica, non è solo buio, è denso, e antico, e sembra diffondere freddo e desolazione nei cuori, le pareti hanno torce che non sembrano riuscire a penetrare l'oscurita, in fondo alla stanza vedete una scrivania debolmente illuminata, e un uomo, mezzo scheletrico, avvolto da una veste che sembra oscurità magica e viva che si dimena e si sparge per la stanza, vi percepice e incomincia piano a venirvi incontro...
            </p>
</div>

<div align="center";  padding:20px";
class="sfondo2"; >
  <h2 class="domanda2"> CHE FATE A QUESTO PUNTO?...
  </h2>

  <p Class="domanda"> <u>"tirate per iniziativa"cit.</u>
  </p>
</div>

</body>

</html>

.font {font-size:20px;color:blue;
}
.sfondo1 { background-image: url("https://s3maforogiallo.altervista.org/wp-content/uploads/2025/03/WhatsApp-Image-2025-03-11-at-01.04.56.jpg");
background-color: #d8d8; /* Used if the image is unavailable */
height: 650; width: fit-content; 
  background-position: center; 
  background-repeat: no-repeat; 
  background-size:cover;
  }
.sfondo2 { background-image: url("https://fromthecrypt.altervista.org/wp-content/uploads/2022/10/af1f7c4c8df9aff8679b7d55788cea39.jpg");
background-color: #d8d8; /* Used if the image is unavailable */
height: 500; 
/*margin:100px 100px;*/
width: full;
  background-position: center; 
  background-repeat: no-repeat; 
  background-size: cover;

  
}

.domanda { font-size:20px;color:hsla(247, 91%, 32%, 0.833);
background-color:rgb(230,224,198,0.4);
border:#000;
border-style:solid;
margin:20,10;
padding:3%;";
}

.domanda2 { font-size:20px;color:hsla(247, 91%, 32%, 0.833);
background-color:rgb(230,224,198,0.4);
border:#000;
border-style:solid;
margin:60,10,20;
padding:20%;    ";
}

.trasparente { font-size:20px;color:#631199;
background-color:rgb(230,224,198,0.4);
border:#000;
border-style:solid;
margin:15,10;
padding:2%;";

}