hi everyone :) I wanted to share my layout with you and all of the customizations along with it so that you can use them yourself! Feel free to copy just the fun additions or use the whole layout. pls comment and lmk you're using so I can see!
Paste the layout in your about me section! cheats can be added to the about me sections as well above the opening <style> section
cheats below;
img or gif floating top left
<div style="float: ; max-height: 300px; position: fixed; left: 1px; top: 0px; z-index: 400;"><img src="INSERT IMG HERE**" height="220"/></div>
img or gif floating bottom rightt
<div style="float: ; max-height: 300px; position: fixed; right: 1px; bottom: 0px; z-index: 400;">
<img src="INSERT IMG HERE**" height="220"/></div>
img or gif floating top rightt
<div style="float: ; max-height: 300px; position: fixed; right: 1px; top: 0px; z-index: 400;">
<img src="INSERT IMG HERE**" height="220"/></div>
img or gif floating bottom left
<div style="float: ; max-height: 300px; position: fixed; left: 1px; bottom: 0px; z-index: 400;">
<img src="https://img1.picmix.com/output/stamp/thumb/7/7/2/0/1980277_2e6d3.png" height="220"/></div>
img or gif floating under nav and above profile
main:before {
background-image: url(****INSERT IMG HERE****);
background-position: center;
background-size: contain;
display: block;
content: "";
width: 100%;
height: 250px;}
Customize Cursor
<style>
* {cursor: url(https://cur.cursors-4u.net/nature/nat-2/nat120.cur), auto !important;}
</style>
FULL LAYOUT minus floating images feel free to add them back;
<!--- blue smoke black cats by myranda! https://spacehey.com/mtv_1996 ---!>
<style>
* {cursor: url(https://cur.cursors-4u.net/nature/nat-2/nat120.cur), auto !important;}
</style>
<style>
/* Chrome, Edge, and Safari */
*::-webkit-scrollbar {width: 15px;}
*::-webkit-scrollbar-track {
background:URL(https://img1.picmix.com/output/stamp/thumb/6/8/6/6/2376686_53c69.gif);}
*::-webkit-scrollbar-thumb {
background-color: #03EAF1;
border-radius: 10px;
border: 1px solid #0B1111;
}
</style>
<style>
body {
background:URL(https://images.fnewsmagazine.com/2012/02/myspace-backgrounds_7374_1.jpg);
}
.profile {
background-color:black;
color:#ff0095;
text-shadow: 0 0 9px black;
}
.general-about .profile-pic {
display: block; /* Ensure proper layout */
border-radius: 50%; /* Makes the element circular */
border: 5px double #32CD32; /* Adds the hot pink border */
overflow: hidden; /* Ensures the image inside doesn't overflow */
}
.general-about .profile-pic img {
width: 100%; /* Ensures the image fits the container */
height: 100%; /* Ensures the image fits the container */
object-fit: cover; /* Keeps the image aspect ratio and covers the container */
}
div.blog-preview { display: none; }
main {
background:none;
padding: 60px;
}
main:before {
background-image: url(https://img1.picmix.com/output/stamp/normal/7/7/5/3/1423577_6f23e.gif);
background-position: center;
background-size: contain;
display: block;
content: "";
width: 100%;
height: 250px;}
.profile .friends .person p {
color:white }
button {
background-color: transparent;
color: white;
border: 1px solid #32CD32; }
.table-section:nth-last-child(2) .details-table tr:nth-child(5){display:none;}
.table-section:nth-last-child(2) .details-table tr:nth-child(6){display:none;}
.profile .blurbs .section h4 {
color: #FF0097; }
.container {
width:1200px !important;
}
nav .links {
text-align:center; }
.profile .friends .person p:hover { color:red; }
/* about bg */
body > div.container > main > div.row.profile > div.col.right > div.blurbs > div.inner {
background:URL(https://images.fnewsmagazine.com/2012/02/myspace-backgrounds_7374_1.jpg);
}
/*contact bg*/
.friends-grid {
background:URL(https://img1.picmix.com/output/stamp/thumb/6/5/6/1/1821656_75dc1.gif);
}
/* contact icons */
.contact .inner a img {
font-size: 0;
}
.contact .inner a img:before {
font-size: 1em;
display: block
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {
/* add to friends */
content: "☆"
}
.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {
/* add to favorite */
content: "☆"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {
/* send a message */
content: "☆"
}
.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {
/* foward to friend*/
content: "☆"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {
/* instant message */
content: "☆"
}
.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {
/* block user */
content: "☆"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {
/* add 2 group */
content: "☆"
}
.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {
/* report */
content: "☆"
}
footer {
background-image:
url(https://hosting.photobucket.com/7b763a86-f262-4547-bd3b-e0cdc8abd441/b749f415-2f35-4078-aa77-cd9a04d05faf.jpg?width=0&height=0&fit=bounds) !important;
}
footer p {
color: white; }
.online{
content: url('http://www.myspacegens.com/images/online_now/146.gif');
}
nav .top {
background: url("https://hosting.photobucket.com/7b763a86-f262-4547-bd3b-e0cdc8abd441/b749f415-2f35-4078-aa77-cd9a04d05faf.jpg?width=0&height=0&fit=bounds") !important;
}
:root {
--logo-blue: White;
--darker-blue:white;
--lighter-blue:#32CD32;
--even-lighter-blue:#ff0095;
--lightest-blue:##3c0130;
--dark-orange:White;
--light-orange:#8e0d3e;
--even-lighter-orange:black;
--green:black;#ff0090
}
.profile .blurbs .heading, .profile .friends .heading {
background: #32CD32;
}
div.ah.df.dg.dh {
border-radius: 0 0 10px 10px;
}
div.b4.ah.dx.dy.dz.e0 {
border-radius: 10px 0 0 0;
}
.details-table td:first-child {
background:URL(https://img1.picmix.com/output/stamp/thumb/4/5/4/4/494454_65710.gif);
color: #1D4ED8;
}
.comments-table td:first-child {
background:URL(https://img1.picmix.com/output/stamp/thumb/4/5/4/4/494454_65710.gif);
}
.comment-replies {
border: 1px solid white; }
<style>
.friends .heading{ font-size:0; }
.friends .heading:before{ content: " ☆ ♡ friends ♡ ☆"; font-size:.8rem; font-weight:bold;
color:White; }
}
.friends#comments .heading{ font-size:0; }
.friends#comments .heading:before{ content: "☆ ♡ comments ☆ ♡"; font-size:.8rem; font-weight:bold;
color:White; }
}
.profile .table-section .heading h4 { font-size:0; }
.profile .table-section .heading h4:before{ content: "☆ ♡ ☆ ♡ ☆"; font-size:.8rem; font-weight:bold;
color:White; }
}
.contact .heading{ font-size:0; }
.contact .heading:before{ content: "☆ ♡ say hi ☆ ♡"; font-size:.8rem; font-weight:bold;
color:White; }
}
.blurbs .heading{ font-size:0; }
.blurbs .heading:before{ content: "☆ ♡ about me ☆ ♡"; font-size:.8rem; font-weight:bold; color:White; }
}
</style>
Comments
Displaying 0 of 0 comments ( View all | Add Comment )