• When posting, please be aware that artistic nudity is still nudity and not allowed under RpNation rules. Please edit your pictures accordingly!

    Remember to credit artists when using work not your own.

Help tabs question?

smolfluffball

Dork #1
Roleplay Availability
Roleplay Type(s)
My Interest Check
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:

  • 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.


any help would be super appreciated!! πŸ’•
 

Serobliss

κ³ΌλŒ€ 망상
Helper
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

Code:
[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

Dork #1
Roleplay Availability
Roleplay Type(s)
My Interest Check
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

Code:
[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

css is horrible and i hate it
Roleplay Type(s)
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.

Code:
[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.
 

Users who are viewing this thread

Top