willy by @alixinwonderland - Codewith.it

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

References

enctypeDetermina il tipo di codifica dei dati di un form per l'invio al server
<pre>Indica una parte di testo preformattato
<iframe>Crea un frame all'interno di una pagina HTML.
nameDetermina il nome degli elementi HTML o fornisce dati su un attributo associato.
<map>Inserisce immagini mappa cliccabili in un documento
acceptDefinisce e filtra il formato dei file per il tag <input type=file>

Users

Log in to search for users

Explore

Find inspiration

template 2 colonne

I giornali online

Five Random Poker Cards

Esercitazione WD

Contatti [Ufficio PCTO]

26/01/2024 pagina html

Esercizio media Prof

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;
}