Katie's profile picture

Published by

published
updated

Category: Web, HTML, Tech

View Blog View Profile Report Blog Entry

Requested Layouts 2


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 

Layouts Request 1



Premades


Sunflower 

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


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


.online{
  color: yellow!important;  
}

Main {background: url("https://i.pinimg.com/originals/e1/b7/a3/e1b7a3dbff706e3526f770d68d52edd4.jpg")
        no-repeat fixed; background-size: cover;
     }

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


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

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


Witchy

<style>

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

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: url("https://i.pinimg.com/originals/d0/c7/1b/d0c71b3f3482b0905884442ca1604258.gif")
        no-repeat fixed; background-size: cover;
     }


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: 35px;
        background: purple !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>

Green day 

<style>



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


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


body
        {background: url("https://i.pinimg.com/originals/3f/63/c6/3f63c6bcc48f6631496a70fac6c277a6.jpg")
        no-repeat fixed; background-size: cover;
     }

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

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


h1 {
  color: white;
  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>


Teal/Lavender Request

<style>

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

h1 {
  color: teal;
  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:lowerercase !important;
}


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


.online{
  color: #98FF98!important;  
}

Main {background: url("https://wallpapercave.com/wp/wp6219357.jpg")
        no-repeat fixed; background-size: cover;
     }

body
        {background: url("https://i.pinimg.com/originals/96/1c/4d/961c4d46451cb033d5c2246dc0f3cab7.jpg")
        no-repeat fixed; background-size: cover;
     }


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

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


Supernatural Request

<style>

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

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

nav .top {
  background: transparent;
}

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

nav { background-image: url(); }

body
        {background: url("https://i.pinimg.com/originals/7e/40/15/7e4015802fbaa5d5cf22c156625280bb.jpg")
        no-repeat fixed; background-size: cover;
     }
:root {
        --logo-blue: ;
        --darker-blue: red;
        --lighter-blue: darkred;
        --even-lighter-blue: ;
        --lightest-blue: ;
        --dark-orange: red;
        --light-orange: ;
        --even-lighter-orange: ;
        --green: red;
    }


  Main {
        {background: url("")
        no-repeat fixed; background-size: cover;
     
      }
    padding: 2px;
    font-size: 80%;
    color: var(--light-orange);
  }



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

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

body { 

font-family: monospace;

     

</style>


Nordic Style

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


:root{
  --names: silver;
  --font-family: 'New Rocker', cursive;
  --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: silver;}

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


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

  

.online{
  color: gold !important;  
}
 
:root {
        --logo-blue: ;
        --darker-blue: ;
        --lighter-blue: gold;
        --even-lighter-blue: ;
        --lightest-blue: ;
        --dark-orange: ;
        --light-orange: ;
        --even-lighter-orange: ;
        --green: gold;
    }

Main {background: url("https://i.pinimg.com/originals/ef/20/48/ef2048035b6db648c9f245060f0efe88.jpg")
        no-repeat fixed; background-size: cover;
     }


body {
  background-color: #111;
}


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

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


<style>


body > div.container > main > div > div.col.w-40.left > div.contact > div.inner > div > div > a { visibility: hidden; }

body > div.container > main > div > div.col.w-40.left > div.contact > div.inner { margin: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }

body > div.container > main > div > div.col.w-40.left > div.contact > div.inner > div:nth-child(1) > div:nth-child(1) > a { content:url("https://i.pinimg.com/originals/af/7c/26/af7c26e94361eb2986b60d20cde6b8eb.gif"); visibility: visible; height: 30px; width: 32px; }

body > div.container > main > div > div.col.w-40.left > div.contact > div.inner > div:nth-child(1) > div:nth-child(2) > a { content: url("https://64.media.tumblr.com/00a291f3094b1ffcd13d173c61c97f00/e096650de635462c-3e/s400x600/f188fa4bedf51450084cb06c1beb6f5967fef9d8.gifv"); visibility: visible; height: 30px; width: 32px; }

body > div.container > main > div > div.col.w-40.left > div.contact > div.inner > div:nth-child(2) > div:nth-child(1) > a { content: url("https://media1.tenor.com/images/c402fa09dad70aa0f3dab03071eeaa6f/tenor.gif?itemid=17485769"); visibility: visible; height: 20px; width: 32px; }

body > div.container > main > div > div.col.w-40.left > div.contact > div.inner > div:nth-child(2) > div:nth-child(2) > a { content: url("https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSeyNSda79CUOpvCN_pZWnqj3JGEvw2QFm5Iw&usqp=CAU"); visibility: visible; height: 20px; width: 32px; }

body > div.container > main > div > div.col.w-40.left > div.contact > div.inner > div:nth-child(3) > div:nth-child(1) > a { content: url("https://i.pinimg.com/originals/33/01/fc/3301fce272c92c22cd19fff89b741fc1.jpg"); visibility: visible; height: 30px; width: 32px; }

body > div.container > main > div > div.col.w-40.left > div.contact > div.inner > div:nth-child(3) > div:nth-child(2) > a { content: url("https://www.realmofhistory.com/wp-content/uploads/2018/01/12-norse-gods-goddesses-facts-min.jpg"); visibility: visible; height: 30px; width: 32px; }

body > div.container > main > div > div.col.w-40.left > div.contact > div.inner > div:nth-child(4) > div:nth-child(1) > a { content: url("https://blog.vkngjewelry.com/wp-content/uploads/2020/05/Norse-Mythology_-Odin-Allfather.png"); visibility: visible; height: 30px; width: 32px; }

body > div.container > main > div > div.col.w-40.left > div.contact > div.inner > div:nth-child(4) > div:nth-child(2) > a { content: url("https://media.mythopedia.com/assets/images/norse-mythology/gods/loki/loki-arthur-rackham-1911.jpg?q=50&w=320&auto=format"); visibility: visible; height: 30px; width: 32px; }

#comments > div.inner > table > tbody > tr > td > p.report > a { visibility: hidden; }
#comments > div.inner > table > tbody > tr > td > p.report > a { content: url("https://raw.githubusercontent.com/zsoltsandor/spacehey-hacks/main/report_comment_1.gif"); visibility: visible; height: 20px; width: 132px; float: right; }
</style>

Pokemon Request


<style>

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


:root{
  --names: Violet;
  --font-family: 'New Rocker', cursive;
  --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: violet;}

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

body
        {background: url("https://i.pinimg.com/originals/cd/f9/b5/cdf9b5a8a57b3020f204f4633b055a9f.jpg")
        no-repeat fixed; background-size: cover;
     }

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


:root {
        --logo-blue: #4d000055;
        --darker-blue: pink;
        --lighter-blue: pink;
        --even-lighter-blue: #80008055;
        --lightest-blue:#80008055 ;

        --dark-orange: white;
        --light-orange: #80008055;
        --even-lighter-orange:#80008055;
        --green: pink;
    }

main {
  /* changes made to stuff outside of columns */
    background: #ffc0 ;
    padding: 0;
    font-size: 80%;
    color: var(--light-orange);
  }
p{
  border-style: solid;
  border-width: 1px 1px; 
border-color: violet;

</style>


Black and Red 


<style>

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

: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);
  }

body {

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

</style>


9 Kudos

—

Comments

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

ItsMattYo_

 ItsMattYo_'s profile picture

Totally started using the pokemon one!

It looks absolutely incredible, you have a real talent for coding


Report Comment

xGh0stiix

 xGh0stiix's profile picture

totally using the witchy theme


Report Comment

Rich

 Rich's profile picture

Thank you so much for your coding work. I'm a proud user of one of your profile codes. I love it.


Report Comment

*~*eRiKa LyNn*~*

 *~*eRiKa LyNn*~*'s profile picture

Can you make a vans warped tour or emo styled one?


Report Comment

Flo [RAWR]

 Flo [RAWR]'s profile picture

Using the witchy background! You are the best for making these layouts!


Report Comment

🫀Kinderwhore🫀

 🫀Kinderwhore🫀's profile picture

Can you do a mother witch aesthetic one? With like crystal gifs and stuff? And like purple etc
💜🔮🕯️


Report Comment

💜🎮🇧🇻Alexis Roe🏳️‍🌈🖤

 💜🎮🇧🇻👻Alexis Roe🤓💀🏳️‍🌈🖤's profile picture

Wont let me open the first link :'(


Report Comment