Coding-Spot

You are not connected. Please login or register

 
 

How to Design Background "Quote" and "spoiler" on Forumotion?

Message (Page 1 of 1)


 
Senior Member

Posted on Mon Apr 29, 2013 10:31 am

 
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/



View user profile



 
Administrator
Administrator

Posted on Mon Apr 29, 2013 5:22 pm

 
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;
}

:):



View user profile http://coding-spot.darkbb.com



 
Senior Member

Posted on Tue Apr 30, 2013 4:07 am

 
ohh mr.mark this its work :D:

very very thanks again for you :):

problem solved :D:



View user profile



 
Administrator
Administrator

Posted on Tue Apr 30, 2013 4:08 am

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



View user profile http://coding-spot.darkbb.com


#5

Sponsored content


 

Posted Today at 2:26 pm

 





Message (Page 1 of 1)

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

In total there is 0 user online :: 0 Registered, 0 Hidden and 0 Guests

Users browsing this forum: None