I'll update this as my collection of things grows... most code is ripped from old spacehey layouts and blogs.
REMEMBER TO ADD STYLE /STYLE!
add a banner at the top of your profile
main:before {
width: 100%;
height: 250px;
display: block;
content: "";
background-image: url(UR IMG HERE);
background-position: center center;
background-size: cover;
}
change the background
body {
background: url(UR IMG HERE) no-repeat center center fixed;
background-size: cover;
}
scrolling comments box
.comments-table {
display: block;
height: 500px;
overflow-y: scroll;
}
change the inner background
main{
background-color: #706362 !important;
background-image: url(UR IMG HERE) !important;
background-attachment: FIXED !important;
background-repeat: NO-REPEAT !important;
background-position: top left !important;
background-size: cover !important; }
recolor boxes
*set as grey-black, change hex code to whatever you want
:root {
--logo-blue: #0f0f0f;
--darker-blue: #0f0f0f;
--lighter-blue: #0f0f0f;
--even-lighter-blue: #0f0f0f;
--lightest-blue: #0f0f0f;
--dark-orange: #0f0f0f;
--light-orange: #0f0f0f;
--even-lighter-orange: #0f0f0f;
--green: #0f0f0f;
}
change online image
.online { visibility: hidden; } .online img { content: url("UR IMG HERE"); animation-name: none; visibility: visible; height: 43px; width: 90px; }
rename interest boxes
*topic 1 also changes social box name... not sure why
.details-table td:first-child{
color:rgb(0, 0, 0);
}
.table, th, td {
border: 0px solid;
}
:root {
--topic1: "NAME HERE";
--topic2: "NAME HERE";
--topic3: "NAME HERE";
--topic4: "NAME HERE";
--topic5: "NAME HERE";
--topic6: "NAME HERE";
}
.table-section:not(:last-child) .details-table tr td:first-child p{color:transparent !important;text-shadow: none !important;letter-spacing: -100px;}
.details-table tr td:first-child p::after{
color:white !important;
letter-spacing:normal !important;
text-shadow: 2px 2px black !important;
filter: brightness(95%) !important;
}
.details-table tr:nth-child(1) td:first-child p:first-child {
display: none;
}
.details-table tr:nth-child(1) td:first-child::after {
content: var(--topic1);
}
.details-table tr:nth-child(2) td:first-child p:first-child {
display: none;
}
.details-table tr:nth-child(2) td:first-child::after {
content: var(--topic2);
}
.details-table tr:nth-child(3) td:first-child p:first-child {
display: none;
}
.details-table tr:nth-child(3) td:first-child::after {
content: var(--topic3);
}
.details-table tr:nth-child(4) td:first-child p:first-child {
display: none;
}
.details-table tr:nth-child(4) td:first-child::after {
content: var(--topic4);
}
.details-table tr:nth-child(5) td:first-child p:first-child {
display: none;
}
.details-table tr:nth-child(5) td:first-child::after {
content: var(--topic5);
}
.details-table tr:nth-child(6) td:first-child p:first-child {
display: none;
}
.details-table tr:nth-child(6) td:first-child::after {
content: var(--topic6);
}
alt code here VVV
table, th, td {
border: 0px solid;
}
:root {
--topic1: "NAME HERE";
--topic2: "NAME HERE";
--topic3: "NAME HERE";
--topic4: "NAME HERE";
--topic5: "NAME HERE";
--topic6: "NAME HERE";
}
.table-section:not(:last-child)
.details-table tr td:first-child p{color:transparent
!important;text-shadow: none !important;letter-spacing: -100px;}
.details-table tr td:first-child p::after{
color:var(--links) !important;
letter-spacing:normal !important;
text-shadow: 2px 2px black !important;
filter: brightness(95%) !important;
}
.table-section:not(:last-child) .details-table tr:nth-child(1) td:first-child p::after{
content: var(--topic1);
}
.table-section:not(:last-child) .details-table tr:nth-child(2) td:first-child p::after{
content: var(--topic2);
}
.table-section:not(:last-child) .details-table tr:nth-child(3) td:first-child p::after{
content: var(--topic3);
}
.table-section:not(:last-child) .details-table tr:nth-child(4) td:first-child p::after{
content: var(--topic4);
}
.table-section:not(:last-child) .details-table tr:nth-child(5) td:first-child p::after{
content: var(--topic5);
}
.table-section:not(:last-child) .details-table tr:nth-child(6) td:first-child p::after{
content: var(--topic6);
}
pinned polaroid pfp
*stretches your pfp sideways a little
.profile-pic:before {
content: url("https://www.clipartbest.com/cliparts/dc7/eyy/dc7eyybRi.png");
z-index: 2;
position: absolute;
transform: scale(0.2);
transform-origin: 15% -15%;
}
.profile-pic img {
border: 8px solid white;
border-block-end: 30px solid white;
scale: 1.1;
transform: rotate(-4deg);
transform-origin: 95% 70%;
box-shadow: 5px 5px 5px #000000B3;
}
skeleton cursor
* {cursor: url(https://cur.cursors-4u.net/holidays/hol-4/hol335.cur), auto !important;}
change logo
.logo {
content:url("UR IMG HERE");
}
Comments
Displaying 0 of 0 comments ( View all | Add Comment )