alex's profile picture

Published by

published
updated

Category: SpaceHey

[HTML] How to add more rows to your interests section

Success! Kudos added.

Hi everyone, I want to show you how you can add additional interests to your "Interests" section on SpaceHey!


All you need to do is reproduce the HTML structure of the interests section and add it to any of the existing interest fields, like so:

<tr>
  <td>
    <p>Pets</p>
  </td>
  <td>
    <p>I have two dogs, Chicca and Eevee</p>
  </td>
</tr>

How to insert

The end result is this:



I hope you have fun with it!

I have a lot more tricks I want to write about and show you but this week I've got a lot of work to get done so it's going to have to wait, stay tuned!



P.S. for the more technical readers, you might have expected that you need to inject the desired HTML by closing the previous tags and then proceeding to enter your desired content, but this doesn't seem to be the case. SpaceHey is performing some processing on the input and it ends up being the way you see it in my example ¯\_(ツ)_/¯



342 Kudos

Comments

Displaying 20 of 78 comments ( View all | Add Comment )

☆𝕀'𝕄-𝕃☆

☆𝕀'𝕄-𝕃☆'s profile picture

Using thx (>‿<)/


Report Comment

Boro

Boro's profile picture

Hi, anyone knows how to edit previously created ones? I have this weird thing that the "heroes" row says "videogames" but I wanted to know how did I change it.


Report Comment



:root {
--topic1: "General"; /* EDIT INTEREST LABELS HERE */
--topic2: "Music";
--topic3: "Fandoms";
--topic4: "Hobbies";
--topic5: "Favorites";
--topic6: "Flags";

}

.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 #4d8a6a !important; /* CHANGE COLOR OF INTEREST LABELS HERE */
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);
}

by Moon (Profile in construction); ; Report

And I forgot to mention you need to add at the beggining and at the end, hope this helped :]!/gen

by Moon (Profile in construction); ; Report

zeeluhzombiez

zeeluhzombiez's profile picture

thank you so much!!


Report Comment

Wedn3sday_

Wedn3sday_'s profile picture

It really helped thank you !


Report Comment

JANE

JANE's profile picture

thank yew, I loveyt


Report Comment

miami

miami's profile picture

Thank you sm


Report Comment

miami

miami's profile picture

Thank you sm


Report Comment

miami

miami's profile picture

Thank you sm


Report Comment

ShawShauxz

ShawShauxz's profile picture

Usinggg <3


Report Comment

leo

leo's profile picture

thank you bru


Report Comment

WildWorld

WildWorld's profile picture

Man, this is great! I'll probably use this to add another section for photos.


Report Comment

Serlei

Serlei's profile picture

Using!! :D


Report Comment

🎀𝐺𝑎𝑏𝑟𝑖𝑒𝑙𝑙𝑒🎀🍉

🎀𝐺𝑎𝑏𝑟𝑖𝑒𝑙𝑙𝑒🎀🍉's profile picture

Omg thank u🐻‍❄️ྀིྀི


Report Comment

۶ৎ buni

۶ৎ buni's profile picture

૮꒰ ˶• ༝ •˶꒱ა ♡ using ᵎᵎ


Report Comment



Also thank you !!

by ۶ৎ buni; ; Report

<?>Charlie

<?>Charlie's profile picture

Thank Youu


Report Comment

angeLfluff⋆⋆⋆⋆

angeLfluff⋆⋆⋆⋆'s profile picture

so why it doesn't add the title on my layout? the interest is created, text is filled, the interest title is empty. added the code to the heroes. i hope i find the solution ty


Report Comment



Hi! I had the same issue!

You are probably entering your new topics just fine as long as its in the "Heroes" part, but what you may be missing is code specific to your layout.

I added the following to my about me section so that the names showed up for the new topic sections :)




table, th, td {
border: 0px solid;
}
:root {
--topic1: "TOPIC1";
--topic2: "TOPIC2";
--topic3: "TOPIC3";
--topic4: "TOPIC4";
--topic5: "TOPIC6";
--topic7: "TOPIC7";
--topic8: "TOPIC8";
}
.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);
}
.table-section:not(:last-child) .details-table tr:nth-child(7) td:first-child p::after{
content: var(--topic7);
}
.table-section:not(:last-child) .details-table tr:nth-child(8) td:first-child p::after{
content: var(--topic8);
}



In this case, I added 2 more topics so now I have 8 topics in total. If you have more than 8, then add for example:


--topic9: "TOPIC9";


to the
:root
part and


.table-section:not(:last-child) .details-table tr:nth-child(9) td:first-child p::after{
content: var(--topic9);
}


to the bottom. Remember that the part
tr:nth-child
needs to have the number in it too, which is why it says "9" in the example.
The more topics you add, the numbers will increase.

Hope this helps you out!

by Butai; ; Report

zomg ty ill try it

by angeLfluff⋆⋆⋆⋆; ; Report

Vamp_Bunz

Vamp_Bunz's profile picture

Does anyone know how to change the interest name color??? it just shows up as white for me


Report Comment

🇲🇽✭Em✭🇸🇻

🇲🇽✭Em✭🇸🇻's profile picture

THANK YOUUU


Report Comment

Fried Organs

Fried Organs's profile picture

Ty man


Report Comment

sof x_x

sof x_x's profile picture

thank youu ^_^


Report Comment