Eli by @AndyMasy - Codewith.it

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

Referenze

<body>Tag primario di un documento HTML
maxImposta il valore numerico o temporale massimo per un elemento input
rowspanDefinisce il numero di righe su cui una cella di una tabella deve estendersi.
novalidateImpedisce la convalida dei campi con valori tipizzati di elemento input
methodDetermina il metodo di invio dei dati di un form al server
listCollega un elemento input con una lista di opzioni datalist

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

Esercizi 05/03/2024 es5

Esercizio forse più giust

ciao io sono sara

POESIA UNA AL GIORNO

JS Elementi del linguaggio es3

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="testo_background"><style>div.testo_background ::selection { background: #c7008d;text-shadow: 1px 1px 0 #000;}
div.testo_background ::-moz-selection { background: #c7008d;text-shadow: 1px 1px 0 #000;}
div.testo_background div.img {background-image:url('https://i.imgur.com/zCsj3cG.png'); width:400px; height:302px; border: 0px solid #000; margin-top:5}
div.testo_background /*scrollbar*/ ::selection { color: #4D4142; background: none;}
div.testo_background ::-webkit-scrollbar {background: none; color: #5d1673; width: 1px;}
div.testo_background ::-webkit-scrollbar-thumb {background: #111; color: #5d1673; opacity: 0.1;}
div.testo_background /*CONTENITORE*/ .div.img {background-image:url('https://i.imgur.com/zCsj3cG.png'); width:400px; height:300px;position: relative; z-index: 2; -webkit-transition: all 2.0s ease-in-out; -o-transition: all 2.5s ease-in-out;transition: all 2.5s ease-in-out;}
div.testo_background .div.box { margin-top: -210px; -webkit-transition: all 2.0s ease-in-out; -o-transition: all 2.5s ease-in-out;transition: all 2.5s ease-in-out; position: relative; z-index: 1; background-image:url(https://i.imgur.com/lnCcWfA.png);width: 365px; height: 200px; padding: 15px; color: #777373; font-family: arial; font-size: 9px; line-height: 9px;}
div.testo_background /*SCRITTE*/ f {font-family: Offside; color: #5a5a5a; font-size: 8.5px; letter-spacing: 1.5px;}
div.testo_background i {font-style:italic;font-family:Georgia,serif;font-size:9px;color:#9da39f;}
div.testo_background o {color: #524343; font-family: georgia; font-size: 7.5px;font-weight: bold; letter-spacing: 0.5px; text-transform: uppercase;}
div.testo_background u {text-decoration: none; letter-spacing: 0.5px; border-bottom: 1px dashed #a59f94; transition: all ease-out 1s; -webkit-transition: all ease-out 1s; -o-transition: all ease-out 1s; }
div.testo_background g {color: #b7b6b5; font-family: Staatliches; text-transform: uppercase; letter-spacing: 1px; font-size: 8.5px; -moz-transition: all ease-in 0.5s; -webkit-transition: all ease-in 0.5s; -o-transition: all ease-in 0.5s;}
div.testo_background g:hover { font-family:Staatliches; font-size:8.5px; text-transform: uppercase; color: #a00000; letter-spacing: 1px; text-shadow: 0px 0px #000; }
div.testo_background g2 {color: #b7b6b5; font-family: Staatliches; text-transform: uppercase; letter-spacing: 1px; font-size: 12.5px; -moz-transition: all ease-in 0.5s; -webkit-transition: all ease-in 0.5s; -o-transition: all ease-in 0.5s;}
div.testo_background g2:hover { font-family:Staatliches; font-size:12.5px; text-transform: uppercase; color: #a00000; letter-spacing: 1px; text-shadow: 0px 0px #000; }
</style>


<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
<link href="https://fonts.googleapis.com/css2?family=Inconsolata:wght@200&amp;display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Staatliches&amp;display=swap" rel="stylesheet">

<br><br><center>
<div class="img" style="color: #000;"></div>

<div style="width:250px; height: 20px; opacity: 0.99; margin-top: -400px; transform: rotate(-23deg); margin-left:-50px; z-index: 2;"></div><br>


<div style=" background-color: #000;
no-repeat scroll 0 0 / cover;
position: relative;
width: 320px;
height: autopx;
vertical-align: middle;
float: center;
text-align: justify;
padding: 10px;
color: #6e6e6e;
border: 1px solid #000;
letter-spacing: 0.5px;
font-family: tahoma;
font-size: 9px;
line-height: 8.5px;
margin-top: 340px;
">

<g>Elijah "Eli" Brown</g> <f>|</f> Nasce il 31/10/2005 a Londra <f>|</f>172cm x 60kg <f>|</f> Scorpione ascendente Vergine <f>|</f> capelli castani, occhi color ambra <f>|</f>  inglese <f>|</f> qui tutte le belle <o>informazioni</o> che ti va, come altezza, peso, segni particolari o anche no, insomma. Potresti anche abbellire con una <i>citazione un po' particolare</i>, basta che ti ricordi di chiudere le apicette (e non fare come me, che puntualmente poi faccio saltare qualche div e mi chiedo se sia colpa del Times New Roman. 
<br><br>
<center><f>MAH. VABEH. TRALASCIAMO.</f> </center><br>

</div>

<div style="width:400px; margin-left: -190px; padding: 2px; transform: rotate(90deg); margin-top: -275px; margin-left:397px; ">

<center><g2>Essere gentili costa meno che essere stupidi</g2><br>
</center></div>

</center></div>