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!
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>
Comments
Displaying 0 of 0 comments ( View all | Add Comment )