thiis is a pull quote example
<blockquote class="pullquote" >this is a pullquote</blockquote> :
this is a pullquote
<b><blockquote class="goodquote" >this is a goodquote</blockquote></b>:
this is a goodquote
<blockquote class="goodquote" >this is a goodquote</blockquote>
this is a goodquote
Since I disable float attribute, the text will be inlined.
<blockquote class="code" >this is a code segment</blockquote>
this is a code segment
To install a Pullquotes in Blogger
add following code in data definition area
<Variable name="pullquoteBgColor" description="PullQuote Bg Color"
type="color" default="#333" value="#333333">
<Variable name="pullquoteTextColor" description="PullQuote Text Color"
type="color" default="#333" value="#ffff66">
<Variable name="pullquoteBoarderColor" description="PullQuote Boarder Color"
type="color" default="#333" value="#333333">
then insert this code segment:
.pullquote {
width: 15%;
background-color:$pullquoteBgColor;
/* background-image: url(http://home.planet.nl/~hansoosting/images/quotes_grey.gif); */
background-image: url(http://fontalis.com/images/quotes_grey_small.gif);
background-repeat: no-repeat;
color:$pullquoteTextColor;
float: right;
border:1px solid $pullquoteBoarderColor;
font-weight:bold;
line-height:120%;
padding:40px 10px 10px 10px;
margin-top:10px;
margin-left:10px;
}
Thanks to Hans of Beatuful Beta
No comments:
Post a Comment