willy by @alixinwonderland - Codewith.it

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

References

_topApre collegamenti ipertestuali nell'elemento parent assoluto
<abbr>Inserisce abbreviazioni e acronimi
<video>Integra e controlla video in una pagina HTML
<label>Mostrare un testo di etichetta per un elemento di input.
minImposta il valore numerico o temporale minimo per un elemento input
autofocusAttiva un elemento al caricamento della pagina.

Users

Log in to search for users

Explore

Find inspiration

Scheda Tecnica iPhone 15 Pro

Con nome bandiera

copia da paragrafo

form torneo 2 - - lezione 1/12

Esame di informatica

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