Millie by @true_veritas - Codewith.it

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

Referenze

<video>Integra e controlla video in una pagina HTML
enctypeDetermina il tipo di codifica dei dati di un form per l'invio al server
_topApre collegamenti ipertestuali nell'elemento parent assoluto
<b>Formatta il testo in grassetto
loopL'attributo loop è usato per la riproduzione continua dei contenuti video e audio
maxlengthDetermina il numero massimo di caratteri consentiti in un elemento input

Utenti

Accedi per cercare utenti

Esplora

Trova ispirazione

Orario 5G A.S. 2024 - 2025

APEX Flux - Enhance your Atmospere

Test Gaming HTML MEME

SCHEDA 4 INFORMATICA

Template Bootstrap(2)

Our first web page!

Esercitazione 1

La Storia di Cappuccetto Rosso

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.

<center>
  <div style="width:350px; margin-left:55px;">

    <div class="quote_box-a" id="quote_pulse"><br>
      <center>
        <d>NOTHING YOU CAN TAKE <br> FROM ME WAS EVER WORTH KEEPING</b>
      </center>

    </div>
  

    <center>
      <h>milford <s>blue</s> nelson</h>
  
    </center>
<br>
    <center>
      <img  src="https://64.media.tumblr.com/60c4ad31bc6205ecf298927bc0ef53b3/tumblr_inline_npilo5TGEu1rifr4k_500.gif" width=115
      px; style="filter: grayscale(50%); box-shadow: 1px .5px 10px #000; border: 2px solid #000; border-top-left-radius: 10px; border-bottom-left-radius: 10px;">
      <img  src="https://i.imgur.com/ZpfBPLD.gif" width=82px; style="filter: grayscale(60% ); box-sbrightness(10%) hadow: 1px 0.5px 10px #000; border: 2px solid #000; margin-top:8px; border-top-left-radius: 0px;">
      <img  src="https://64.media.tumblr.com/8ab9d2af8ed82036835cb11b612a5fbe/tumblr_inline_npilo3wMID1rifr4k_500.gif" width=115px; style="filter: grayscale(50%); box-shadow: 1px 0.5px 10px #000; border: 2px solid #000; border-top-right-radius: 10px; border-bottom-right-radius: 10px;">

    </center>
<br>
    <div
      style="width:333px; background-image: url('https://bonbones.altervista.org/bonnie/meetings/mt/sfnd.png'); ;line-height:10px; border:none; padding:10px; text-align:justify; line-height:10px; border: 0.5px dotted #565447;"><br>
      <titolo><center>» <i>ALL'ETÀ DI <g>QUATTRO ANNI</g>, <u>MILFORD</u> AVEVA IMPARATO <br>
      QUELLO CHE IN GENERE SI IMPARA SOLO <br>
      <g>DOPO I TRENT'ANNI</g>: <u>badare a se stesso.</u></i> «</center></titolo>
   <br>
   <br>
      <f>
      <c>»</c>
          <txtbase>
<c>6th year</c> ~ <s>beauxbatons</s> <c>ravenclaw</c> ~ 16 yo ~ <u>pureblood</u> ~ <g>dark hair, periwinkle blue eyes</g> ~ pale face ~ 182x72<br><br><br>
        <c>»</c> Nato il 25/12 a <g>Diagon Alley</g> dall’imbarazzante amore fra la bellissima <c>Pènèlope Nolene Pembroke</c> e il molto meno prestante <c>Atlas Nelson</c> entrambi ex Tassorosso, <c>Milford</c> si dimostra subito un bambino molto precoce e intelligente. All’età di 10 anni la famiglia si trasferisce in <g>Francia</g> per il lavoro della madre: le viene proposto un futuro da <c>cantante  nel mondo magico</c>, ma molto presto finisce per esibirsi in <g>zone malfamate di Parigi</g>. Il padre, per salvare il salvabile, torna a <g>Londra</g> e trova un lavoro stabile e non molto pagato: <c>portinaio al Ministero</c> dell Magia. Quando <c>Milford</c> ha 14 anni è costretto ad abbandonare l’elegante ed esclusiva Beauxbatons. Tornano quindi in <g>Inghilterra</g> usando i pochi Galeoni rimasti e si ritrovano a vivere tutti e tre a <u>Nocturn Alley</u> in un minuscolo appartamento: una cucina, un salotto, una camera da letto e un bagno. Poveri, ma stranamente felici.<titolo><br><br>
          <br>
          
    </div>
  </div>
  <br>












<link href="https://fonts.googleapis.com/css2?family=Bebas+Neue&amp;family=Open+Sans" rel="stylesheet">

<br>

<div class="boxino">

<txtbase><br>
  <center>☽ <d>Agathokakological</d> (Origin: English). <i>Composed</i> <u>of both good and evil</u> ☾
  <br>
  <br>
  <br>
 ☽ • ☾
  <br>
  <br>
  </center>
  
  <d>MOM</d> » <i>She's magic</i>, from her rebellious ways, to her old fashioned heart. She's a perfect combination of <i>loyalty and freedom</i>.
<br>
<br>
<d>DAD</d> »<i> He is like christmas morning</i>, crimson fireworks and all the birthday wishes.
<br>
<br>
<center> ☽ • ☾</center>
<br>
 <center><b>· <d>I will not water myself down to make me more digestible for you,<br>
  <i>you can choke</i> </d> ·</b></center>

<br>
<br>
<center><s>Hopkins</s>, <i>Ophelie</i>, <u>Liam</u></center>
<br>
<br>
<d>AURORA</d> » “Are you <i>flirting</i>, or <u>starting a fight?</u>.” » Oh, <i>drunken gods</i> of slaughter
<u>You know</u> I've always been <i>your favorite daughter</i>
<center><d>(</d>Cubitum eamus? <u>What?</u> Nothing.<d>)</d></center>
<br>
<br>
<d>KOL</d> » “Kid, get off the ground. <i>Spit your blood</i>, and <I>bare your teeth</i>. <u>Go down fighting.</u>” » <u>Don't think twice</u>, you'll be <i>dead</i> in a second. Kill your pride, <i>turn your fear to a weapon</i>. And don't you forget it: don't you let 'em take control and don't you let 'em break your soul. <u>It's not the devil at your door, it's just your shadow on the floor.</u>
<br>
<br>
<br>
<br>
<center>☽ • ☾</center>
<br>
<br>
<br>
<center><d>RIVER</d> » <i>oh, darling...<br>  everybody sees how you look at him.</i></center>
<br>
<br>
» God <i>I want you</i>,
in some chaste, Victorian way.
A glimpse of your ankle
just kills me. <g>God <i>I want you</i>
in some primal, wild way
animals want each other.
Untamed and full of teeth.</g>
<br>
<br>
<br>
<br>
<center>
<span class="gif_box img">

               <img src="https://i.servimg.com/u/f36/18/75/86/45/4435a110.jpg">
               
<br>
<br>
<br>
<br>

» If <i>love</i> is anything tangible,<br>
it is his mouth.<br>
<i>(His holy goddamned mouth)</i><br>
<g>He says my name<br>
and <i>the whole sky</i> is talking.</g>

<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
</center>
</span>
<br>
</txtbase>

<br>
</div>
</div></div>

<div style="width: 380px;padding-left: 200px; transform: rotate(18deg); margin-top:135px; margin-left:20px;">
<img src="https://i.pinimg.com/originals/8a/35/f2/8a35f2b25a3911fb3ffc415b15df3771.gif" style="width: 135px; border: 8px solid #000; box-shadow:2px 3px 8px 3px rgb(0,0,0,0.8)">
</div>


<div style="width: 380px;padding-left: 300px; transform: rotate(deg); margin-top:-305px; margin-left:20px;">
<img src="https://i.pinimg.com/564x/94/05/54/94055431fc6102bcd09f9069f2341352.jpg" style="width: 135px; border: 8px solid #000; box-shadow:2px 3px 8px 3px rgb(0,0,0,0.8)">




</div>
</div>

body {background-color: #111;}  

::selection {color: #fff;background:#d5afaf;}
::-moz-selection {color:#fff;background:#d5afaf;}

/*--PULSAZIONI--*/

#quote_pulse {animation: pulse 6s infinite;}

@keyframes pulse {0% {color: #8a6a6a;filter: blur(0px);}50% {color: #8a6a6a;filter: blur(1px);}100% {color: #ccc;filter: blur(0px);}}

/*--TESTI--*/

@import url('https://fonts.googleapis.com/css?family=Homemade+Apple');

titolo, strong {font-family: verdana; font-size: 10px; text-decoration: none; color: #a1bbb1; text-transform: none; letter-spacing: 0.5px; transition: all ease-out 1s; -webkit-transition: all ease-out 1s; -o-transition: all ease-out 1s;}
titolo:hover {color: #577878;}

a {text-decoration:none!important;color: #666;}
anim { -moz-transition: all ease-in 0.2s; -webkit-transition: all ease-in 0.2s; -o-transition: all ease-in 0.2s; color: #6e6d6d!important; font-family:calibri; font-size:10px; text-transform: uppercase; letter-spacing: 1px; text-shadow: 0px 0px #000;}

b, strong {font-family: calibri; font-size:10px; text-transform: uppercase; letter-spacing: 0.5px; text-shadow: 1px 0px 0px #000;}
i { font-family: georgia; text-transform: lowercase; font-style: italic; letter-spacing: 1.5px; color: #457272; font-size: 10px;}
u { font-family:georgia font-size:10px; color:#697575; border-bottom: 1px dotted #2f5656; text-decoration: none; cursor: default;}

d { font-family: cambria, pallatio; text-transform: uppercase; color: #777; letter-spacing: 1px; font-style: bold; font-size: 10px; }

c {color: #2f5656;font-family: georgia;font-size: 10px;font-style: italic;font-weight: bold;line-height: 10px;letter-spacing: 1.5px;}

h {color: #697575;font-family: georgia; font-size: 20px;font-weight: bold;line-height: 15px; letter-spacing: 1.5px; text-transform: lowercase;text-shadow: 1px 1px 5px #000;font-style: italic;}


e {color: #777;font-family: calibri;font-size: 10px;text-transform:uppercase;line-height: 9px;}

g { font-family:'georgia', cursive; font-size: 10px; letter-spacing: 1.5px; color:#cccc; opacity: 0.6;}
g:hover{ text-shadow: 3px 5px 1px #457272; color:#454545; transition: all ease-out 1s; -webkit-transition: all ease-out 1s; -o-transition: all ease-out 1s;}

/*testo*/
f { font-family: sans-serif; font-size:12px; color:#454545; }









<style>

@import url('https://fonts.cdnfonts.com/css/human-error-dark');

/*----- SCROLLAMI -----*/
::selection { color: #635856; background: none; }
::-webkit-scrollbar {background-color: #111!important; width: 1px;}
::-webkit-scrollbar-thumb {background: #111!important; opacity: 0.1;}


/*----- BACKGROUND -----*/

 body { background-color:#111; }

/*-----BOXINI-----*/

 .title { width:500px; 
          text-align: center; 
          transform: rotate(-6deg); 
          margin-top: 55px;
          margin-left: 105px;}


 .boxino { font-family: 'Open Sans', sans-serif;
           font-size: 10px;
           color: #5b5b5b; 
           position:absolute; 
           width: 250px;
           height: 235px; 
           text-align: justify; 
           letter-spacing: 0.3px; 
           line-height: 10px; 
           margin-top:10px;  
           margin-left:550px; 
           background-image: url('https://imgur.com/hGh0mc6.png'); 
           padding:25px 25px 30px 25px; 
           overflow: auto; 
           text-shadow: 1px 2px 2px #000;
           padding: 5px 5px 5px 5px; 
           border: 8px solid #000;  
           transform: rotate(-6deg);
           margin-top:5px;
           box-shadow:2px 3px 8px 3px rgb(0,0,0,0.8)}

/*-----GIFFETTE-----*/

 .gif_box img { width: 180px; 
                height:190px; 
                object-fit: cover;
                border:1px solid #000000; 
                filter: brightness(100%)grayscale(0%);
                object-size: cover; text-align:center;  
                margin-top:-18px; 
                border: solid 5px #111; 
                box-shadow:0px 7px 5px 2px rgb(0,0,0,0.8) }

</style>