Eli by @AndyMasy - Codewith.it

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

References

<input>Definisce un area di input per l'invio di dati e informazioni
<meta>Definisce i meta dati di una pagina web.
forSpecifica a quale id è associato l'elemento in cui è dichiarato.
valueValore alfanumerico o booleano contenuto in un elemento
<datalist>Crea una lista di opzioni pre-definite ed editabili per elementi di input
<h2>Titolo di intestazione di secondo livello

Users

Log in to search for users

Explore

Find inspiration

Esercizio 1 3ASC

Navbar Example 3

Calcolo Costo Totale

Leggere Lolita a Teheran Azar Nafi

basicStructure 2

La sicurezza in informati

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="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>