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

Ash of The Dead

 Ash of The Dead'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