Coding-Spot

You are not connected. Please login or register

 
 

how to make this quote design

Message (Page 1 of 1)


 
Advance Member

Posted on Sat Jun 01, 2013 4:46 pm

 
http://prntscr.com/17qr2k

hello how to make this code design?

i find it here: http://www.duelacademy.net/t27492-judaiyuki01-s-room#259595



View user profile



 
Administrator
Administrator

Posted on Sat Jun 01, 2013 4:54 pm

 



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



 
Advance Member

Posted on Sat Jun 01, 2013 5:04 pm

 
how can i modify the background of code,spoiler,quote the "BLACK" background on top



View user profile



 
Administrator
Administrator

Posted on Sat Jun 01, 2013 5:09 pm

 
Here use this one instead:
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: black;
  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: black;
  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



 
Advance Member

Posted on Sat Jun 01, 2013 5:21 pm

 
no mark this background only
http://prntscr.com/17qx8h

http://prntscr.com/17qxhy

all the header..



View user profile



 
Administrator
Administrator

Posted on Sat Jun 01, 2013 5:23 pm

 
Then use this one instead:
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: black;
  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: black;
  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



 
Advance Member

Posted on Sat Jun 01, 2013 5:29 pm

 
ok mark thanks.
solved now



View user profile



 
Administrator
Administrator

Posted on Sat Jun 01, 2013 5:31 pm

 
Since the problem is now solved i will locked this and move to archive section. ~Locked and Moved Happy



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


#9

Sponsored content


 

Posted Today at 11:54 am

 





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