This user is not visible to guests.
Ohh wow his is amazing! These kind of tabs might be what I've been looking for! But I need help. Is there a way to add more tabs for the "Regular tabs"? I need at least 6 tabs. If it's possible, it would be awesome :o
Or adding more tabs in general, too.
Thank you so much for making this! So useful for leaning how to make tabs in the exact way I wanted!
is there a way to color the outline of the button when it's selected? i'm trying to make it white, but nothing i'm doing is working.
this has helped me so much!! im trying to code in some of those lil box columns for a masterlist code, do you know how i could get separate code-styled texts in the same box one on top of the other? im trying to put an embed link for creator/owner as well as stacking traits and i cant get them to merge :,)
the character attached is my failed attempt at making the code work with an edited f2u code haha
Thank you so much for making this page, I've been trying to figure out how to get column heights to stay the same for the longest time!!
I wanted to know if anyone could tell me how to put a space in between colums that are in a row?
col-1
col-1
col-1
col-1
col-1
col-1
col-1
col-1
col-1
col-1
col-1
col-1
Sorry for replying to an old comment, but hopefully I can help others who might come across this!
1) You can add mr-1 as a class for all of your columns. mr-1 means you would set a margin space on the right side of your selected column. So, based on your code, you would have something like <div class="card col-1 p-1 mr-1">col-1</div> The downside to this is that you run the risk of your row of columns breaking into a new line.
col-1
col-1
col-1
col-1
col-1
col-1
col-1
col-1
col-1
col-1
col-1
col-1
Which brings us to the second option!
2) You can leave the columns as is, but you would remove card from the column's class while leaving p-1 in your original code. You would then add another <div> with the card and p-1 classes within the column. So, based on your code, you would get something like <div class="col-1 p-1"><div class="card p-1">col-1</div></div>
The only downside is that it's more code to add and your columns get slightly thinner, but at least all of them will stay in the same row:
col-1
col-1
col-1
col-1
col-1
col-1
col-1
col-1
col-1
col-1
col-1
col-1
Putting spaces between columns can depend on what you want for your columns in a row, so be sure to experiment and see what works for you and how you want your layout to look. I hope this helps!
not sure how to fix it but tabs sometimes get stuck while your working on coding and its not fixable unless you restart the code at least for me?
I dont know what Im doing wrong but the tabs just wont work for me. Every time I try to add them to anything it either shows all the content from each tab all at once or it doesn't work as tabs at all. I could really use some pointers if no one minds
i know this is suuuper late but did you ever figure out how to make them work? im having that exact issue on https://toyhou.se/31004652.severin-saare/38268885.tma-aus and cant figure out where im going wrong. tysm in advance
Honestly I don't entirely remember what issues I was having in the first place but yeah I would say I've gotten pretty good with coding now and can code tabs consistently. Mind showing me the section of the code? I can then probably pick out what's going wrong from there
https://toyhou.se/38770075.code-thing
I copy pasted it into here! thanks in advance. ive never coded from scratch before so i have no clue what im doing
Np! From what I can see, I believe the problem is that you put the "#" in the id names as well. Typically the # goes in the tab buttons not the ids because it's used to tell the link what to respond to if that makes sense. Just take out the # in the content id names and see if that works. If not, I'll gladly take another look at it :]
Sorry if this is a dumb question, but i just started getting into html TwT What do the pd and mb mean? Putting those into classes change anything or is it just for the name?
I appreciate you compiling all these helpful resources. It's just so much easier to reference yours than go through the bootstrap documentation and fiddle with the codes.
You've saved me so much work, I appreciate it. ♥
I just wanted to say thank you Mr. Demi-God Coder, Sir T^T These are beyond extremely helpful skskfdksha
Not a problem at all! When I was compiling these it was purely for personal reference, but then I had the thought of "if I had these when I started coding I would've had a very good kickstart" so I'm glad to read that these are indeed helping people! :D
Sorry, I'm back XC Could I request a future basic resource for accordion code to go with tabs? (Like on this user's custom code: https://toyhou.se/3537339.-f2u-box-on-rox )
I'll add it to my to do list! I'll only add things as a resource if I can find the functionality by myself without referencing anything another user on here has coded, so it may take awhile for me to figure out how such a thing would work. I also generally don't like working with scrollboxes, so I'll have to see if it's something I can manage!
Coding Resources #3's Comments