Replies

May 31, 2020 5 years ago
kimokawaii
the undead tour guide
User Avatar
Spider Spawn

Is there a way to add classes to existing subeta elements? For example, if I want to give a class.

If not, is there a way to work around this? I basically want to make collapsible elements using Bootstrap (which Subeta supports) but it's not working perfectly because I can't add that class. Clicking on a button makes things appear, but they don't disappear when it's clicked again.

Also: does Subeta not support <script> tags? Would it support external scripts? I've tried using it but it just displays the text within it. :(

UFA: Presences and Karakara // image

Jun 1, 2020 5 years ago
Fire
is sweet
User Avatar
Shinju

You can't use scripts but you can use CSS in unique ways to micmic Some scripts. If you need help making a specific thing let me know and maybe I can help you out / point you in the right direction.

For Bootstrap CSS you can take it as an example / copy the style and apply it to the column. To copy all the styles from an element directly try this: Right click on an element (from bootstrap for example) -> inspect -> on the element that's selected inside the window that pops up Right click on it again ->Copy ->copy Styles

that'll give you all the CSS of an element.

Jun 1, 2020 5 years ago
kimokawaii
the undead tour guide
User Avatar
Spider Spawn

Thanks! Yeah, I was trying to use Boostrap's collapse feature, but you need to give elements a "collapse" class for it to work properly. I'm not sure there's a way to add classes to existing subeta elements (like the pet treasure) without a script, though. :(

UFA: Presences and Karakara // image

Jun 1, 2020 5 years ago
Fire
is sweet
User Avatar
Shinju

Hmmm I'll check bootstrap really quick to see how it works but depending on where you put it/what you're going to collapse it might work differently. For example on my user profile I use something that works like a collapse. Another way to mimic collapse is setting a height to change with :hover (or click) or setting display:none

Jun 1, 2020 5 years ago
kimokawaii
the undead tour guide
User Avatar
Spider Spawn

I ended up going with display: none and toggling that. I didn't know the height trick, though, thank you!

UFA: Presences and Karakara // image

Jun 1, 2020 5 years ago
Fire
is sweet
User Avatar
Shinju

no problem! a few tips to keep in mind:

  • use overflow:hidden; with the height trick so text doesn't spill over

  • you can also use display:inline-block to stack items in a horizontal direction.

  • example of display:none/block: button:hover , :hover {display:block;} the button (although I often use Divs instead of buttons) needs to be 0 pixel from the content so it remains 'hovered over'

  • same idea can also be done with input Check (in css you say when X element is checked, show me Y div)

Please log in to reply to this topic.