Hi all :D:
i want to ask :)

how to design "Quote" and "spoiler" on forumotion?

I really like this design,

display the "quote" and "spoiler" in the design becomes more attractive

For Spoiler:


For Quote


Please help me :D:

Thanks before ;)

Source:
http://www.duelacademy.net/t25920p75-the-best-of-the-class-tournament#250366
http://www.duelacademy.net/t26603-still-tier-1#250367

My forum:
http://astajim.indonesianforum.net/

Add this to your CSS:

Code:

.spoiler_closed.hidden{
  display:none
}
.code{
  color: grey !important;
  background: url('http://i46.servimg.com/u/f46/12/16/55/86/code11.png') no-repeat;
  background-position:right bottom;
  padding: 10px 10px 26px 10px;
  background-color: #141414;
  border-radius:0px 0px 8px 8px;
  -moz-border-radius:0px 0px 8px 8px;
  -webkit-border-radius:0px 0px 8px 8px;
  -khtml-border-radius:0px 0px 8px 8px;
  border-bottom: 5px solid #05183b;
  border-left: 1px solid #292929;
  border-right:1px solid #292929;
  border-top: 1px solid #141414;
  }
.quote{
  color: grey !important;
  padding: 10px 10px 26px 10px;
  background: url('http://i46.servimg.com/u/f46/12/16/55/86/quote211.png') no-repeat;
  background-position:right bottom;
  background-color: #141414;
  border-radius:0px 0px 8px 8px;
  -moz-border-radius:0px 0px 8px 8px;
  -webkit-border-radius:0px 0px 8px 8px;
  -khtml-border-radius:0px 0px 8px 8px;
  border-bottom: 5px solid #05183b;
  border-left: 1px solid #292929;
  border-right:1px solid #292929;
  border-top: 1px solid #141414;
  }
.spoiler_content{
  color: grey !important;
  padding: 10px 10px 26px 10px;
  background: #141414;
  border-radius:0px 0px 8px 8px;
  -moz-border-radius:0px 0px 8px 8px;
  -webkit-border-radius:0px 0px 8px 8px;
  -khtml-border-radius:0px 0px 8px 8px;
  border-bottom: 5px solid #05183b;
  border-left: 1px solid #292929;
  border-right:1px solid #292929;
  border-top: 1px solid #141414;
  width:inherit !important;

}
.spoiler_content.hidden{
  display:none;
}
.spoiler_closed{
  background: #141414;
  border-radius:0px 0px 8px 8px;
  -moz-border-radius:0px 0px 8px 8px;
  -webkit-border-radius:0px 0px 8px 8px;
  -khtml-border-radius:0px 0px 8px 8px;
  border-bottom: 5px solid #05183b;
  border-left: 1px solid #292929;
  border-right:1px solid #292929;
  border-top: 1px solid #141414;
  height:1px;
  width:inherit !important;
}

div.postbody span.genmed {
  display:block;
  position:relative;
  background-color: black;
  padding-top:7px;
  padding-bottom:0px;
  padding-right:0px;
  padding-left:2%;
  text-transform: uppercase;
  width:98%; 
  border-radius:5px 5px 0px 0px;
  -moz-border-radius:5px 5px 0px 0px;
  -webkit-border-radius:5px 5px 0px 0px;
  -khtml-border-radius:5px 5px 0px 0px;
  font-size:11px;
  height:30px;
}

:):

ohh mr.mark this its work :D:

very very thanks again for you :):

problem solved :D:

Since the problem is solved, i'll locked this and move to archive section. :D:
~ Locked and Moved