Tags: html
Description:
Used this code to change "books" & "heroes" to any name, cause I don't read much of books and I don't have heroes. You can change any other title on the Interest Table but you CAN'T make another row/collum using this code.
Preview:
Copy and paste this code into the "About me" section of your Profile to use it.
Caution: This Layout was not inspected by SpaceHey — use it at your own risk.
Comments
Displaying 20 of 46 comments ( View all | Add Comment )
iPodsRlifeXOXO
TY!! USING
Report Comment
Discuit
Using!!!
Report Comment
♡ NAUMAI
hey I don't know what I'm doing wrong but I'm doing the thing and its not showing up with anything? I tried not deleted the ' " ' and did it but it still didn't work
Report Comment
I'm having the same issue. Have you figured out the problem yet?
by NYX; ; Report
Hey so I did find out how to do it properly!
Copy this code and put it wherever you want,
:root {
--topic1: "Custom Name Here";
--topic2: "Custom Name Here";
--topic3: " Custom Name Here";
--topic4: "Custom Name Here";
--topic5: "Custom Name Here";
--topic6: "Custom 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 white !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);
}
You can copy the " --topic(NUMBER FOR EG): "Custom Name Here";" and replace what I put in brackets to the next number after the very last one. For example, it would be 7. So it would look like this " --topic7: "Custom Name Here";"
You can do the same thing with the "}
.table-section:not(:last-child) .details-table tr:nth-child(6) td:first-child p::after{
content: var(--topic6);" But change the number to the next number of the previous code (if that makes sense to you)
hope this helps :3
by ♡ NAUMAI; ; Report
Scotch
using!
Report Comment
Sidgirl5
using! Btw does anybody know how to remove the shadow/black part on the text or is that just a me thing? Sorry I don't know anything about HTML or CSS :c
Report Comment
hihi! if you mean the black coloring, the first step is to find this code:
"color:var(--links) !important;
letter-spacing:normal !important;
text-shadow: 2px 2px black !important;
filter: brightness(95%) !important;"
there you can change the part that says "black" to any color/hex code you want!
by Kenny !; ; Report
tysm for the help!
by Sidgirl5; ; Report
goriess
using!!!
Report Comment
Ant
using!
Report Comment
Lawrence555
using
Report Comment
誰か?
using, thanks so much for sharing!!
Report Comment
nena nana
usinggg
Report Comment
lian ʚɞ
using!!
Report Comment
alex
USINGG!! :33
Report Comment
★★★lolo★★★
usandoo
Report Comment
pmasonl
omgosh thank you this is awesome
Report Comment
Klahamybeloved
USSIIINNNGG!!
Report Comment
L☆mon
Using!
Report Comment
nena nana
using
Report Comment
Cherry (^_^ zzzzz)
Using :D
Report Comment
🪶JAMIE🪶
using!! omg you're my hero tysm
Report Comment
Insomniac ˘ o ˘
You saved my ass thank you so much bro
Report Comment