WIKIHAK by @MILENUCCIA87 - Codewith.it

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

References

<base>Specifica l'URL di base per tutti gli URL relativi all'interno della pagina.
<td>Definisce una cella di una tabella HTML.
_parentApre collegamenti ipertestuali nell'elemento genitore
<canvas>Tag per disegnare grafica dinamica su pagine web.
<nav>Definisce un menu di navigazione
multipart/form-dataCodifica dei caratteri di un form

Users

Log in to search for users

Explore

Find inspiration

WEX prova HTML(2)

Menu a tendina CSS

Analizzatore Exif

Esercitazione 3

esercitazione 1

JS Esercizio Concetti Gen es3

provo copia prof

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>
   /*---------SCROLLBAR---------------*/
 ::-webkit-scrollbar {
     background: #000000;
     width: 0px;
     cursor: s-resize;
     padding: 0;
     margin-right: 0px;
}

::-moz-selection {
     color: #522222;
     background: none;
     text-shadow: 0px 0px 0px #000!important;
}

::selection {
     color: #522222;
     background: none;
     text-shadow: 0px 0px 0px #000!important;
}

/*-------BASE-------*/

.sfondo {
width: 600px;
height: 600px;
position: relative;
margin: auto;
margin-left:150px;

}
  
.immagine {
background: url(https://i.imgur.com/EsNdWF6.png);
margin: auto;
width: 564px;
height: 503px;
margin-left: -100px;
margin-top: 24px;
border: 1px solid #000000;
position: relative;
z-index: 3;
transition: all 1.5s ease-in-out;

}
.sfondo:hover .immagine {
width: 260px;
background-position-x: -186px;
background-image: url(https://i.imgur.com/EsNdWF6.png);
transition: all 1.5s ease-in-out;
filter: brightness(0.5);
}

.boxSotto {
position: relative;
z-index: 1;
width: 450px; 
height: 510px; 
margin-top: -500px;
margin-left: 30px; 
transition-delay: 1.5s; 
transition: all 1.5s ease-in-out;
}
  
.sfondo:hover .boxSotto {
margin-left: 175px; 
transition: all 1.5s ease-in-out;
}
  
.testo {
position: relative; 
overflow: hidden; 
opacity: 1; 
-moz-transition: all ease-out 1s; 
-webkit-transition: all ease-out 1s; 
-o-transition: all ease-out 1s; 
width: 230px; 
height: 300px;  
margin-left: 0px; 
margin-top: 40px; 
background-color: #111; box-shadow: 0px 0px 5px #000; 
transition-delay: 0.5;
}

.testoin {
margin: auto;
width: 200px;
height: 270px;
background: #1a1a1a; box-shadow: 0px 0px 5px #000; 
font-family: verdana; 
font-size: 10px; 
position:relative; 
text-align: justify; 
padding: 5px; 
overflow: auto;
margin-top: 10px;
color: #707070;
}

.testo1 {
position: relative; 
overflow: hidden; 
opacity: 1; 
-moz-transition: all ease-out 1s; 
-webkit-transition: all ease-out 1s; 
-o-transition: all ease-out 1s; 
width: 160px; 
height:110px;  
margin-left: 240px; 
margin-top: -300px; 
background-color: #111; box-shadow: 0px 0px 5px #000; 
transition-delay: 0.5;
}

.testoin1 {
margin: auto;
width: 135px;
height: 80px;
background: #1a1a1a; box-shadow: 0px 0px 5px #000; 
font-family: verdana; 
font-size: 10px; 
position:relative; 
text-align: justify; 
padding: 5px; 
overflow: auto;
margin-top: 10px;
color: #707070;
}

.testo2 {
position: relative; 
overflow: hidden; 
opacity: 1; 
-moz-transition: all ease-out 1s; 
-webkit-transition: all ease-out 1s; 
-o-transition: all ease-out 1s; 
width: 160px; 
height:145px;  
margin-left: 240px; 
margin-top: 20px; 
background-color: #111; box-shadow: 0px 0px 5px #000; 
transition-delay: 0.5;
}

.testoin2 {
margin: auto;
width: 130px;
height: 105px;
background: #1a1a1a; box-shadow: 0px 0px 5px #000; 
font-family: verdana; 
font-size: 10px; 
position:relative; 
text-align: justify; 
padding: 5px; 
overflow: auto;
margin-top: 10px;
color:#707070;
}

.boxGif {
width: 240px;
position: relative;
margin-top: 10px;
}

/* ---------TASTI--------- */

.tastini {
        width:160px;
        height: 15px;
        padding-left: -25px;
        padding-top: 5px;
        text-align: center;
        font-size: 8px;
        line-height: 10px;
        position: relative;
        margin: auto; font-family: Trajan; font-size: 6px; text-transform: uppercase; color: #1a1a1a;}

    label {
        font-size: 10px;
    }

    label:hover {}

    input[name="sezione"] {
        display: none;
    }

 input[name="sezione"]+div {
        display: none;
    }

    input[name="sezione"]:checked+div{
        display: block;
        margin: auto;
    }


/* ---------- QUOTE-------- */

.quote {position relative; margin-top: -310px; margin-left: -385px; width: 517px; height:200px;}
  .frase {position:relative; background-color: #1d2a4f; text-shadow: 2px 1px 0px #070609, -2px -1px 0px #070609; font-family: cambria, pallatio; font-size: 11px; text-transform: uppercase; height: 9px; line-height: 8px;    color: #bdaaa3;  letter-spacing: 17px; padding-top: 0.5px; padding-bottom: 0.5px;  transform: rotate(-90deg);}

  .frase1 {position:relative; margin-top:-23px; font-family: Trajan; font-size: 40px; text-transform: uppercase; color: #222121;  letter-spacing: 30px;  text-shadow: 2px 2px 0px #000; text-align: center; transform: rotate(-90deg);}

 /*-------------STYLE---------*/
a {
     text-decoration:none!important;
}

d {
     color: #5a6590;
     font-family: georgia;
     font-size: 9px;
     line-height: 9px;
     font-style: italic;
     font-weight: bold;
}

e {
     font-family: cambria, pallatio; 
     color: #bdaaa3;
     font-size: 8px; 
     line-height: 10px!important;
     text-transform: uppercase;
     letter-spacing: 2px;
     background-color: #1d2a4f;
     text-shadow: 2px 1px 0px #070609, -2px -1px 0px #070609;
     padding-left: 7px;
     padding-right: 7px;
} 

f {
     font-family: calibri; 
     color: #7b8a9d;
     text-transform: uppercase;
     letter-spacing: 1px;
     font-weight: bold;
     font-size: 8px;
     line-height: 9px!important;
     letter-spacing: 2px; 
}

h {
     font-family: georgia; 
     text-transform: uppercase;
     font-size: 7px;
     line-height: 9px!important;
     letter-spacing: 3px; 
     color: #344769;
     text-shadow: 1px 1px 0px #111; 
} 

w {
     text-transform: uppercase;
     font-size: 8px;
     line-height: 9px!important;
     letter-spacing: 2px; 
     color: #bdaaa3; 
     background: rgb(29,42,79, 0.5); 

     padding-left:7px;
     padding-right:7px;
} 

z {
     letter-spacing:0px;
}

/* ------------------------------ B - I - U - S ------------------------------ */

b, i, u, s {
     color: #444;
}

s {
     letter-spacing:2px; 
     text-decoration: line-through wavy #302d29; 
     line-height: 9px;
}

u {
     text-decoration: underline dashed #7b8a9d; 
     line-height: 9px;
}

</style>
<div class="sfondo">
<div class="immagine"></div>
<div class="boxSotto">
<div class="testo">

<div class="testoin"><w>JONATHAN GARRETT EDWARDS</w>» <n>Guipago</n>. Classe '85. Aprile il 23. <a href="https://i.imgur.com/jYTEUk4.png" 
target="popup" 
onclick="window.open('https://i.imgur.com/jYTEUk4.png','popup','width=450,height=450'); return false;">Tatuaggi</a>&Cicatrici || taurus sun and capricorn moon || <h>There's a violence living inside me</h> || Non è mai stato un santo e l'essere diventato lupo l'ha reso ancora più <e>territoriale</e> rispetto a prima. <u>Per il sentore di appartenere a qualcosa</u>. <f>Viscerale</f>. Ferale. <d>Selvatico</d>. Forastico. Stitico a livello di emozioni, più incline alla violenza che alla discussione. Il più delle volte ringhia. Stesse orme del padre, a compensazione di <u>un temperamento tutt'altro che pacifico</u>. || <d>(blood, beatings and clandestine fights)</d> || Stesso addestramento. Stessa <e>testardaggine</e>. La necessità di stare a contatto con una natura che sta imparando a conoscere bene <g>solamente ora</g>. || <h>I'm not a Saint</h>.</div></div>
<div class="boxGif"><img src="https://64.media.tumblr.com/c129129b7a9a6f1ccf2930c6d2cd2275/6d8e379c24033a23-79/s250x400/8fe1f6b4ed5d7cbc23b5ddc2f73391f32b3e8497.gif"
  style="margin-left: 8px; width:95px; border: double 3px #353838;"> <img src="https://64.media.tumblr.com/16bab7de067e5f36d8d8bdf204ccfe09/6d8e379c24033a23-c8/s250x400/2ee3a7584f7b6799a9c26b80f618bd5b272e1dec.gif"
  style="margin-left: 5px; width:95px; border: double 3px #353838;"></div><div class="testo1"><div class="testoin1">(<w>forma ferale</w>) 210cm x 280kg dal manto <d>rossiccio e fulvo</d> disseminato di sfumature <u>nocciola</u>. <h>Occhi dorati</h> screziati di rosso.</div></div>

<div class="testo2"><div class="tastini">
     
                <!--INIZIO BOTTONE 1--><label for="Andrea">[<w>♥</w>]</label>
                <!--FINE BOTTONE 1-->
                <b><n>•</n></b>
                <!--INIZIO BOTTONE 2--><label for="Clan">[<w>♣</w>]</label>
                <!--FINE BOTTONE 2-->
                <b><n>•</n></b>
                <!--INIZIO BOTTONE 3--><label for="Others">[<w>♠</w>]</label>
                <!--FINE BOTTONE 3--></div>
        
             <!--inizio sezione 1-->
        <input type="radio" name="sezione" id="Andrea" checked>
        <div class="testoin2"><br>
<center>•• <e>A N D R E A</e> ••<br><img src="https://i.imgur.com/RJiBvYZ.gif" style="margin-left: 4px; height:62px; border: 2px solid #131413; filter: grayscale(50%); box-shadow: 1px .5px 10px #000;"><br><a onclick=" window.open('https://somewhereunderthesky.altervista.org/AFFETTIDUSK/Andrea2.html','',' scrollbars=no,menubar=no,width=850, height=850, ,resizable=no, cursor=help,')">( → )</a></center></div>

        <!--fine sezione 1-->
        <!--inizio sezione 2-->

        <input type="radio" name="sezione" id="Clan" checked>
     <div class="testoin2">
        <br><br>
       <center><a onclick=" window.open('https://somewhereunderthesky.altervista.org/AFFETTIDUSK/Johan.html','',' scrollbars=no,menubar=no,width=450, height=280, ,resizable=no, cursor=help,')"><h>Johan</h></a> • <a onclick=" window.open('https://somewhereunderthesky.altervista.org/AFFETTIDUSK/Rhiannon.html','',' scrollbars=no,menubar=no,width=450, height=300, ,resizable=no, cursor=help,')"><h>Rhiannon</h></a><br><a onclick=" window.open('https://somewhereunderthesky.altervista.org/AFFETTIDUSK/Faye.html','',' scrollbars=no,menubar=no,width=450, height=300, ,resizable=no, cursor=help,')"><d>Faye</d></a> • <a onclick=" window.open('https://somewhereunderthesky.altervista.org/AFFETTIDUSK/Sean.html','',' scrollbars=no,menubar=no,width=450, height=300, ,resizable=no, cursor=help,')"><d>Sean</d></a> • <d>Deva</d><br><u>Filip</u> • <u>Melody</u> • Saxa • Lucas • Sierra • Alarik • Scott<br></center>
 
</div>
<!--fine sezione 2-->
<!--inizio sezione 3-->
<input type="radio" name="sezione" id="Others" checked>
         <div class="testoin2"><br>
       <center><a onclick=" window.open('https://somewhereunderthesky.altervista.org/AFFETTIDUSK/Keifer.html','',' scrollbars=no,menubar=no,width=450, height=300, ,resizable=no, cursor=help,')"><f>Keifer</f></a> • <a onclick=" window.open('https://somewhereunderthesky.altervista.org/AFFETTIDUSK/Newt.html','',' scrollbars=no,menubar=no,width=450, height=300, ,resizable=no, cursor=help,')"><f>Newt</f></a><br> • <a onclick=" window.open('https://somewhereunderthesky.altervista.org/AFFETTIDUSK/Andraste.html','',' scrollbars=no,menubar=no,width=450, height=300, ,resizable=no, cursor=help,')"><f>Andraste</f></a> •<br><br>Rune;  Wikimak; Nadin; Nicholas; Eva; Kimama; Selina; Talya; Len; Wade;
</center>
      <div>
        <!--fine sezione 3-->
        </div></div></div></div><div class="quote"><div class="frase"><center>some kind of beast</center></div><div class="frase1"><center>[WEREWOLF]</center></div>
</div></div>