The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

How can I get my spoiler to look like this?

View previous topic View next topic Go down

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

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

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


Kamui
Forumember

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

http://narutogaiden.forumotion.com/

Back to top Go down

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

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

bump

Kamui
Forumember

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

http://narutogaiden.forumotion.com/

Back to top Go down

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

Post by Ange Tuteur on 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 ! ^^

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

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

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

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

Kamui
Forumember

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

http://narutogaiden.forumotion.com/

Back to top Go down

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

Post by Ange Tuteur on 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

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

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

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

Thank you very much!

Kamui
Forumember

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

http://narutogaiden.forumotion.com/

Back to top Go down

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

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

Topic solved and archived


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


SLGray
Administrator
Administrator

Male Posts : 36705
Reputation : 2445
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum