2 Favoris
VIP depuis le 14/03/2020
Zukki le 09 Jul 2020 à 10h40
Code en Libre-Service : l'emprunter

HTML

                        <html>
    <head>
        <link href="https://fonts.googleapis.com/css?family=Grenze Gotisch" rel="stylesheet">
        <style>
            body {
                margin: 0 auto;
                padding: 0;
     	        width: 550px;
                height: max-content;
            }
            
            header {
                background-image: url("https://66.media.tumblr.com/1008b83f0835087539e359da30bd5a11/tumblr_ox6ox2lbsq1sj36iwo2_500.gifv");
                background-repeat: no-repeat;
                background-size: cover;
                background-position:0 -35;
                width: 520px;
                height: 240px;
            }

            .quote {
                display: table;
                width: 500px;
                height: max-content;
                padding: 10px;

                font-family: "Grenze Gotisch";
                color: #1B2236;
                position: absolute;
                text-align: center;
                letter-spacing: 1px;
font-size : 19px;
            }

            .textbox {
                width: 400px;
                height: 250px;
                padding: 10px;
                overflow-y: scroll;
                margin-top: -260px;
                margin-left: 48px;
                background-color: #F6F6F6;
            }

            p {
                color: rgb(24, 33, 52);
                font-family: "Calibri";
                font-size: small;
                text-align: justify;
            }

            .credits {
                color: black;
                opacity: .1;
                font-family: "Calibri";
                letter-spacing: 2px;
                font-size: small;
                margin-top: -8px;
                margin-left: 100px;
            }

            .titre {
                width: 200px;
                height: max-content;
                margin-left:37px;
                margin-top: -250px;

                text-align: right;
                letter-spacing: 8px;
                text-shadow: 1px 1px 0 #A4321F;
            }

            .titre h1 {
                font-family: "Calibri";
            }

       
        </style>
    </head>

    <body> 
        <header>
            
        </header>

        <div class="quote">
           “Citation ou petite phrase.”
        </div>

        <div style="height:240px; width: 2px; margin-top: 60px; margin-left:34px; background-color: #AEAEAE;"></div>   
        
        <div class="textbox">
            <p>Cognitis enim pilatorum caesorumque funeribus nemo deinde ad has stationes appulit navem, sed ut Scironis praerupta letalia declinantes litoribus Cypriis contigui navigabant, quae Isauriae scopulis sunt controversa.

Iamque lituis cladium concrepantibus internarum non celate ut antea turbidum saeviebat ingenium a veri consideratione detortum et nullo inpositorum vel conpositorum fidem sollemniter inquirente nec discernente a societate noxiorum insontes velut exturbatum e iudiciis fas omne discessit, et causarum legitima silente defensione carnifex rapinarum sequester et obductio capitum et bonorum ubique multatio versabatur per orientales provincias, quas recensere puto nunc oportunum absque Mesopotamia digesta, cum bella Parthica dicerentur, et Aegypto, quam necessario aliud reieci ad tempus.

Nec piget dicere avide magis hanc insulam populum Romanum invasisse quam iuste. Ptolomaeo enim rege foederato nobis et socio ob aerarii nostri angustias iusso sine ulla culpa proscribi ideoque hausto veneno voluntaria morte deleto et tributaria facta est et velut hostiles eius exuviae classi inpositae in urbem advectae sunt per Catonem, nunc repetetur ordo gestorum. </p>
        </div>
        
        <div style="font-family: Calibri; font-size: 10px; margin-left: 150px; margin-top: 11px; color: #2B374D; font-variant: small-caps;">

Fiche et code HTML par <a href="https://wyvartem.fr/membres/fiche/42/zukki/" style="color: #27303F">Zukki</a>

</div>

    </body>
</html>

Commentaires

Avatar d'un compte supprimé
Compte supprimé le 09 Jul 2020 à 10h52
Simple et efficace! J'aime (:
Avatar de Zukki
VIP depuis le 14/03/2020
Zukki le 09 Jul 2020 à 11h00
Merci luna ! (:
Avatar de Galad-El
VIP depuis le 06/03/2020
Galad-El le 09 Jul 2020 à 11h18
Ca rend super bien !
Avatar de Zukki
VIP depuis le 14/03/2020
Zukki le 09 Jul 2020 à 11h39
Merci Galad ! :D

Vous devez être inscrit et connecté pour pouvoir poster un commentaire.

↑
↓