Kaiitlyn's profile picture

Published by

published
updated

Category: Web, HTML, Tech

Layout codes

Entering into "Myspace of 2021" I found it really hard to remember any of the coding I would use to personalize my profile during my actual "Myspace days" and other users blogs were extremely helpful when it came to relearning coding. So I decided to create a blog of my own, where I can keep all my layout codes! This is for not only myself to look back on, but to possibly help others figure out all of this crazy coding stuff. If you happen to have any cool codes or helpful sites, comment them in the comment section!

Feel free to use anything you find here!  
Just copy and paste it in the "About Me" or "Who I'd like to meet" section :)


Current Layout:

<style>

body{background:url(https://i.pinimg.com/originals/ab/f8/13/abf813b38015bb55eb032e48c561780b.jpg
) no-repeat fixed; background-size:cover;}

* {
        font-family: monospace; color: #DBB000
    }


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

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

nav,
footer {
  color: var(--dark-orange); 
  background: transparent;
}

table.comments-table td {
        visibility:hidden; display:none;
    }


</style>
 

1/2 Pink, 1/2 Foggy Woods Layout:

<style>

body{background:url(https://www.pixelstalk.net/wp-content/uploads/2016/10/Desktop-Forest-Backgrounds.jpg
) no-repeat fixed; background-size:cover;}

* {
        font-family: monospace; color: black
    }

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

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

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

nav,
footer {
  color: var(--dark-orange); 
  background: transparent;
}

</style>




Purple and Pink Galaxy Theme:


<style>

body{background:url(http://2.bp.blogspot.com/-YJMEp4fAXv4/UHZUwI3JaII/AAAAAAAALTw/16KPUHLuXSc/w1200-h630-p-k-no-nu/Galaxy+Desktop+Wallpapers+1.jpg
) no-repeat fixed; background-size:cover;}

* {
        font-family: monospace;
    }

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

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

:root {
        --logo-blue: #4d000055;
        --darker-blue: pink;
        --lighter-blue: violet;
        --even-lighter-blue: pink;
        --lightest-blue: pink;
        --dark-orange: purple;
        --light-orange: purple;
        --even-lighter-orange: pink;
        --green: peachpuff;
    }

nav,
main,
footer {
  color: var(--dark-orange);
  background: #000000;
}

</style>


6 Kudos

Comments

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

abigail☆

abigail☆'s profile picture

any way to change the background image for the first one? i tried to replace the URL but it wont work it just makes it the default grey :(


Report Comment

Ash AttackK ! <3

Ash AttackK ! <3's profile picture

you r da best


Report Comment



by Kaiitlyn; ; Report

Kaiitlyn

Kaiitlyn's profile picture

Oh wow, my bad! I fixed it. You can paste it in the "About Me" section or "Who I'd like to meet" section though. It doesn't really matter :)


Report Comment



thanks so much :D

by Calvin K ; ; Report

Calvin K

Calvin K 🌞's profile picture

It doesn't specify where to put the code.. Do you put it in your "About Me" section? I am confused haha


Report Comment