|
|
ブログを始めて半年、少しずつスキンの編集に手を出しています。
最近、複数の方に、「引用枠の作り方」を質問されましたので、 できるだけわかりやすく説明してみようと思います☆ さて、この枠ですが、「引用」を表す「blockquote」の定義をCSSに加えるだけなのです。 以前、xiaoxiaさんに教えて貰ったCSSに、色を少し変えて使っています。 ちなみに、私の使っている引用枠は以下の青い枠囲いデス。 (1)CSS編集:「BODY」の定義の下に以下を挿入します。[赤字は説明] ※(1)の要素ですが、 [1]MARGIN ... 枠の「外」の余白を "上 右 下 左" の順で指定 [2]PADDING ... 枠の「中」の余白を "上 右 下 左" の順で指定 [3]BACKGROUND ... 枠内の背景色。["white"だと白、16進数でも指定できます] ⇒こんなサイトを参考にしました...色見本・セーフカラー / RGB editor [4]BORDER ... 点線の幅...を "上 右 下 左" で指定...だと思う... [5]BORDER-COLOR ... 囲み線の色。私は文字色(青)に合わせました。 [6]BORDER-STYLE ... 囲み線の種類 [DOTTEDは点線。実線はSOLID] ※上記の他にも指定の仕方は色々あるようです。soulwriterサンのブログのように、引用枠の角を丸くしたり、題名をつけるというのもblockquoteの応用なのだと思いますが、私にはわかりません(ーー;) ---追記--- mitsukenさんの〆 スキン編集塾#9を参考にして、引用枠を複数設定してみました!mitsukenさん、ありがとうございます!
by snow_ny
| 2004-07-31 12:56
| etc...
|
| [雪] snow :) [紐] NYC & US [言] language [食] food & cooking [動] sports [美] museum [演] entertainment [占] fourtune :) [旅] travel [US] [旅] travel [Euro] [旅] Travel [Canada] [旅] travel [Asia] etc... about this blog :) [写] NATURA 2010年 11月 2010年 10月 2010年 06月 2009年 11月 2009年 08月 2009年 07月 2009年 05月 2009年 01月 2008年 06月 more...
|
ファン申請 |
||