Katie's profile picture

Published by

published
updated

Category: Web, HTML, Tech

Pastel Rainbow Request

Copy and paste code in about me section


If you like this style, you can use it in your profile, BUT at least, ADD ME or COMMENT BELOW and give me some kudos! I spent time for making this layout!!!

Credits are appreciated (a post, a bulletin or something else that can support me) 

You have permission to use this for your Layout only, you don't have permission to post elsewhere without giving a link to the original crediting me

<style>

body
        {background: url("https://cdn.statically.io/img/data.whicdn.com/images/312074302/original.jpg")
        no-repeat fixed; background-size: cover;
     }

main 
  /* changes made to stuff outside of columns */
    {background: url("https://i.pinimg.com/originals/a8/30/02/a83002da3a3bdceac3f3226a4f1d1bdf.gif")
        no-repeat fixed; background-size: cover;
     }
    padding: 5px;
    font-size: 80%;
    color: var(--light-orange);
  }

</style>

<style>

footer {
        border-radius: 15px;
background-image: url(https://i.pinimg.com/originals/a8/30/02/a83002da3a3bdceac3f3226a4f1d1bdf.gif); 

</style>

<style>

@import 
url('https://fonts.googleapis.com/css2?family=Alice&display=swap');
  /* gotta fetch the font for phone users */


:root {
  --font-family: 'Alice', serif;
  --mynamesize: 25px
;}

  h1, h2, h3, h4, h5, a, p, nav label, .section{ 
font-family: var(--font-family) !important; 
 text-shadow: !important;
 text-transform:!important;
}


h1, h2, h3, h4,h5,a, p, nav label, .section {color: #A941B0;}

h1 {
  color: #f994ff ;
  text-shadow: 1px 1px 2px black, 0 0 25px yellow, 0 0 5px yellow;
}


table, th, td {
  border: 1px solid #f994ff ;
}

:root {
        --logo-blue: #A941B0;
        --darker-blue: ;
        --lighter-blue: #A941B0;
        --even-lighter-blue: ;
        --lightest-blue: ;
        --dark-orange: ;
        --light-orange: ;
        --even-lighter-orange: ;
        --green: Aliceblue;
    }


.profile .contact,
    .profile .url-info,
    .profile .table-section,
    .home-actions {
        border: ;
    }

    
   

 

   a.ditto-link {
        display: block;
        margin: 10px 0;
        color: #cc3e3e;
        font-size: 1.4rem;
        font-weight: bold;
        animation: blinker 1s linear infinite;
    }

    .profile-pic {
        border-radius: 500px;
        overflow: hidden;
    }

    .heading {
        padding: 5px 0 !important;
        margin-top: 15px;
        margin-bottom: 10px;
        background-color: transparent !important;
        color: pink !important;
        border-bottom: 2px solid;
    }

   

    .container {
        border-radius: 15px 15px 0 0;
        overflow: hidden;
        margin-top: 30px;
        padding: 10px;
    }

    
    table.comments-table td {
        background-color: !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;
    }
</style>

<style>

.online{content:url("http://dl3.glitter-graphics.net/pub/705/705163xedbl2b3c3.gif");}

</style>


20 Kudos

Comments

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

Mouse

Mouse's profile picture

I really really love this one! But can you tell me how I can edit it to remove the "sweet candy" gif from beside the profile picture? Thank you!


Report Comment

Rose

Rose's profile picture

I used your layout but put my own spin on it. Thank you for making them. 💖


Report Comment

𝒫𝓇𝒾𝓃𝒸𝑒𝓈𝓈 𝒥𝓊𝓃𝑒 🪷

𝒫𝓇𝒾𝓃𝒸𝑒𝓈𝓈 𝒥𝓊𝓃𝑒 🪷's profile picture

It's lovely, thank you so much.


Report Comment