Tips, hacks and skins for B2evo

The [block] button in the QuickTags toolbar generates a blockquote. It is fun to play with. Some very nice things can be done with the styling.

And so even though we face the difficulties of today and tomorrow, I still have a dream. It is a dream deeply rooted in the American dream.

I have a dream that one day this nation will rise up and live out the true meaning of its creed: "We hold these truths to be self-evident, that all men are created equal."

I have a dream that one day on the red hills of Georgia, the sons of former slaves and the sons of former slave owners will be able to sit down together at the table of brotherhood.

I have a dream that one day even the state of Mississippi, a state sweltering with the heat of injustice, sweltering with the heat of oppression, will be transformed into an oasis of freedom and justice.

I have a dream that my four little children will one day live in a nation where they will not be judged by the color of their skin but by the content of their character.

I have a dream today!

I have a dream that one day, down in Alabama, with its vicious racists, with its governor having his lips dripping with the words of "interposition" and "nullification" -- one day right there in Alabama little black boys and black girls will be able to join hands with little white boys and white girls as sisters and brothers.

I have a dream today!

The styling is done in ../rsc/css/basic.css. Some skin styles will already have something different for the blockquotes. You will find it somewhere in the css file in the skin's directory. Replace what's in there for the blockquote with something similar to this:

blockquote {
	text-indent: 25px;
	background: url(http://www.blog.hemminga.net/rsc/img/quotes1.png);
	background-position: 0 2px;
	background-repeat: no-repeat;
}
blockquote p {
	background-color: #eee;
	display: inline;
	margin: 0;
	padding-right: 24px;
	background: url(http://www.blog.hemminga.net/rsc/img/quotes2.png);
	background-position: bottom right;
	background-repeat: no-repeat;
}

The images can be found here and here.

Have fun.