2012年12月2日日曜日

[Blogger]blockquoteで引用をかっこよくする。

以下のページを参考にさせて頂きかっこよくできました。

blogger 内の引用をわかりやすくするとか
Google Bloggerの引用を調整する 

<blockquote></blockquote>で囲むと。。。

こんな感じになります。
かっこいいでしょ?
追加したCSSは以下になります。
.post blockquote {
margin: 0px 25px 15px 25px;
padding: 0px 25px 0px 10px;
border: 2px outset #66366a;
background-color: #ece6eb;
}
.post blockquote p {
margin: 0px 0px 0px 0px;
padding: 10px 0px 10px 0px;
}h3.post-title, .comments h4 {
font: normal normal 24px Georgia, Utopia, 'Palatino Linotype', Palatino, serif;
margin: .75em 0 0;
}

0 件のコメント:

コメントを投稿