willy by @alixinwonderland - Codewith.it

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

References

<li>Inserisce voci all'interno di una lista
<p>Serve a definire paragrafi di testo
styleDefinisce regole e stili CSS all'interno di un tag HTML (inline CSS)
methodDetermina il metodo di invio dei dati di un form al server
titleIndica informazioni aggiuntive riguardo un elemento HTML
<i>Formatta il testo in corsivo/italico non enfatizzato

Users

Log in to search for users

Explore

Find inspiration

cambio parola al click

Orologio Analitico

ARKO - Artificial Intelligence Kno

pag. 3 progetto inf

test-wrap-with-grid

Template di Base

Questionario Serie A

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