Qingxxuan's profile picture

Published by

published
updated

Category: Web, HTML, Tech

Layout Ever After High (ROYAL)

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/Zq9g7vqW/IMG-5910.jpg);


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


    }




    main {


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


        color: #000000;


        padding: 6px 0px;


        font-size: 80%;


        background-size: cover;


    }




.general-about {


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


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


    /* background-color: #000; */ /* Removi a cor de fundo preta */


    color: #000000; 


    padding: 45px;


    border-radius: 10px; 


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


    text-align: justify;


}




    /* Links */


    a {


        color: #000000;


        text-decoration: none;


    }




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


    background: #e65c5c;


    color: #ffffff;


    vertical-align: top;


}






    .details-table td:first-child {


        background-image: url(https://i.postimg.cc/sxPktPwf/Royal-Background.jpg);


        color: #000000;


        font-weight: bold;


        width: 33%;


    }




    /* Rodapé */


    footer {


        text-align: center;


        font-size: 70%;


        margin: 10px 0 10px;


        padding: 10px 5px;


        background-image: url(https://i.postimg.cc/7L37stk5/IMG_5456.jpg);


        background-color: black;


    }


 .profile .blurbs .heading, 


 .profile .friends .heading {


    background: #ff6c95;


    color: #ffffff;


    padding: 2px 7px;


   


}






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


        width: 100%;


        border: 2px solid #eda558;


        margin: 10px 0;


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


border-radius: 10px;


    }




</style>




<style>




nav .top {




    background-image: url(https://i.postimg.cc/7L37stk5/IMG_5456.jpg);




    padding: 15px 10px 14px 10px;




    display: flex;




}</style>






<style>


nav {


    color: #ffffff;


    font-size: 72%;


}


</style>


<style>


.nav .top , nav .links{




background: url("https://i.postimg.cc/sxPktPwf/Royal_Background.jpg");




text-align: center;




}






<style>




.logout-btn, .logout-form {




    color: #ff0000


;




    display: inline-block;




    font-size: 100%;




}</style>




<style>


 


    .profile .contact .heading, 


.profile .table-section .heading, 


.home-actions .heading {


    background: #ff0000; 


    color: #ffffff; 


    padding: 2px 7px; 


    border-radius: 10px;


}




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


    .details-table td {


        background: #ffbdcf; /* Cor de fundo rosa claro */


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


    }


</style>






<style>




.profile .friends .person p {




    color: #780415;




    font-weight: bold;




    width: 100%;




    word-break: break-word;




    font-size: 100%;




    text-align: center;




}</style>




<style>




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




    content: " | ";




    color: #000000;




}</style>




<style>




.count {




    color: #ff0000;




}</style>




<style>




.profile .profile-info {




    background-image: url(https://i.postimg.cc/sxPktPwf/Royal_Background.jpg);




    /* padding: 20px; */




     border-radius: 10px; 




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




    text-align: center;




}</style>


<style> 




.contact {




        font-size: #px;




        font-family: fontfamily;




        border: dotted 0px!important;




        background-image: url("URL")!important;




        background: ;




        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>


<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(#FF0000, #DD0000); 


    -webkit-background-clip: text;


    -webkit-text-fill-color: transparent;


    -webkit-text-stroke: 1px black;


  }</style>

    <style>

        .logout-btn, .logout-form button {

            color: #e74c3c;

            font-size: 16px;

            padding: 10px 20px;

            border: 2px solid #e74c3c;

            border-radius: 5px;

            background-color: white;

            cursor: pointer;

            transition: background-color 0.3s ease, color 0.3s ease;

        }


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

            background-color: #e74c3c;

            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/C13WtZ4L/IMG-5769.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/RhW0SPpR/DODL.gif"/>

<img src="https://i.postimg.cc/zfkv0HRn/videoframe-2000.png"/>

<img src="https://i.postimg.cc/85W9sCPY/ezgif-24aed3bb443f07.gif"/>


0 Kudos

Comments

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