willy by @alixinwonderland - Codewith.it

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

Referenze

<u> Utilizzato definire una parte del contenuto come annotazione non testuale, con una sottolineatura.
_selfApre collegamenti ipertestuali nella stessa pagina del browser
<h5>Titolo di intestazione di quinto livello
<h6>Titolo di intestazione di sesto livello
<h4>Titolo di intestazione di quarto livello
<form>Crea un modulo/form HTML per consentire all'utente di inviare dati al server

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

compito 15 maggio

Prima Coccola ebay(2)(2)

Scheda: immagine a sinistra + tab

GoUp Fitness Opz 2

Botteghe on-line

HTML

CSS

JS

terminal console

feedback

add_box Nuovo

cookie Informativa

Informativa privacy e cookies

Utilizziamo cookie o tecnologie per finalità tecniche e, con il tuo consenso, anche per altre finalità come specificato nella cookie policy. Il rifiuto del consenso può rendere non disponibili alcune funzioni. Leggi di più sull'informativa privacy

Clicca su “Accetta” per acconsentire.

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