How can I get my spoiler  to look like this? Hitskin_logo Hitskin.com

This is a Hitskin.com skin preview
Install the skinReturn to the skin page

The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.
3 posters

    How can I get my spoiler to look like this?

    Kamui
    Kamui
    Forumember


    Male Posts : 291
    Reputation : 3
    Language : English
    Location : Greed Island

    Solved How can I get my spoiler to look like this?

    Post by Kamui March 21st 2016, 6:14 pm

    I'm wondering how get my spoilers to look like this.

    How can I get my spoiler  to look like this? 59a99a10
    Kamui
    Kamui
    Forumember


    Male Posts : 291
    Reputation : 3
    Language : English
    Location : Greed Island

    Solved Re: How can I get my spoiler to look like this?

    Post by Kamui March 23rd 2016, 3:32 am

    bump
    Ange Tuteur
    Ange Tuteur
    Forumaster


    Male Posts : 13207
    Reputation : 3000
    Language : English & 日本語
    Location : Pennsylvania

    Solved Re: How can I get my spoiler to look like this?

    Post by Ange Tuteur March 23rd 2016, 10:59 am

    Hi @Kamui,

    Could you provide an URL to a topic on your forum that has a spoiler in it ?

    Thanks ! ^^
    Kamui
    Kamui
    Forumember


    Male Posts : 291
    Reputation : 3
    Language : English
    Location : Greed Island

    Solved Re: How can I get my spoiler to look like this?

    Post by Kamui March 23rd 2016, 1:41 pm

    Link: http://narutowindstorm.motionforum.net/t9-mainstream-systems#20
    Ange Tuteur
    Ange Tuteur
    Forumaster


    Male Posts : 13207
    Reputation : 3000
    Language : English & 日本語
    Location : Pennsylvania

    Solved Re: How can I get my spoiler to look like this?

    Post by Ange Tuteur March 23rd 2016, 2:39 pm

    Add this to your CSS :
    Code:
    dl.codebox.spoiler, dl.codebox.spoiler > dt {
      background:none;
      border:none;
    }

    dl.codebox.spoiler > dd {
      background:none;
      border:1px solid #666;
      border-bottom-color:#CCC;
    }

    dl.codebox.spoiler > dt:after {
      content:"Show";
      color:#333;
      background:#EEE;
      border:1px solid #333;
      display:inline-block;
      padding:1px 8px;
      margin:0 3px;
      vertical-align:middle;
    }

    dl.codebox.spoiler > dt:hover:after {
      background:#FFD;
    }

    It should give you a similar effect. btw the button is actually a pseudo-button made with the CSS above, you can edit it to look like whatever you want. Smile
    Kamui
    Kamui
    Forumember


    Male Posts : 291
    Reputation : 3
    Language : English
    Location : Greed Island

    Solved Re: How can I get my spoiler to look like this?

    Post by Kamui March 23rd 2016, 8:10 pm

    How can I get my spoiler  to look like this? 1f601  Thank you very much!
    SLGray
    SLGray
    Administrator
    Administrator


    Male Posts : 51499
    Reputation : 3523
    Language : English
    Location : United States

    Solved Re: How can I get my spoiler to look like this?

    Post by SLGray March 23rd 2016, 8:11 pm

    Topic solved and archived



    How can I get my spoiler  to look like this? Slgray10

    When your topic has been solved, ensure you mark the topic solved.
    Never post your email in public.