Anita by @MILENUCCIA87 - Codewith.it

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

References

nameDetermina il nome degli elementi HTML o fornisce dati su un attributo associato.
<pre>Indica una parte di testo preformattato
colspanDefinisce il numero di colonne di una cella all'interno di una tabella.
targetDetermina il comportamento di un collegamento ipertestuale alla sua apertura
<option>Serve ad inserire una voce in un menu di selezione.
<!doctype>Dichiara la versione del linguaggio di sviluppo della pagina

Users

Log in to search for users

Explore

Find inspiration

Esercizio media Prof

5/10/24 es.1 - palindromi

esercitazione n. 1

Titolo della pagina

JS Oggetti ed eventi es1

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>