Qingxxuan's profile picture

Published by

published
updated

Category: Web, HTML, Tech

Layout ever after high (REBEL)

Caso queira tirar os gifs eles são os seis últimos links. (cole o código no seu 

"About me")


<!-- Layout created by (https://spacehey.com/qingxxuan) -->

<style>

    body {

        background-image: url(https://i.postimg.cc/PqK5DsnM/IMG-5870.jpg);

        font-family: verdana, arial, sans-serif, helvetica;

    }


    main {

        background-image: url(https://i.postimg.cc/MGpthjW0/IMG_5465.jpg);

        color: #000000;

        padding: 6px 0px;

        font-size: 80%;

        background-size: cover;

    }


    .general-about {

        background-image: url(https://i.postimg.cc/FKhK1F8R/IMG-5874.jpg); 

        background-size: cover; /* Ajusta a imagem de fundo para cobrir todo o espaço */

        color: #000000; 

        padding: 45px;

        border-radius: 10px; 

        box-shadow: 4px 4px 0 #8807ba;

        text-align: justify;

    }


    /* Modificação para cor roxa nos links */

    a {

        color: purple; /* Mudando a cor dos links para roxo */

        text-decoration: none;

    }


    .details-table td:first-child, .comments-table td, .music-table td {

        background: #1c0126;

        color: #1c0126;

        vertical-align: top;

    }


    .details-table td:first-child {

        background-image: url(https://i.postimg.cc/T38HKD4J/IMG-5883.jpg);

        color: #8807ba;

        font-weight: normal;

        width: 33%;

    }


    /* Rodapé */

    footer {

        text-align: center;

        font-size: 70%;

        margin: 10px 0 10px;

        padding: 10px 5px;

        background-image: url(https://i.postimg.cc/c13d2QwQ/Rebels.jpg);

        background-color: black;

    }


    .profile .blurbs .heading, 

    .profile .friends .heading {

        background: #8807ba;

        color: #ffffff;

        padding: 2px 7px;

    }


    .profile .blurbs .section h4 {

        color: #8d759c;

    }


    .profile .contact, .profile .url-info, .profile .table-section, .home-actions {

        width: 100%;

        border: 2px solid #8807ba;

        margin: 10px 0;

        box-shadow: 4px 4px 0 #8807ba;

        border-radius: 10px;

    }


    nav .top {

        background-color: purple;

        padding: 15px 10px 14px 10px;

        display: flex;

    }


    nav {

        color: #ea93ed;

        font-size: 75%;

    }


    .nav .top , nav .links{

        background: url("https://i.postimg.cc/T38HKD4J/IMG-5883.jpg");

        text-align: center;

    }


    .logout-btn, .logout-form {

        color: #ea93ed;

        display: inline-block;

        font-size: 100%;

    }


    .profile .contact .heading, 

    .profile .table-section .heading, 

    .home-actions .heading {

        background: #8807ba; 

        color: #ffffff; 

        padding: 2px 7px; 

        border-radius: 10px;

    }


    /* Estilos para as células da tabela */

    .details-table td {

        background: #d5a9eb; 

        vertical-align: top; /* Alinha o conteúdo na parte superior da célula */

    }


    .profile .friends .person p {

        color: #000000;

        font-weight: bold;

        width: 100%;

        word-break: break-word;

        font-size: 100%;

        text-align: center;

    }


    nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {

        content: " | ";

        color: #000000;

    }


    .count {

        color: #8807ba;

    }


    .profile .profile-info {

        background-image: url(https://i.postimg.cc/T38HKD4J/IMG-5883.jpg);

        border-radius: 10px; 

        box-shadow: 4px 4px 0 #d69ded; 

        text-align: center;

    }


    .contact {

        font-size: 16px; /* Corrigido valor */

        font-family: Arial, sans-serif; /* Corrigido a fonte */

        border: dotted 1px !important; /* Corrigido */

        border-top: 0px;

    }


    .contact .inner a img {

        font-size: 0;

    }


    .contact .inner a img:before {

        font-size: 1em;

        display: block;

    }


    .contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {

        /* add to friends */

        content: url("https://wilardo.crd.co/assets/images/gallery02/e16487f0_original.gif?v=770dec35")

    }


    .contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {

        /* add to favorites */

        content: url("https://graphic.neocities.org/aiw_mini34.gif")

    }


    .contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {

        /* send Message */

        content: url("https://graphic.neocities.org/aiw_mini37.gif")

    }


    .contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {

        /* forward to friend */

        content: url("https://graphic.neocities.org/aiw_mini30.gif")

    }


    .contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {

        /* instant message */

        content: url("https://wilardo.crd.co/assets/images/gallery02/b9baef6b_original.gif?v=770dec35")

    }


    .contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {

        /* block user */

        content: url("https://wilardo.crd.co/assets/images/gallery02/690c5d0a_original.gif?v=770dec35")

    }


    .contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {

        /* add to group */

        content: url("https://wilardo.crd.co/assets/images/gallery14/ced3d334_original.png?v=770dec35")

    }


    .contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {

        /* report user */

        content: url("https://wilardo.crd.co/assets/images/gallery02/6394a47d_original.gif?v=770dec35")

    } 

</style>


<img src="https://i.postimg.cc/Hsp4w4DY/download-25--unscreen.gif"/>


<style>

    @import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&display=swap');


    .w-40 h1 {

        font-family: Abril Fatface;

        font-size: 40px;

        text-align: center;

        background: -webkit-linear-gradient(#be95cd, #a74acf); 

        -webkit-background-clip: text;

        -webkit-text-fill-color: transparent;

        -webkit-text-stroke: 1px black;

    }


    .logout-btn, .logout-form button {

        color: #ea93ed;

        font-size: 16px;

        padding: 10px 20px;

        border: 2px solid #ea93ed;

        border-radius: 5px;

        background-color: white;

        cursor: pointer;

    }


    .logout-btn:hover, .logout-form button:hover {

        background-color: #ea93ed;

        color: white;

    }


    .logout-form {

        display: inline-block;

        margin-top: 20px;

    }

</style>


<img src="https://i.postimg.cc/Hsp4w4DY/download-25--unscreen.gif"/>

<img src="https://i.postimg.cc/FzqGJDjG/IMG-5914.png"/>

<img src="https://i.postimg.cc/hP0LQv27/5-C210798-16-C2-4935-8-C3-E-A015-FB01-AB5-F.gif"/>

<img src="https://i.postimg.cc/287VyVrL/WKwn-1.gif"/>


<img src="https://i.postimg.cc/W1ptkT1W/kitty-cheshire-ever-after-high-1.gif"/>


<img src="https://i.postimg.cc/8PS7ThQV/darling-charming-darling.gif"/>



2 Kudos

Comments

Displaying 0 of 0 comments ( View all | Add Comment )