moses by @MILENUCCIA87 - Codewith.it

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

References

novalidateImpedisce la convalida dei campi con valori tipizzati di elemento input
<canvas>Tag per disegnare grafica dinamica su pagine web.
relServe a definire la relazione tra il documento e una risorsa.
<body>Tag primario di un documento HTML
<thead>Definisce un gruppo di intestazione all'interno di una tabella.
application-x-www-form-urlencodedCodifica dei caratteri di un form

Users

Log in to search for users

Explore

Find inspiration

scheda paziente es esame

HTML - Esercizi

Esercitazione n. 3

Primo esercizio (26/01/2914)

Campagna in primavera

Costruzione di tabella con html5

HTML

CSS

JS

terminal console

feedback

add_box New

cookie Policy

Privacy information and cookies

We use cookies or technologies for technical purposes and, with your consent, also for other purposes as specified in the cookie policy. Refusal of consent may make some functions unavailable. Read more about the privacy policy

Click on “Agree” to confirm.

<style> @import url('https://fonts.googleapis.com/css2?family=Oswald:wght@500&display=swap');
  
  ::-webkit-scrollbar {background-color:#000000; width:3px;}::-webkit-scrollbar-track {background-color:#000000;}::-webkit-scrollbar-track-piece {background-color:#000;}::-webkit-scrollbar-thumb {background-color:#000; border-radius:10px;}
  
  .base{height: 555px; width: 610px; margin-top: 20px;}

  /* ----------------- immagine ------------------------*/
  
  .container {position: relative; width: 450px; height: 450px; background-image: url(https://i.imgur.com/6Cca9u0.png); background-position:50%; transition: 1s all ease-in-out; filter:brightness(0.2); position:relative; margin-left:-90px; border: 1px solid #000000;}
  .overlay {opacity: 0; position:absolute; width: 500px; height: 500px; transition: 1s all ease-in-out;}

  .container:hover {width: 250px; height: 450px; background-image: url(https://i.imgur.com/6Cca9u0.png); transition: 1s all ease-in-out; filter:brightness(1); margin-left: -210px; border: 1px solid #000000;}

    .container:hover .overlay {opacity: 1; transition: 1s all ease-in-out}
/*----------------- quote ----------------*/
  .scrittina {position:absolute; margin-top: -25px; margin-left: -30px;transition: 1s all ease-in-out; width:30px;height:500px; font-family: 'Oswald', sans-serif; font-size: 20px; color: #777; letter-spacing:-1px;line-height:25px; text-transform:uppercase; writing-mode: vertical-rl;}
  .overlay:hover .scrittina {position:absolute; margin-top: 0px; margin-left: -30px;transition: 1s all ease-in-out}

  /*------------------- testo ---------------------*/

  .testo {position: absolute; margin-top: -490px; left:245px; padding: 5px; width: 250px; height: 470px; line-height: 10px; overflow: auto; font-size: 10px; color: #777; font-family: helvetica; text-align: justify;}
f {font-family: inconsolata; font-size: 11px; color: #8494ac;text-transform: uppercase; letter-spacing: 4px; text-shadow: 2px 1px 1px #000;}
f1 {font-family: 'Oswald', sans-serif; color: #8494ac;}
n { font-family: georgia; font-size: 9px; line-height: 7px; color: #989d8d; text-transform: uppercase; letter-spacing: 1px; text-shadow: 1px 1px 1px 1px #000000;}
m {font-family: georgia; color:#c5c3be;font-size: 9px;text-shadow:2px 1px 1px #000;opacity:0.8;}
k {color: #694233; font-family: georgia; letter-spacing: 1px; text-transform: uppercase; font-size: 8px;}
o {font-family: verdana; font-size: 10px; color: rgb(191,77,36,0.72); cursor: default; font-weight: normal; text-transform: lowercase;}
g {color: #b0a18b;  font-size: 9px; font-family: Tahoma; letter-spacing: 2px;text-transform: uppercase;text-shadow: 1px #000; font-family: georgia;}
h {color: #888888; font-family: georgia; line-height: 7px; font-size: 10px; font-style: italic; letter-spacing: 1px; text-shadow: 1px 1px 1px 1px #000000; opacity: 0.5;}
u {font-family: verdana; font-size: 10px; color: #746054; letter-spacing: 1px; border-bottom: 1px dotted #363636;}
</style>
<center><div class="base">
  <div class="container"> <div class="scrittina">io non ho mai avuto <f1>freni</f1> io <f1><i>t r a b o c c o</i></f1></div><center><img src="http://playbychat.altervista.org/Oltre/Anita1.gif" width="70" style="border:2px solid #2a2a2a; margin-top:418px;">
<img src="http://playbychat.altervista.org/Oltre/Anita.gif" width="70" style="border:2px solid #2a2a2a; margin-top:8px;"> <img src="http://playbychat.altervista.org/Oltre/Anita2.gif" width="70" style=" border:2px solid #2a2a2a; margin-top:8px;">
<div class="overlay"><div class="testo"><center>
<f>Le <b>crepe</b> non sono sempre punti <i>deboli</i>. <br> Una vita vissuta accumula nelle crepe</f> <br>
<div style=" margin-left: 0px; padding-left: 10px; color: #555; font-family: Tahoma; text-align: justify;  font-size: 10px;"><br><br><s>YVONNE VAN HUSSEL</s> <em>|</em> <n>ANITA NOONE</n> - Daughter of <b>Ares</b> for too long. <em>|</em> <i>C</i>apricorno ascendente <i>V</i>ergine <em>|</em> Ex orfana; ex ladra di strada; <g>Galeotta.</g> Tagliateste di <b>Idra</b> e di tanti, troppi mostri.  <br><br>Un <n>patchwork</n> di vite variegate che le si <i>arrampicano</i> addosso. 
	Drogata di <i>frutta</i> e null'altro. Un insieme 
	di <m>muscoli</m> perennemente contratti, ma stracolmi di <k>memorie</k> 
	provenienti da un<e> passato</e> che solo <em>in parte</em> riconosce come 
	proprio. Nervi tenuti con fatica sotto scacco dei denti. Affoga la <i>realtà&nbsp;</i> in <k> fatti</k> e <k>sarcasmo</k>. <n>i</n>nglese per nascita,<n> t</n>edesco di origine, <n>f</n>rancese per dovere, <n>s</n>pagnolo per il <s>sesso</s>. &nbsp;&nbsp;&nbsp;&nbsp;<div style="line-height: 10px; position: relative; margin-top: 1px;"><e><p align="right">
	Runner for fun</p></e></div>Le <b>f i a m m e</b> passeggiano ancora sulla sua pelle, come la lingua di un destino a cui è riuscita a sfuggire solo per un "<em>gioco</em>". I segni delle <h>ustioni</h>, come dita, le accarezzano sulla pelle della schiena, dell'addome e delle braccia. <i>Cicatrici sparse</i> di ossa rotte, tagli e di una vita decisamente movimentata. Una <h>pallottola</h> all'altezza dello sterno, che l'ha trapassata da parte a parte. <p align="right">La <h>pelle</h> <u>non</u> la freghi, è lì che sta la <i>memoria</i>. <br>Dei segni non te ne liberi sono la tua <em>storia</em>.</p><div style="line-height: 10px; position: relative; margin-top: -3px; padding: 1px;"><e><p align="center">
	I always survive</p></e></div>
se io fossi silenzioso come il <k>t u o n o</k> gemerei, abbracciando in un tremito il decrepito eremo terrestre. <em>URLERO'</em> con la mia voce immensa, le comete torceranno le ali <i>fiammeggianti</i> e giu' si getteranno, a capofitto per la malinconia.<br>

<br><center><e>Demons <h>run</h> when a <s><k>good</k> man</s>woman goes to<b> 
war</b> </e></center>
</div></center></div> 
  </div>  </div>
</center>