profile picture

Published by alex

published
updated

Category: SpaceHey

View alex's Blog

View alex's Profile

Report Blog Entry

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

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 like I did 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 ¯\_(ツ)_/¯



35 Kudos

Comments

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

⭐️Closet of Free Samples⭐️

profile picture

Awesome! Thanks so much!


Report Comment

Donald

profile picture

Very Cool! I just added a pets section, and i will use this code to modify it further in the future!!!!! Thank you


Report Comment

itriedtoescape

profile picture

works perfectly for me! thank you


Report Comment

MissteriousOne

profile picture

Hey, how do I get my sections to where the titles are on top instead of the left side? I would like to just have the content row and not the one on the left where you put the titles. Is there any way to do this?


Report Comment

Terni

profile picture

Hello! Thanks for sharing this. I used it on my profile and it worked


Report Comment

Celine Robichaud

profile picture

Sorry, but this doesn't work in my case :/


Report Comment

Kayla♡Khaos

profile picture

Any idea how to remove sections I dont want?


Report Comment



I'll have to work on it more this weekend, but I figured out you can hide a row this way:


.details-table > tbody > tr:nth-child(3) {
visibility: hidden;
}


Change the number in the parenthesis to which row number you want to hide. In the example above, it's the Movies row.

It leaves a blank space, unfortunately, but like I said I'll work on it more this weekend.

by xGarrettx; ; Report

Noah

profile picture

I tried messing around with it more and this happened haha https://i.ibb.co/c2KNzDz/Screen-Shot-2020-12-22-at-9-44-08-PM.png

Not smart enough with code to figure out what's wrong here, so I'll just stick with the interests I have


Report Comment

alex

profile picture

Hey Noah, I'm not sure why it's not working to be honest, however I did notice that one of the sections (of two) that I added also stopped working. I fiddled around with it just now by adding more and more sections and they started showing up and now I'm back at what is supposed to be my original code (barring some stray spaces somewhere) and it seems to be working as it originally was when I wrote the blog post.

As mentioned in my P.S. I was already confused as to how exactly this was working from a technical perspective when I first posted, so I'm afraid that my only advice is to do like me and mess around with the code I posted until something shows up! Best of luck if you try!


Report Comment

Noah

profile picture

I tried using this but the category text (eg. Pets) doesn't show up. Any ideas on how I can fix this?


Report Comment

mrzool

profile picture

lol i was expecting some crazy hack but this is so simple it blew my mind. Excellent! You're hired.


Report Comment

alex

profile picture

@Joshi sorry for missing your comment, you should be able to use "rgba" colors (so specified in Red Green Blue Alpha format), that's the way I did it. The last component, "alpha", is the same as opacity, if it is 1.0 the color is 100% opaque (and completely not see through), if it is 0.0 is it completely transparent. Let me know if you have issues with it!


Report Comment

Shanen

profile picture

Thank you so much for the explanation too! Works beautifully ^_^


Report Comment

alex

profile picture

Hey @Shanen, I think the most straight forward (although maybe not future proof) way to do it is the following (since I don't know if you're familiar with the `nth-child` selector I'll explain it anyway just in case):





.col.w-40.left :nth-child(8) {
display: none;
}





The idea is that you set "display: none;" on the 8th child element of the .col.w-40.left (the left profile sidebar), which happens to be the element containing the links (I used it myself because I don't need them either, so thank you)


Report Comment

Shanen

profile picture

Hey Alex, do you have any tips to remove the links area from the table?


Report Comment

Nole

profile picture

A tip for table pure in true dose,


and for that I submit to you my kudos


Report Comment

Christopher Elison

profile picture

Very cool, thanks for the tip!


Report Comment

clive

profile picture

Ooooooo very useful -- thank you!


Report Comment

Joshi

profile picture

Hey man! I just wondered how you made your UI transparent, because I copied a code for myspace 1.0 but unfortunately all the color/transparency settings don't work w/ spacehey. Thanks!


Report Comment

An

profile picture

Clever trick!


Report Comment