willy by @alixinwonderland - Codewith.it

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

References

actionDetermina la pagina di destinazione a cui verranno inviati i dati di un form HTML
classDefinisce una o più classi per elemento
maxlengthDetermina il numero massimo di caratteri consentiti in un elemento input
Inserisce un commento nel codice
<form>Crea un modulo/form HTML per consentire all'utente di inviare dati al server
formactionPermette di definire l'URL di una pagina web a cui inviare i dati di un form

Users

Log in to search for users

Explore

Find inspiration

Prima Coccola ebay

Prima Coccola ebay(2)(2)(2)

gengotti home page

prova ennesima tabella

Con nome bandiera

Questa è una pagina dimostrativa

esercitazione 1

ES01a\\index.html

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.

<div class="gifSopraPenny">
  <img src="https://thumbs.gfycat.com/AdmirableInfiniteBear-max-1mb.gif" style="width: 150px; border: 3px solid #e3ddd2; transform: rotate(-10deg)"> <img src="https://64.media.tumblr.com/9319a839937b20b2273955f3ff8d4690/3af550d5753cdc18-5c/s500x750/9f5bb43252e1c296890992b301479136edc41a49.gif" style="width: 120px; margin-left: -10px; border: 3px solid #e3ddd2;">
</div>
<div class="frasePenny">
  frase frase frase corta frase
</div>
<div class="testoPenny">
  Frase frase, se vuoi, così fai una parte tipo citazione - non lo so sei tu quella con fantasia io faccio cagare in queste cose! Magari ci metti qui la descrizione, eh, fai quello che vuoi. Anzi forse sì che mi è venuta un'idea magari riesco a metterla in pratica, ora ci studio ma intanto conta che il testo può essere lungo finché vuoi perché ci metto la scrollbar ed è tutto belliffimo - poi aggiungo pure dei testi <f>così</f> oppure se vuoi <k>scrivili pure così</k>, chi sono io per mettere dei limiti alla tua creatività. Divertiti e scrivi. Trallallero.   Frase frase, se vuoi, così fai una parte tipo citazione - non lo so sei tu quella con fantasia io faccio cagare in queste cose! Magari ci metti qui la descrizione, eh, fai quello che vuoi. Anzi forse sì che mi è venuta un'idea magari riesco a metterla in pratica, ora ci studio ma intanto conta che il testo può essere lungo finché vuoi perché ci metto la scrollbar ed è tutto belliffimo - poi aggiungo pure dei testi <f>così</f> oppure se vuoi <k>scrivili pure così</k>, chi sono io per mettere dei limiti alla tua creatività. Divertiti e scrivi. Trallallero. 
  </div>
<div class="testoPennySotto">
  Frase frase, se vuoi, così fai una parte tipo citazione - non lo so sei tu quella con fantasia io faccio cagare in queste cose! Magari ci metti qui la descrizione, eh, fai quello che vuoi. Anzi forse sì che mi è venuta un'idea magari riesco a metterla in pratica, ora ci studio ma intanto conta che il testo può essere lungo finché vuoi perché ci metto la scrollbar ed è tutto belliffimo - poi aggiungo pure dei testi <f>così</f> oppure se vuoi <k>scrivili pure così</k>, chi sono io per mettere dei limiti alla tua creatività. Divertiti e scrivi. Trallallero.   Frase frase, se vuoi, così fai una parte tipo citazione - non lo so sei tu quella con fantasia io faccio cagare in queste cose! Magari ci metti qui la descrizione, eh, fai quello che vuoi. Anzi forse sì che mi è venuta un'idea magari riesco a metterla in pratica, ora ci studio ma intanto conta che il testo può essere lungo finché vuoi perché ci metto la scrollbar ed è tutto belliffimo - poi aggiungo pure dei testi <f>così</f> oppure se vuoi <k>scrivili pure così</k>, chi sono io per mettere dei limiti alla tua creatività. Divertiti e scrivi. Trallallero. 
  </div>

body {
  background: url(https://i.imgur.com/hRfvKTe.png);
  background-repeat: no-repeat;
}
.gifSopraPenny {
  width: 300px;
  background-repeat: no-repeat;
  margin-left: 20px;
  margin-top: 60px;
}
.frasePenny {
  width: 300px;
  background: #debca9;
  color: black;
  margin-left: 10px;
  text-align: center;
  font-family: times;
  font-size: 13px;
}
.testoPenny {
  width: 260px;
  height: 150px;
  margin-top: 15px;
  margin-left: 30px;
  overflow: auto;
  font-family: times;
  font-size: 11px;
  text-align: justify;
    color: black;
}
.testoPennySotto {
  width: 160px;
  height: 150px;
  margin-top: 25px;
  margin-left: 30px;
  overflow: auto;
  font-family: times;
  font-size: 11px;
  text-align: justify;
    color: black;
    background: #debca9;
  transform: rotate(-15deg);
  padding: 10px;
}

f {
color: #2d5b3e;
letter-spacing: 1px;
font-weight: bold;
}

k {
color: #278793;
font-size: 10px;
font-family: calibri;
}