Quentin Was Here 👽's profile picture

Published by

published
updated

Category: SpaceHey

🙋🏻‍♂️ How change your design account ?



it's really simple, open the EDIT PROFILE section 
and add HTML 

mine is that one : 

<!-- Layout created by Francesco edited by Quentin (quentinrenaux.com) -->

<style>
    :root {
        --logo-blue: #333;
        --darker-blue: #404040;
        --lighter-blue: #999;
        --even-lighter-blue: #ccc;
        --lightest-blue: #e3e3e3;
        --dark-orange: #333;
        --light-orange: #181818;
        --even-lighter-orange: #404040;
        --green: #38d;
    }
    * {
        font-family: monospace;
    }
    body {
        background-image: url(https://data.whicdn.com/images/279892218/original.gif) !important;
        background-size: cover;
        background-attachment: fixed;
    }

/* other background 
+cloud ok: https://thumbs.gfycat.com/AdmirableExhaustedIchidna-small.gif
+cloud ok2: https://thumbs.gfycat.com/DismalFatherlyHorse-max-1mb.gif
+cloud pink-fav: https://thumbs.gfycat.com/AssuredWarpedGreatargus-size_restricted.gif
+Hand&cloud: https://media2.giphy.com/media/3oEjHBa34dVLv0jnoc/giphy.gif  
+Storm: https://data.whicdn.com/images/279892218/original.gif 
+Earth: https://d2t1xqejof9utc.cloudfront.net/screenshots/pics/2aca1d7251b4c7962d2247c73598252f/large.gif

or make a windows 98 style profile 

*/


    .blog-preview p {
        background-color: black;
        padding: 5px 15px;
        border-radius: 15px;
        color: white;
    }
    .blog-preview p a{
        color: #c00!important;
    }
    .blog-preview p a:hover,
    .blog-preview p a:active,
    .blog-preview p a:focus{
        color: white!important;
    }
    nav {
        border-radius: 15px 15px 0 0;
        overflow: hidden;
    }
    .profile .contact,
    .profile .url-info,
    .profile .table-section,
    .home-actions {
        border: none;
    }
    table.details-table {
        border-collapse: collapse;
    }
    table.details-table td {
        background-color: transparent !important;
    }
    .profile-pic {
        border-radius: 500px;
        overflow: hidden;
    }
    .heading {
        padding: 5px 0 !important;
        margin-top: 15px;
        margin-bottom: 10px;
        background-color: transparent !important;
        color: #2a2a2a !important;
        border-bottom: 2px solid;
    }
    main {
        border-radius: 0 0 15px 15px;
        background: rgba(255, 255, 255, 0.94) !important;
    }
    .container {
        border-radius: 15px 15px 0 0;
        overflow: hidden;
        margin-top: 30px;
        padding: 10px;
    }
    footer {
        border-radius: 15px;
        background: rgba(255, 255, 255, 0.94) !important;
        display: block !important;
    }
    table.comments-table td {
        background-color: white !important;
    }
    .comments-table td:first-child img {
        width: 80px;
        border-radius: 500px;
    }
    .profile .friends .person img {
        border-radius: 500px;
    }
    .blog-preview p {
        font-size: 1.4rem;
    }
    a.addme {
        font-size: 2rem;
        font-weight: bold;
        margin-bottom: 15px;
        display: block;
    }
</style>


it's ok for you ?
if you want more design just comment it 
I will create my own soon 

to change the background gif, just find the .gif in the css and change it by anything (I put some other funny one in the code ↑ )


0 Kudos

Comments

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