Coding-Spot

You are not connected. Please login or register

Coding-Spot » Support Category » CSS Support » CSS Support Archive

 
 
 

how to make this quote design

Started by -

Message (Page 1 of 1)

#1

BetterHax

BetterHax
 
Advance Member

Posted June 1st 2013, 11: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





#2

Mark

Mark
 
Administrator
Administrator

Posted June 1st 2013, 11:54 pm

 



https://coding-spot.darkbb.com


#3

BetterHax

BetterHax
 
Advance Member

Posted June 2nd 2013, 12:04 am

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





#4

Mark

Mark
 
Administrator
Administrator

Posted June 2nd 2013, 12:09 am

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



https://coding-spot.darkbb.com


#5

BetterHax

BetterHax
 
Advance Member

Posted June 2nd 2013, 12:21 am

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

http://prntscr.com/17qxhy

all the header..





#6

Mark

Mark
 
Administrator
Administrator

Posted June 2nd 2013, 12:23 am

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



https://coding-spot.darkbb.com


#7

BetterHax

BetterHax
 
Advance Member

Posted June 2nd 2013, 12:29 am

 
ok mark thanks.
solved now





#8

Mark

Mark
 
Administrator
Administrator

Posted June 2nd 2013, 12:31 am

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



https://coding-spot.darkbb.com


#9

Sponsored content


 

Posted

 





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