myranda's profile picture

Published by

published
updated

Category: Web, HTML, Tech

Blue smoke, black cats myspaceee layout! plus customization cheats;

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>


0 Kudos

Comments

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