Jump to content


Welcome to DevFuse Forums


Sign In  Log in with Facebook

Create Account
Welcome to DevFuse Forums, like most online communities you must register to view or post in our community, but don't worry this is a simple free process that requires minimal information for you to signup. Be apart of DevFuse Forums by signing in or creating an account.
  • Start new topics and reply to others
  • Subscribe to topics and forums to get email updates
  • Get your own profile page and make new friends
  • Send personal messages to other members.
 
Guest Message by DevFuse

Tutorial info Visit support topic

  • Added on: Jul 27 2011 06:55 AM
  • Views: 2246
 


Different bbcode quote in standard 3.2.0 skin

Posted by najaru on Jul 27 2011 06:55 AM
I think that quote bbcode in standard 3.2.0 skin is not the bast, because it's not very different from normal post.

quote-css-orig.jpg

To make it more visible but a with little dimension you can open your skin, css, ipb_common.css and find this:


/* Quote boxes */

p.citation {
	font-size: 12px;
	padding: 8px 10px;
	border-left: 2px solid #989898;
	/*background: #f3f3f3 */
	background: #f6f6f6;
	background: -moz-linear-gradient(top, #f6f6f6 0%, #e5e5e5 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#e5e5e5)); /* webkit */
	border-top: 2px solid #e5e5e5;
	border-right: 2px solid #e5e5e5;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	font-weight: bold;
}

div.blockquote {
	font-size: 12px;
	padding: 10px;
	border-left: 2px solid #989898;
	background: #fdfdfd;
	border-right: 2px solid #e5e5e5;
	border-bottom: 2px solid #e5e5e5;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
	background: #f7f7f7;
}


and replace with



/* Quote boxes */
p.citation {
	font-size: 11px;
	padding: 5px 5px;
	border-left: 2px solid #989898;
	/*background: #f3f3f3 */
	background: #b1b2b2;
	background: -moz-linear-gradient(top, #f6f6f6 0%, #b1b2b2 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(100%,#e5e5e5)); /* webkit */
	border-top: 2px solid #e5e5e5;
	border-right: 2px solid #e5e5e5;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	font-weight: bold;
}

div.blockquote {
	font-size: 10px;
	padding: 5px;
	border-left: 2px solid #989898;
	background: #e9eaea;
	border-right: 2px solid #e5e5e5;
	border-bottom: 2px solid #e5e5e5;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
}


Result:

quote-css-modified.jpg

Powered by Tutorials 1.5.1 © 2016, by Michael McCune