ash lynx's profile picture

Published by

published
updated

Category: Web, HTML, Tech

dreamy clouds profile

hello everyone :)
this is the profile code for the dreamy pink & purple sparkle clouds.
i hope this helps anyone with questions!
feel free to customize it however you'd like or use it as it is.
lmk if you have any questions. :3
i also HIGHLY recommend using this link while coding to see the changes it makes in real time.
it saves so much frustration and headache!!

꘎♡━━━━━━━━━━━━━━━♡꘎

<style>

    :root {
        --logo-blue: #887dae;
        --darker-blue: #df92be;
        --lighter-blue: #ffc0c0;
        --even-lighter-blue: #ccc;
        --lightest-blue: #b893be;
        --dark-orange: #333;
        --light-orange: #181818;
        --even-lighter-orange: #404040;
        --green: #38d;
    }

    * {
        font-family: monospace;
    }

    body
        {background: url("https://data.whicdn.com/images/197122776/original.gif")
        no-repeat fixed; background-size:cover;

     }

    .blog-preview p {
        background-color: none;
        padding: 5px 10px;
        border-radius: 10px;
        color: black;
    }

    .blog-preview p a{
        color: #ea9999!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>


24 Kudos

Comments

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

Ivey Mauritz

Ivey Mauritz's profile picture

Thanks Ash Lynx for the layout inspiration :-)


Report Comment

sun

sun's profile picture

i love ♡ ty!!!


Report Comment

Davia Darling🖤

Davia Darling🖤's profile picture

Thank you soo much 🔮💕🦋


Report Comment

Devyn Kathleen

Devyn Kathleen 's profile picture

I am currently using this. I fell IN LOVE!! It's sooooo cute!!!


Report Comment

•Sierra Rose•

•Sierra Rose•'s profile picture

Oh my goodness. my friend told me about your layouts.. they are goregous! thank you!


Report Comment

Luciel

Luciel's profile picture

Thank you!


Report Comment

𝓀𝒶𝒾𝒹𝓎𝓃⚡️

𝓀𝒶𝒾𝒹𝓎𝓃⚡️'s profile picture

this is so cute! thank you ^.^


Report Comment

garbagecanloser

garbagecanloser's profile picture

When I go to that website to edit/preview my layout, I'll edit the codes but it wont type in the right spot, like it will add the text somewhere else... if that makes sense lmao do you know how to fix this D:


Report Comment

FemmeHawkDown

FemmeHawkDown's profile picture

Love this! Thank you!!


Report Comment

Chelseaburr ⸸

Chelseaburr ⸸'s profile picture

Hey love! I was wondering, How would I change the moving background? I found a couple cute moving backgrounds on Pinterest and I would love to play around with different ideas!


Report Comment

Carly ☽

Carly ☽'s profile picture

using this for right now! so dreamy and beautiful! thank you so much ^.^


Report Comment

Maizie Torvaris

Maizie Torvaris's profile picture

i was getting really irritated messing with my profile so im using this as a base to go off of, thank you so much you're an angel


Report Comment

Chelseaburr ⸸

Chelseaburr ⸸'s profile picture

Thank you SO much, lovely! This is going to help me so much with relearning to code. Thank you thank you!


Report Comment

A K U M A 🥀

A K U M A 🥀's profile picture

you’re the best !


Report Comment

Amber Bell

Amber Bell  's profile picture

Thanks!!


Report Comment

🖤Amanda April🖤

🖤Amanda April🖤's profile picture

Ty so much!!!


Report Comment