myranda's profile picture

Published by

published
updated

Category: Web, HTML, Tech

Blue smoke, black cats layout!

hi everyone :) This is my first layout inspired by myspace profiles I loved.  pls comment and lmk you're using so I can see!

Paste the layout in your about me section!


layout preview  bluesmokeblackcats


FULL LAYOUT STARTS HERE


<!--- 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 )