Eli by @AndyMasy - Codewith.it

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

References

autofocusAttiva un elemento al caricamento della pagina.
<map>Inserisce immagini mappa cliccabili in un documento
crossoriginGestisce richieste tra documenti provenienti da origini differenti.
maxImposta il valore numerico o temporale massimo per un elemento input
<address> Definisce una sezione contenente indirizzi, contatti e informazioni
<nav>Definisce un menu di navigazione

Users

Log in to search for users

Explore

Find inspiration

Differences in Forms of Government

Aurora Flux — Concept Design

ESAME (TORTA DELLA NONNA)

DEMO: Hi-Lo Game

Creatore Badge Aziendale

Esercizio sui cicli

pag. 6 progetto inf

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>