Katie's profile picture

Published by

published
updated

Category: Web, HTML, Tech

Requested CSS Layouts


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


Below you will find layout codes for requested profile layouts 

Here is a link to my other blog posts of layouts I've made for people to use 





Neon vaporware  

<style>



h1, h2, h3, h4, p { color:#E6E6FA; }


h1, h2, h3, h4, h5, h6 p { border-radius: 35px;
  background: url(https://31.media.tumblr.com/a62e72357f7fe963413797c26360e62c/tumblr_n3896siiaN1s5nvu8o1_400.gif);
  background-position: ;
  background-repeat: no-repeat;
  padding: 20px;
  width: 200px;
  height: 150px;
}

body {
  /* sets background */
    background-image: url(https://i.pinimg.com/originals/b1/35/d2/b135d2655f71d6a3bd49412031633f22.gif);
    background-repeat: repeat;
    background-size: 50% ;
  }  

 :root {
        --logo-blue: #4d000055;
        --darker-blue:pink;
        --lighter-blue: pink55;
        --even-lighter-blue: pink55;
        --lightest-blue: pink55;
        --dark-orange: white;
        --light-orange: violet55;
        --even-lighter-orange: pink55;
        --green: pink;
    }

main {
  /* changes made to stuff outside of columns */
    background:#ffc0cb55 ;
    padding: 0;
    font-size: 80%;
    color: var(--light-orange);
  }


h1 {
  color: pink;
  text-shadow: 1px 1px 2px pink, 0 0 25px pink, 0 0 5px violet;
}

body {

font-family: monospace;
font-weight: bold;
font-style: normal;
text-decoration: none;
}

</style>



Goth request

<style>

nav {
  overflow-x: hidden;
  position: relative;
}

nav .top {
  background: transparent;
}

nav .links {
  background: rgba(0, 0, 0, 0.3);
}

nav { background-image: url(https://i.pinimg.com/originals/91/63/35/916335b7c1c6d3715f27ff8e9b5902a8.png); }

body {
  /* sets background */
    background-image: url(https://i.pinimg.com/originals/92/65/26/92652671cc982f3c77b7a3ce1a67e933.png);
    background-repeat: repeat;
    background-size: 100% ;
  }


:root {
        --logo-blue: ;
        --darker-blue: red;
        --lighter-blue: darkred;
        --even-lighter-blue: ;
        --lightest-blue: ;
        --dark-orange: red;
        --light-orange: ;
        --even-lighter-orange: ;
        --green: darkgreen;
    }

main {
  /* changes made to stuff outside of columns */
    background: ;
    padding: 0;
    font-size: 80%;
    color: var(--light-orange);
  }



main {
  background-color: transparent;
  color: red;
}

.profile h1 {color:red;}

body { 

font-family: monospace;

     

</style>



Space Request

<style>
body {
  /* sets background */
    background-image: url(https://wallpapercave.com/wp/wp3028441.jpg);
    background-repeat: repeat;
    background-size: ;
  }   



h1, h2, h3, h4, p { color: Aliceblue; }

.container{    
  margin-top:10px!important; 
  width: 950px;
  border: 2px solid purple;
}

nav .links a{    
  font-size: 1em;
  font-weight: 600; 
}

.online{
  color: purple!important;  
}


main {
  background-color: transparent;
  color: blue;
}

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

    table.details-table {
        border-collapse: solid ;
    }

    table.details-table td {
        background-color: !important;
    }

    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 50px !important;
        margin-top: 15px;
        margin-bottom: 10px;
        background-color: purple!important;
        color: blue !important;
        border-bottom: 2px solid;
    }

   

    .container {
        border-radius: 35px 35px 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: !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;
    }


:root {
        --logo-blue: ;
        --darker-blue: ;
        --lighter-blue: ;
        --even-lighter-blue: ;
        --lightest-blue: ;
        --dark-orange: Aliceblue;
        --light-orange: #D8BFD855;
        --even-lighter-orange: #D8BFD855 ;
        --green: purple;
    }
nav {
  overflow-x: hidden;
  position: relative;
}

nav .top {
  background: transparent;
}

nav .links {
  background: rgba(0, 0, 0, 0.3);
}

nav {
        border-radius: 35px 35px 0 0;
        overflow: hidden;
    }


body { 

font-family: cursive;


</style>


Cute dino request

<style>

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

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

h1, h2, h3, h4, h5, a, p, nav label, .section{ text-transform:uppercase !important;
}


:root {
        --logo-blue: ;
        --darker-blue: ;
        --lighter-blue: purple;
        --even-lighter-blue: ;
        --lightest-blue: ;
        --dark-orange: ;
        --light-orange: ;
        --even-lighter-orange: ;
        --green: yellow;
    }

main {
  /* changes made to stuff outside of columns */
    background: #80008055;
    padding: 0;
    font-size: 80%;
    color: var(--light-orange);
  }

.online{
  color: purple!important;  
}

body {
        /* background-image: url(https://i.pinimg.com/originals/f5/e5/8a/f5e58a068d82223616de6722a1ba5517.jpg) !important; */
        background-image: url(https://i.pinimg.com/736x/05/f5/be/05f5bed5383e705c40ccc053195d6f14.jpg) !important;
        background-size: contain;
    }

nav {
  overflow-x: hidden;
  position: relative;
}

nav .top {
  background: transparent;
}

nav .links {
  background: rgba(0, 0, 0, 0.3);
}

nav { background-image: url(https://wallpaperaccess.com/full/438895.jpg); }


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

    table.details-table {
        border-collapse: collapse;
    }

    table.details-table td {
        background-color: transparent !important;
    }

    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: #2a2a2a !important;
        border-bottom: 2px solid;
    }

   

    .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: !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>



Pastelish Goth 

<style>


table, th, td {
  border: 4px solid black;
}

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

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

:root {
        --logo-blue: ;
        --darker-blue: ;
        --lighter-blue: Black;
        --even-lighter-blue: ;
        --lightest-blue: ;
        --dark-orange: ;
        --light-orange: ;
        --even-lighter-orange: ;
        --green: black;
    }

main {
  /* changes made to stuff outside of columns */
    background: #56505155;
    padding: 0;
    font-size: 50%;
    color: var(--light-orange);
  }

.online{
  color: black!important;  
}

body {
  /* sets background */
    background-image: url(https://images-na.ssl-images-amazon.com/images/I/61yQeOTfToL.jpg);
    background-repeat: repeat;
    background-size: 50% ;
  }  

nav {
  overflow-x: hidden;
  position: relative;
}

nav .top {
  background: transparent;
}

nav .links {
  background: rgba(0, 0, 0, 0.3);
}

nav { background-image: url(https://i.pinimg.com/originals/91/63/35/916335b7c1c6d3715f27ff8e9b5902a8.png); }

</Style>


Backstreet Boys


<style>

main {
  /* changes made to stuff outside of columns */
    background:#00FF0000 ;
    padding: 0px;
    font-size: 80%;
    color: var(--light-orange);
  }

.online { display: none;
  }


body {

font-family: monospace;
font-size: 11px;
font-weight: bold;
font-style: normal;
text-decoration: none;
}



h1 {
  color: green;
  text-shadow: 1px 1px 2px black, 0 0 25px gold, 0 0 5px gold;
}

h1, h2, h3, h4,p {color: white;}

:root {

--darker-blue: white;
--lighter-blue: translucent;
  --lightest-blue: ;
        --dark-orange: ;
        --light-orange: ;
        --even-lighter-orange: ;
       --even-lighter-blue: ;
  --topic1: "Intro";
  --topic2: "🎤🎧🎵";
  --topic3: "Movies/TV Shows";
  --topic4: "Things I like";
  --topic5: "Books/Writers";
  --topic6: "Misc";

 }

.table-section:not(:last-child) .details-table tr td:first-child p{color:transparent !important;text-shadow: none !important;letter-spacing: -100px;}

.details-table tr td:first-child p::after{
  color:var(--links) !important;
  letter-spacing:normal !important;
   text-shadow: 2px 2px green !important;
   filter: brightness(95%) !important;
}
.table-section:not(:last-child) .details-table tr:nth-child(1) td:first-child p::after{
  content: var(--topic1);
}
.table-section:not(:last-child) .details-table tr:nth-child(2) td:first-child p::after{
  content: var(--topic2);
}
.table-section:not(:last-child) .details-table tr:nth-child(3) td:first-child p::after{
  content: var(--topic3);
}
.table-section:not(:last-child) .details-table tr:nth-child(4) td:first-child p::after{
  content: var(--topic4);
}
.table-section:not(:last-child) .details-table tr:nth-child(5) td:first-child p::after{
  content: var(--topic5);
}
.table-section:not(:last-child) .details-table tr:nth-child(6) td:first-child p::after{
  content: var(--topic6);
}



.container{    
  margin-top:10px!important; 
  width: 5000px;
  border: 10px solid green;
}

nav {
  overflow-x: hidden;
  position: relative;
}




nav {
  overflow-x: hidden;
  position: relative;
}

nav .top {
  background: transparent;
}

nav .links {
  background: rgba(0, 0, 0, 0.3);
}

nav { background-image: url(
https://www.nditech.org/sites/default/files/styles/small_photo/public/diary-header-image-1000x512.jpg?itok=RzZK5_as); }
body {
        /* background-image: url(https://i.pinimg.com/originals/f5/e5/8a/f5e58a068d82223616de6722a1ba5517.jpg) !important; */
        background-image: url(https://i.pinimg.com/originals/4a/27/5d/4a275d1997063faef7063deaccdc242a.jpg) !important;
        background-size: contain;
    }

search-wrapper input[type=text] {background-color: rgba(0, 0, 0, 15) !important;border: 1px solid var(--headers) !important;color:var(--names) !important;border-radius: 10px !important;}
button{border-radius: 10px !important;border: 1px dotted var(--headers) !important;font-family: var(--font-family) !important;background-color:rgba(15, 0, 0, 0.5) !important;color:var(--headers) !important;}

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

    table.details-table {
        border-collapse: collapse;
    }

    table.details-table td {
        background-color: transparent !important;
    }

    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: #2a2a2a !important;
        border-bottom: 2px solid;
    }

   

    .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: !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>


Sailor Moon

<style>

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

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

h1, h2, h3, h4, h5, a, p, nav label, .section{ text-transform:uppercase !important;
}


:root {
        --logo-blue: ;
        --darker-blue: ;
        --lighter-blue: purple;
        --even-lighter-blue: ;
        --lightest-blue: ;
        --dark-orange: ;
        --light-orange: ;
        --even-lighter-orange: ;
        --green: yellow;
    }

main {
  /* changes made to stuff outside of columns */
    background: #80008055;
    padding: 0;
    font-size: 80%;
    color: var(--light-orange);
  }

.online{
  color: purple!important;  
}

body {
      
        background-image: url(https://data.whicdn.com/images/298375356/original.jpg) !important;
        background-size: contain;
    }

nav {
  overflow-x: hidden;
  position: relative;
}

nav .top {
  background: transparent;
}

nav .links {
  background: rgba(0, 0, 0, 0.3);
}

nav { background-image: url(https://i.pinimg.com/originals/74/8f/8e/748f8e695b37e00850fd293b457c8980.jpg); }


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

    table.details-table {
        border-collapse: collapse;
    }

    table.details-table td {
        background-color: transparent !important;
    }

    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: #2a2a2a !important;
        border-bottom: 2px solid;
    }

   

    .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: !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;
    }

h1 { border-radius: 35px ;
  background: url(https://i.pinimg.com/originals/d7/c0/ef/d7c0ef07fd15d752552352ab78d26a52.png);
  background-position: ;
  background-repeat: no-repeat;
  padding: 20px;
  width: 250px;
  height: 350px;
}

</style>



80s vibe



<style>


main {
  /* sets background */
    background-image: url(https://i.pinimg.com/originals/dd/2d/e8/dd2de8e78ea2416b421502044b0a1c07.jpg);
    background-repeat: repeat;
    background-size: 50% ;
  }

table, th, td {
  border: 4px solid #DDA0DD;
}

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

h1,h2,h3,h4,h5 {
  color: #DDA0DD;
  text-shadow: 1px 1px 2px black, 0 0 25px black, 0 0 5px black;
}

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

body {
  /* sets background */
    background-image: url(https://i.pinimg.com/originals/c0/97/bb/c097bb1caeac14153b61389cb9c33d89.jpg);
    background-repeat: repeat;
    background-size: 50% ;
  }  

</style>


Pink and White Request

<style>


table, th, td {
  border: 4px solid pink;
}

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

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

:root {
        --logo-blue: ;
        --darker-blue: ;
        --lighter-blue: pink;
        --even-lighter-blue: ;
        --lightest-blue: ;
        --dark-orange: ;
        --light-orange: ;
        --even-lighter-orange: ;
        --green: black;
    }

Main {
  /* sets background */
    background-image: url(https://thumbs.gfycat.com/DistantTiredDog-max-1mb.gif);
    background-repeat: repeat;
    background-size: 50% ;
  }  


.online{
  color: pink!important;  
}

body {
  /* sets background */
    background-image: url(https://i.pinimg.com/736x/62/2d/94/622d9436b07fbffc5dee7499c4497b60.jpg);
    background-repeat: repeat;
    background-size: 50% ;
  }  

nav {
  overflow-x: hidden;
  position: relative;
}

nav .top {
  background: transparent;
}

nav .links {
  background: rgba(0, 0, 0, 0.3);
}

nav { background-image: url(https://thumbs.gfycat.com/UnequaledImmaterialBonobo-small.gif); }

.search-wrapper input[type=text] {background-color: pink !important;border: 1px solid var(--headers) !important;color:var(--names) !important;border-radius: 10px !important;}
button{border-radius: 10px !important;border: 1px dotted var(--headers) !important;font-family: var(--font-family) !important;background-color:rgba(15, 0, 0, 0.5) !important;color:var(--headers) !important;}

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

    table.details-table {
        border-collapse: collapse;
    }

    table.details-table td {
        background-color: transparent !important;
    }

    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: #2a2a2a !important;
        border-bottom: 2px solid;
    }

   

    .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: !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>


Swords and Blood


<style>


h1, h2, h3, h4, p { color: red; }


h1, h2, h3, h4, h5, h6 p { border-radius: 35px;
  background: url(https://png.pngtree.com/thumb_back/fw800/background/20200914/pngtree-splattered-blood-drops-halloween-blood-background-image_398578.jpg);
  background-position: ;
  background-repeat: no-repeat;
  padding: 20px;
  width: 200px;
  height: 150px;
}

body {
  /* sets background */
    background-image: url(https://c4.wallpaperflare.com/wallpaper/497/589/180/fantasy-art-weapon-wallpaper-preview.jpg);
    background-repeat: repeat;
    background-size: 50% ;
  }  

 :root {
        --logo-blue: #4d000055;
        --darker-blue: red;
        --lighter-blue: red55;
        --even-lighter-blue: red55;
        --lightest-blue: pink55;
        --dark-orange: white;
        --light-orange: violet55;
        --even-lighter-orange: pink55;
        --green: red;
    }

main {
  /* changes made to stuff outside of columns */
    background:#ffc0cb55 ;
    padding: 0;
    font-size: 80%;
    color: var(--light-orange);
  }


h1 {
  color: red;
  text-shadow: 1px 1px 2px pink, 0 0 25px pink, 0 0 5px violet;
}

body {

font-family: monospace;
font-weight: bold;
font-style: normal;
text-decoration: none;
}

</style>



Skull/bats/roses requests


<style>

body
        {background: url("https://www.desktopbackground.org/p/2011/10/16/281876_cute-bat-bats-pink-iphone-iodine-wallpaper-backgrounds_500x670_h.jpg")
        no-repeat fixed; background-size: cover;
     }


:root {
  --topic1: "Intro";
  --topic2: "🎤🎧🎵";
  --topic3: "Movies/TV Shows";
  --topic4: "Things I like";
  --topic5: "Books/Writers";
  --topic6: "Misc";

 }

.table-section:not(:last-child) .details-table tr td:first-child p{color:transparent !important;text-shadow: none !important;letter-spacing: -100px;}

.details-table tr td:first-child p::after{
  color:var(--links) !important;
  letter-spacing:normal !important;
   text-shadow: 2px 2px plum !important;
   filter: brightness(95%) !important;
}
.table-section:not(:last-child) .details-table tr:nth-child(1) td:first-child p::after{
  content: var(--topic1);
}
.table-section:not(:last-child) .details-table tr:nth-child(2) td:first-child p::after{
  content: var(--topic2);
}
.table-section:not(:last-child) .details-table tr:nth-child(3) td:first-child p::after{
  content: var(--topic3);
}
.table-section:not(:last-child) .details-table tr:nth-child(4) td:first-child p::after{
  content: var(--topic4);
}
.table-section:not(:last-child) .details-table tr:nth-child(5) td:first-child p::after{
  content: var(--topic5);
}
.table-section:not(:last-child) .details-table tr:nth-child(6) td:first-child p::after{
  content: var(--topic6);
}



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

    table.details-table {
        border-collapse: collapse;
    }

    table.details-table td {
        background-color: transparent !important;
    }

    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: #2a2a2a !important;
        border-bottom: 2px solid;
    }

   

    .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: !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;
    }

nav {
  overflow-x: hidden;
  position: relative;
}

nav .top {
  background: transparent;
}

nav .links {
  background: rgba(0, 0, 0, 0.3);
}

nav { background-image: url(https://i.pinimg.com/originals/58/9d/a7/589da7793cc6d529050cff85d9d08195.gif); }


Main {background: url("https://wallpaperaccess.com/full/1177348.jpg")
        no-repeat fixed; background-size: cover;
     }

:root {
        --logo-blue: ;
        --darker-blue: lavender;
        --lighter-blue: thistle;
        --even-lighter-blue: plum ;
        --lightest-blue: ;
        --dark-orange: plum;
        --light-orange: ;
        --even-lighter-orange: ;
        --green: thistle;
    }





main {
  background-color: transparent;
  color: white;
}
 h1, h2, h3, h4 {color: lavender;}

body { 

font-family: monospace;


</style>

<style>


.online{content:url(http://www.fillster.com/images/icons/50n.gif)

</style>




45 Kudos

Comments

Displaying 20 of 26 comments ( View all | Add Comment )

Xena Hyena

Xena Hyena's profile picture

Thank youuuu


Report Comment

Christina Harris

Christina Harris's profile picture

Using pastel goth right now, put a link to your profile in my about for credit


Report Comment



Thank you!

by Katie; ; Report

Amanda

Amanda's profile picture

Used the dino one and gave credit in a bulletin! Thank you! This really saved my day!


Report Comment

Sabrina

Sabrina 's profile picture

i love BSB thank you!


Report Comment

Light Between darkness(Jake)

Light Between darkness(Ja...'s profile picture

I used the pastel Goth one, looks so cute.


Report Comment

Xx WOLFE xX

Xx WOLFE xX's profile picture

using the space one! thank you!!


Report Comment

Taylor Creart

Taylor Creart's profile picture

you rly just made my whole week with this blog post. thank you sm (':


Report Comment

Gigi Nightmare

Gigi Nightmare's profile picture

Thank you so much. You just made pimping my profile a tad bit easier. You made everything so easy and I am in love with my page layout!!


Report Comment

KingUno

KingUno's profile picture

can u make one of " the fiend"


Report Comment

David Rodriguez

David Rodriguez's profile picture

Thank you so much. I’m gonna use one and replace some stuff and see if I can remix it


Report Comment

Monika

Monika's profile picture

These are great! Totally using the goth one until I figure out coding


Report Comment

XxxBriiixcorexxX

XxxBriiixcorexxX's profile picture

I FINALLY GOT IT TO WORK THANK YOU SO MUCH

YOURE FKN AMAZING FOR TAKIBG THE TINE TO DO THIS FOR IS🖤


Report Comment

xEerieEmilyx

xEerieEmilyx's profile picture

I started using your pastel goth layout! thank you so much


Report Comment

Yoshii

Yoshii's profile picture

dammmm girl you got it!!!!!! thanks a lot I used one of yours and I will try my best to edit more to it.


Report Comment

mona

mona's profile picture

is there any rule to making a request? or does it cost money?


Report Comment

ash lynx

ash lynx's profile picture

you're such an angel!


Report Comment

Raven Elder

Raven Elder's profile picture

Sooooo helpful thank you again!! 🖤🤘


Report Comment

VILExLYNN

VILExLYNN's profile picture

OMG, im learning so much, this helps!!!!!!! thank you!


Report Comment

D ROD

D ROD's profile picture

TYSM !!! keep up the great work !!


Report Comment

𝕸𝖎𝖑𝖊𝕼𝖚𝖎𝖓𝖓

💀𝕸𝖎𝖑𝖊𝕼𝖚𝖎𝖓𝖓💀's profile picture

OMGMGOMG!!!! This is so amazing tysm


Report Comment