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>
Comments
Displaying 4 of 4 comments ( View all | Add Comment )
abigail☆
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
you r da best
Report Comment
by Kaiitlyn; ; Report
Kaiitlyn
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
It doesn't specify where to put the code.. Do you put it in your "About Me" section? I am confused haha
Report Comment