引用文を枠で囲って表示
ココログカワケンさんに教えてもらって
引用文(blockquoteというタグで囲んだ部分)
を枠で囲った表示にしてみました。
僕はココログ・ベーシックなので通常はスタイルシート(CSS)は
いじれないので、ウラ技を使いました。
こんな手順です。カワケンさんありがとうございます。
1.mystyle.cssをテキストエディタで作成する。
–mystyle.cssはじまり
.content blockquote {
padding: 5px;
background-color: #EEE8AA;
border: 1px dotted;
margin-bottom: 10px;
line-height: 150%;
}
–mystyle.cssおわり
2.メニューから「管理」→「アップロード」で
できたmystyle.cssを任意のパス(今回はこのBlogのデフォルトの「ウェブログフォルダ」にした)にアップロード。
3.メニューから「設定」→「基本設定」→「ウェブログの基本情報」→「ウェブログのサブタイトル(キャッチフレーズ)」のテキストボックスに以下を記述。
<link rel=”stylesheet” href=”http://blackpepper.cocolog-nifty.com/site/mystyle.css” type=”text/css”>
4.「変更を保存」から設定を反映させる。
以上です。
「<」「>」の部分は半角文字に直して読んでくださいね。
ご自分の環境に使うときはパス、background-colorやborderの指定は
それぞれ直してみてください。
ちょっと見やすくなったかな?
関連記事(試験運用中)
コメント/トラックバック:0 個 »
トラックバックURL: http://blackpepper.oops.jp/wp/archives/1072/trackback
この記事にはまだコメントがついていません。
コメントをどうぞ
コメント、トラックバックは確認後に表示されます。しばらくお待ちくださいね。
段落や改行は自動挿入です。メールアドレスはサイト上では非表示です。
使用できる HTML タグ: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>
コメント