Anita by @MILENUCCIA87 - Codewith.it

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

References

<p>Serve a definire paragrafi di testo
typeSpecifica la tipologia/funzione di un elemento.
text/plainDefinisce un metodo di non codifica dei valori di un form
_parentApre collegamenti ipertestuali nell'elemento genitore
maxImposta il valore numerico o temporale massimo per un elemento input
<input>Definisce un area di input per l'invio di dati e informazioni

Users

Log in to search for users

Explore

Find inspiration

Five Random Poker Cards

tedesco ad ita sito canzo

ESERCIZIO ESAME 1

copia da paragrafo

Riprova verifica di progr(2)

JS Elementi del linguaggio es2

Esercitazione 1

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.

<style> 
body {background: url('https://i.imgur.com/BIRCjlw.jpg');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
}

.contenitore { width: 600px; height: 600px; margin-top: 20px;
background-color:rgba(0, 0, 0, 0) !important;}

.base { width: 400px; height: 500px; background: url("https://i.imgur.com/3IprDoV.png"); border: 1px solid #212121; margin: auto;transition: ease-in-out 1s; }

.base:hover {background: url("https://i.imgur.com/3IprDoV.png");}


::-webkit-scrollbar {width: 3px; float: left}
::-webkit-scrollbar-track {background: rgba(0,0,0,0.5)}
::-webkit-scrollbar-thumb {background: #000000 !important}

.box { width: 400px; height: 500px; background: #000000;  opacity: 0; transition: ease 1s;}

.box:hover { height: 328px; margin-top: 100px; transform: skewY(-20deg);  box-shadow: 0px 8px 10px 1px #000000; opacity: 1;}

.scrittina  {position:absolute; margin-top: 25px; margin-left: 500px;  width:30px;height:500px; font-family: Sophia; font-size: 30px; line-height:25px; text-transform:normal; writing-mode: vertical-rl; color: #b0a08a; letter-spacing: 2px; font-weight:bold; text-shadow: 3px 0px 0px #4a4e5a, 3px 0px 5px #4a4e5a;}


.testone { transform: skewY(20deg); width: 337px; height: 180px;  overflow: auto;  text-align: justify;  position: absolute;  left: 50px;  top: 82px; font-family: Verdana; color: #555; font-size: 11px;}

.id { transform: skewY(20deg); width: 337px;  overflow: auto; text-align: justify; position: absolute; left: 180px; top: 90px; font-family: Verdana; color: #555; font-size: 11px;}

.head { width: 100%; height: 10px; background: #4a4e5a;}

.foot { width: 100%; height: 10px; margin-top: 1px; background: #5f6466;}

.icone{ width:105px; height: 300px;  margin-top: 5px; margin-left: -55px; transform: skewY(20deg);}

.icone img{
position: relative; margin-left: 5px; margin-top: 5px; width: 90px; opacity: 0.9; filter: grayscale(30%); border: 1px solid #231414;}

.affetti { width: 300px;  text-align: center; margin-top: -65px; margin-left: 5px;  transform: rotate(20deg); line-height: 9px; }


c {font-family: Sophia; background: linear-gradient(to right,#8c8282, #695f5f, #5f5156,); -webkit-text-fill-color: transparent; -webkit-background-clip: text;  font-size: 22px; font-weight: bolder}

d { font-family: georgia;  font-size: 10px;  letter-spacing: 2px; text-transform: lowercase; color: #9e867e; font-style: italic;   font-weight: bold;}

e {  text-transform: lowercase;  font-size: 10px; line-height: 11px; letter-spacing:1px; color: #695f5f; font-family: Tahoma, Verdana, Segoe, sans-serif;}

o {  text-transform: uppercase;  font-size: 10px; line-height: 11px; letter-spacing:1px; color: #5f5156; font-family: Tahoma, Verdana, Segoe, sans-serif;}

f { font-family: georgia;  font-size: 10px;  letter-spacing: 0.5px;  text-transform: lowercase; color: #776c7c;  opacity: 0.7; text-align: center; font-style: italic; font-weight: bold;}

l {  text-transform: lowercase;  font-size: 10px; line-height: 11px; letter-spacing: 0.5px;  color: #8d7c72;  font-family: Georgia, Times, "Times New Roman", serif; font-style: italic;}

m {  text-transform: lowercase;  font-size:10px;  color: #8c8282;  font-family: Georgia, Times, "Times New Roman", serif;  letter-spacing: 1px; line-height: 11px; font-weight: bolder;font-style: italic;}

n {  text-transform: lowercase;  font-size: 10px;line-height: 11px; letter-spacing: 1px; font-family: Tahoma, Verdana, Segoe, sans-serif;  color: #a48f8a; border-bottom: 1px dashed #59352d;}

t {  text-transform: lowercase;  font-size:10px; line-height: 10px; letter-spacing:1px;  color: #3e3725; font-family: tahoma; }

@font-face {font-family: Sophia; src: url(https://dl.dropbox.com/s/tlmqs797yzqybl2/SophiaMartini.otf);}

</style>
<div class="contenitore"><div class="scrittina">Io non ho freni,io trabocco</div>
<div class="base">
  <div class="box">
    <div class="head"></div>
    <div class="foot"></div>
    <div class="icone"><img src="http://playbychat.altervista.org/Oltre/Anita1.gif"><br><img src="http://playbychat.altervista.org/Oltre/Anita.gif"><br><img src="http://playbychat.altervista.org/Oltre/Anita2.gif">
    </div> 
<div class="id"> <f>Le <b>crepe</b> non sono sempre punti <i>deboli</i>. <br> Una vita vissuta accumula nelle crepe</f></div>
    <div class="testone">
      <s>YVONNE VAN HUSSEL</s> <em>|</em> <n>ANITA NOONE</n> - Daughter of <b>Ares</b> for too long. <em>|</em> <i>C</i>apricorno ascendente <i>V</i>ergine <em>|</em> Ex orfana; ex ladra di strada; <g>Galeotta.</g> Tagliateste di <b>Idra</b> e di tanti, troppi mostri.  <br><br>Un <n>patchwork</n> di vite variegate che le si <i>arrampicano</i> addosso. 
	Drogata di <i>frutta</i> e null'altro. Un insieme 
	di <m>muscoli</m> perennemente contratti, ma stracolmi di <k>memorie</k> 
	provenienti da un<e> passato</e> che solo <em>in parte</em> riconosce come 
	proprio. Nervi tenuti con fatica sotto scacco dei denti. Affoga la <i>realtà&nbsp;</i> in <k> fatti</k> e <k>sarcasmo</k>. <n>i</n>nglese per nascita,<n> t</n>edesco di origine, <n>f</n>rancese per dovere, <n>s</n>pagnolo per il <s>sesso</s>. &nbsp;&nbsp;&nbsp;&nbsp;<div style="line-height: 10px; position: relative; margin-top: 1px;"><e><p align="right">
	Runner for fun</p></e></div>Le <b>f i a m m e</b> passeggiano ancora sulla sua pelle, come la lingua di un destino a cui è riuscita a sfuggire solo per un "<em>gioco</em>". I segni delle <h>ustioni</h>, come dita, le accarezzano sulla pelle della schiena, dell'addome e delle braccia. <i>Cicatrici sparse</i> di ossa rotte, tagli e di una vita decisamente movimentata. Una <h>pallottola</h> all'altezza dello sterno, che l'ha trapassata da parte a parte. <p align="right">La <h>pelle</h> <u>non</u> la freghi, è lì che sta la <i>memoria</i>. <br>Dei segni non te ne liberi sono la tua <em>storia</em>.</p><div style="line-height: 10px; position: relative; margin-top: -3px; padding: 1px;"><e><p align="center">
	I always survive</p></e></div>
se io fossi silenzioso come il <k>t u o n o</k> gemerei, abbracciando in un tremito il decrepito eremo terrestre. <em>URLERO'</em> con la mia voce immensa, le comete torceranno le ali <i>fiammeggianti</i> e giu' si getteranno, a capofitto per la malinconia.<br>

<br><center><e>Demons <h>run</h> when a <s><k>good</k> man</s>woman goes to<b> 
war</b> </e></center>
    </div>
   <p class="affetti"> <d>nome - nome - nome - nome</d><br>
          <m> nome - nome - nome - nome</m><br>
          <f>nome - nome - nome <br>nome - nome</f></p>
  </div>
  </div></div>