You are either not logged in or not registered with our community. Click here to register.
 
September 28, 2022, 08:23:09 pm

Welcome, Guest. Please login or register.
Did you miss your activation email?

Login with username, password and session length

Click here if you are having problems.
Default Wide Screen Beige Lilac Rainbow Black & Blue October Platinum Send us your theme!

Wiki Blogs Dicebot

Author Topic: Question regarding Spoiler’s and coding  (Read 779 times)

0 Members and 1 Guest are viewing this topic.

Offline SinfullyShyTopic starter

  • Deliciously Submissive
  • Lady
  • Enchanted
  • *
  • Join Date: Jul 2017
  • Gender: Female
  • The exotic taboo of non-consensual love-making.
  • View My Rolls
  • Referrals: 0
Question regarding Spoiler’s and coding
« on: January 05, 2021, 11:34:42 pm »
I was wondering if there was a more attractive option for spoilers/drop down menus? I was thinking of re-working my plots & ideas request thread and was just wondering if there is a more visually appealing type of drop down menu/spoiler

Open Me
I guess I don’t like the way the button looks? Any alternate ideas.

Online Chasing Dreams

  • Head is in the clouds.
  • Dame
  • Enchanter
  • *
  • Join Date: Jun 2016
  • Location: Somewhere in the US.
  • Gender: Female
  • Trying to find my way and my old self again.
  • View My Rolls
  • Referrals: 1
Re: Question regarding Spoiler’s and coding
« Reply #1 on: January 06, 2021, 12:05:04 am »
You can make the spoilers look like the following:

Open Me
What do you think about this?

I'm not sure if there's anything else that can be done to change the look of it. Maybe someone else would know.
« Last Edit: January 06, 2021, 12:21:30 am by Chasing Dreams »

Offline Andronica

  • Lady
  • Addict
  • *
  • Join Date: Nov 2011
  • Location: Canada
  • Gender: Female
  • Lasciate ogne speranza, voi ch'entrate.
  • View My Rolls
  • Referrals: 9
Re: Question regarding Spoiler’s and coding
« Reply #2 on: January 06, 2021, 07:36:58 am »
Hey CS,

If I can piggy back on this thread, is there a link to additional BBcode options including what you put into the spoiler? I couldn't find it with a search in Tutorials or on the BBcode site linked in the Help section.

Offline Endorphin

  • I solemnly swear that I am up to no good.
  • Knight
  • Enchanter
  • *
  • Join Date: Jul 2010
  • Location: Down Under
  • Gender: Male
  • Heyyyy... that's not the Wallet Inspector!
  • View My Rolls
  • Referrals: 0
Re: Question regarding Spoiler’s and coding
« Reply #3 on: January 06, 2021, 09:14:31 am »
Spoilers are inherently styled according to the CSS (Cascading Style Sheet) of the theme you are using. There's a default style, which is then superseded by the theme, if applicable. So, altering the theme will often change the color and minor features of the button along with everything else.

There are a few limited options you can use to amend spoilers just like other BBCode. Examples are height, width and title, where: height='#pixels', width='#pixels' and title='Whatever Label You Want'. You can also position the button for the spoiler anywhere you want just like any other element.

Whatever Label You Want


I just tried playing around with the tags but wasn't able to produce any other change (such as making it an image or changing the style) or nest spoiler codes with others. However, you can insert whatever content you wish inside the spoiler tags, including; links, images, styles, whatever. Quoting this post will reveal the necessary BBCode.
« Last Edit: January 06, 2021, 09:25:50 am by Endorphin »

Offline Nymphadora

  • Tonks, if she were shy. The knitting Nymph. Nymphadorable. Nymphy ♥
  • Dame
  • Enchanter
  • *
  • Join Date: Aug 2013
  • Location: A Canadian in Brooklyn
  • Gender: Female
  • You can't take the sky from me.
  • View My Rolls
  • Referrals: 3
Re: Question regarding Spoiler’s and coding
« Reply #4 on: January 06, 2021, 10:18:37 am »
Well, my mind is officially delighted by these customizations I did not know were possible!
Thanks Chasing Dreams and Endorphin!

Offline Endorphin

  • I solemnly swear that I am up to no good.
  • Knight
  • Enchanter
  • *
  • Join Date: Jul 2010
  • Location: Down Under
  • Gender: Male
  • Heyyyy... that's not the Wallet Inspector!
  • View My Rolls
  • Referrals: 0
Re: Question regarding Spoiler’s and coding
« Reply #5 on: January 06, 2021, 04:21:30 pm »
You're very welcome Nymphadora. The options are limited when you're calling a function (show/hide in this instance) but they're handy nonetheless.

In case you aren't already aware, you can also style images in the same fashion. I'll demonstrate by nesting the styled images within a spoiler, as follows:

Example of Images with a 'height' style applied
By simply modifying the height of the image tag, you can get them to line-up nice and pretty in whatever height you would like to display them - which makes a big difference when displaying multiple images in a row. Clicking on the image will display them in their raw form.

     

     

     



If anybody would like assistance, I'm more than happy to help. ;D

Offline Nymphadora

  • Tonks, if she were shy. The knitting Nymph. Nymphadorable. Nymphy ♥
  • Dame
  • Enchanter
  • *
  • Join Date: Aug 2013
  • Location: A Canadian in Brooklyn
  • Gender: Female
  • You can't take the sky from me.
  • View My Rolls
  • Referrals: 3
Re: Question regarding Spoiler’s and coding
« Reply #6 on: January 06, 2021, 06:29:02 pm »
You're very welcome Nymphadora. The options are limited when you're calling a function (show/hide in this instance) but they're handy nonetheless.

In case you aren't already aware, you can also style images in the same fashion. I'll demonstrate by nesting the styled images within a spoiler, as follows:

Example of Images with a 'height' style applied
By simply modifying the height of the image tag, you can get them to line-up nice and pretty in whatever height you would like to display them - which makes a big difference when displaying multiple images in a row. Clicking on the image will display them in their raw form.

     

     

     



If anybody would like assistance, I'm more than happy to help. ;D

Thanks again. The images I did know about because it satisfies my organisationing fetish but always appreciate a helpful person.  ;D

Offline SinfullyShyTopic starter

  • Deliciously Submissive
  • Lady
  • Enchanted
  • *
  • Join Date: Jul 2017
  • Gender: Female
  • The exotic taboo of non-consensual love-making.
  • View My Rolls
  • Referrals: 0
Re: Question regarding Spoiler’s and coding
« Reply #7 on: January 06, 2021, 09:28:07 pm »
Hey guys! Thank you so much for answering, that helps a lot! I was just wondering because I was thinking of placing each one of my stories under a spoiler instead of having all my stories under only one spoiler!

Offline Endorphin

  • I solemnly swear that I am up to no good.
  • Knight
  • Enchanter
  • *
  • Join Date: Jul 2010
  • Location: Down Under
  • Gender: Male
  • Heyyyy... that's not the Wallet Inspector!
  • View My Rolls
  • Referrals: 0
Re: Question regarding Spoiler’s and coding
« Reply #8 on: January 07, 2021, 01:40:31 am »
I think that's a great idea. Just so you know, you can also have Spoilers nested within Spoilers, like so:

Story Title
Let's put some interesting info here.

Character Details
Some more info here.

Images
Some images over here.

     

Oh, and here's a cool quote:

Quote from: Somebody
Containing a LINK if you want to include one.

And so on...


Enjoy!  ;D

Offline RedPhoenix

Re: Question regarding Spoiler’s and coding
« Reply #9 on: January 08, 2021, 06:47:36 am »
This is really helpful, I never knew I had these options! :)