Help tabs question?

[smolfluffball]

hey there lovely coders! i know literally nothing about code so i don't know if this is even possible but!! tabs. is there a way to change the default colored outline of them? or the appearance of them? i'm talking mostly on dark mode since they are... not the nicest to look at on dark mode :') (no shame though, i love the tabs so much.) i'm willing to try some like... coding to get them to look a little nicer but i don't even know where to start :'D

also the tabs i'm talking about are literally the most basic ones available on rpn pfff:

• One
• Two
• Three

• Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
• fdskfsdfskf help
• idk if its even possible to change the appearance of them ahaha

any help would be super appreciated!!

 

[Novelight]

or the appearance of them?

Customization is possible, but it's through loopholes using CSS. Considering your knowledge of code is limited I suggest you don't attempt it unless you're looking to learn CSS completely. Or have someone code one for you of your preferred design. Learning how to create custom tabs is one of the more difficult challenges most novice coders face.

is there a way to change the default colored outline of them?

There is a method, but it's limited. It'll also mess with the codes inside the tab content if you're planning to put anything other than text.

• Content 1
• Content 2
• Content 3

• Content
• Content
• Content

[border=0; padding: 0; filter: hue-rotate(120deg)][tabs][tab=Content 1]Content[/tab][tab=Content 2]Content[/tab][tab=Content 3]Content[/tab][/tabs][/border]

Play around with "filter: hue-rotate(120deg)" to get the color you want.

 

[smolfluffball]

Customization is possible, but it's through loopholes using CSS. Considering your knowledge of code is limited I suggest you don't attempt it unless you're looking to learn CSS completely. Or have someone code one for you of your preferred design. Learning how to create custom tabs is one of the more difficult challenges most novice coders face.


There is a method, but it's limited. It'll also mess with the codes inside the tab content if you're planning to put anything other than text.

• Content 1
• Content 2
• Content 3

• Content
• Content
• Content

[border=0; padding: 0; filter: hue-rotate(120deg)][tabs][tab=Content 1]Content[/tab][tab=Content 2]Content[/tab][tab=Content 3]Content[/tab][/tabs][/border]

Play around with "filter: hue-rotate(120deg)" to get the color you want.

oooo this is very helpful!! i'll play around with the code some to figure out how the color works if you don't mind my asking, i've always wondered what padding means in coding? i.... think i understand what border means is there a thread on the site that'd help a novice like me learn things?

 

[Mister Glass]

oooo this is very helpful!! i'll play around with the code some to figure out how the color works if you don't mind my asking, i've always wondered what padding means in coding? i.... think i understand what border means is there a thread on the site that'd help a novice like me learn things?

You should check out the discord server! Join the 𝙇𝙀𝙑𝙀𝙇 𝙐𝙋! 𝘽𝘽𝘾𝙊𝘿𝙀𝙍𝙎 Discord Server!
Also, padding is like a border, but* it's internal.

[border=5px solid green; padding: 0px]yeet[/border]
[border=none; padding: 50px; background: black]yeet[/border]

yeet

yeet

notice how in the place with padding, there's space around the word, while with border, the space goes outwards.