人気ブログランキング | 話題のタグを見る
マイスキン試行錯誤その8
☆投稿欄のタグボタンの属性を変えよう☆
投稿画面についてる、太字にする「B」、イタリックにする「I」、アンダーラインの「U」、取消線の「S」の各ボタンがありますね?
あれ、私使わないんです。
特にイタリックとか取消線なんて、どーゆー場面で使えばいいのか検討もつきません(笑)。
字が太くなったり斜めになったりするよりは、ワンタッチで文字色を変えたり文字の大きさを変えたりできるほうがいいなぁ~
・・・ということで、各ボタンの現属性を無効にして、それぞれ別の属性を割り当ててみました。

ここでは、現在
 「B」→赤い文字にする
 「I」→緑色の文字にする
 「U」→青い文字にする
 「S」→小さい文字にする
こうなってます。
これを設定する部分は、CSSソースの先頭の
BODY { ~ }
の後の辺りにでも下のように追加します。
BODYのカッコの中に入れちゃダメですよ!
B { FONT-WEIGHT : NORMAL; COLOR : #~; }
I { FONT-STYLE : NORMAL; COLOR : #~; }
U { TEXT-DECORATION : NONE; COLOR : #~; }
S { TEXT-DECORATION : NONE; FONT-SIZE : 10PX; }

B { FONT-WEIGHT : NORMAL;
これは、本来の<B>タグの「太字にする」という属性を無効にする文です。
太字のまま、文字色や大きさも変えたいという場合は、FONT-WEIGHT : NORMAL;の部分はいりません。
I { FONT-STYLE : NORMAL;
これは、本来の<I>タグの「斜め文字にする」という属性を無効にする文です。
同じく、斜め文字はそのままで…という場合は、FONT-STYLE : NORMAL;の部分はいりません。
U { TEXT-DECORATION : NONE;
S { TEXT-DECORATION : NONE;
これもそれぞれ、本来の<U>タグの「文字にアンダーラインをひく」属性、本来の<S>タグの「文字に取消線をひく」属性を無効にする文です。
本来の属性を残しておきたい場合は、TEXT-DECORATION : NONE;の部分はいりません。
自分でよく使いたい文字スタイルを、各ボタンに割り当てておくと便利だと思いますよ♪

あと、「”」←ちょっと違う?(笑)引用欄を装飾する方法です。
ここでは、現在こうなってます。

これも、上記の各タグの設定と一緒にこんな感じで追加してください。
BLOCKQUOTE { COLOR : #~; BACKGROUND-COLOR : #~; FONT-SIZE : ~; BORDER : 2PX #~ DOTTED; PADDING : 5PX; }

BLOCKQUOTE { ~ の最初の指定から説明すると、
COLOR : #~; で中の文字色(ここでは茶色)、
BACKGROUND-COLOR : #~; で中の背景色(ここでは淡いピンク)、
FONT-SIZE : ~; 中の文字の大きさ(ここでは12PXにしてあります)、
BORDER : 2PX #~ DOTTED; 枠線の指定で頭から枠線の太さ、枠線の色、枠線の種類(ここでは2PXのピンクの点線にしてます)。
PADDING : ~; 枠線から文字部分の余白の指定(ここでは四辺に5PXの余白を取ってます)。

余白指定なんですけど、四辺をそれぞれ別の数値にしたい場合は
PADDING : 5PX 10PX 5PX 10PX という風に連続指定するんですが、
私の持ってるタグ辞典には先頭から「上、右、下、左」の順と書いてあるんですけど、これあってます?
他の所で指定してみたら、右と左が逆だったような・・・。
自分で検証しろよって感じですね(笑)。
そのうち確かめてみますが、知ってる人がいたら教えてクダサイ(笑)。

↑「はい こちらサポセン。」さんより、回答をいただきました。
上、右、下、左 の順で正解だそうです。
ありがとうございました♪
by kaokaopon | 2004-08-07 00:15 | SKIN
<< マイスキン試行錯誤その9 ↑ページTOP マイスキン試行錯誤その7 >>



KAOと旦那と3匹の猫のたわむれの日々。家に引きこもってるのでネタがありません。最近猫日記となりつつあります(笑)。
by kaokaopon
S M T W T F S
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31
カテゴリ
全体
BBS
雑記
プレマタ
入院日記


観た
読んだ
作った
お取り寄せ
レシピ
SKIN
BLOG
WEB
日々。
ABOUT
以前の記事
2010年 10月
2010年 04月
2009年 08月
2009年 01月
2008年 10月
2008年 07月
2008年 06月
2008年 04月
2008年 03月
2008年 02月
2008年 01月
2007年 12月
2007年 11月
2007年 10月
2007年 09月
2007年 08月
2007年 07月
2007年 06月
2007年 05月
2007年 04月
2007年 03月
2007年 02月
2007年 01月
2006年 12月
2006年 11月
2006年 10月
2006年 09月
2006年 08月
2006年 07月
2006年 06月
2006年 05月
2006年 04月
2006年 03月
2006年 02月
2006年 01月
2005年 12月
2005年 11月
2005年 10月
2005年 09月
2005年 08月
2005年 07月
2005年 06月
2005年 05月
2005年 04月
2005年 03月
2005年 02月
2005年 01月
2004年 12月
2004年 11月
2004年 10月
2004年 09月
2004年 08月
フォロー中のブログ
食卓から愛をこめて
* もなこの手づくり石け...
だって私はドラマ好き♪
ベジタリアンの厨房
気ままな星遊び
笑門来福
pumilus sapo
母ちゃんちのご飯
***いつか出会えるあな...
茶タローくぅぅぅん.2
ほんの小さな庭
***やっと出会えたあな...
ゆっくりのんびりいこうじ...
ライフログ
タグ
(92)
(77)
(22)
(15)
(6)
検索
その他のジャンル
ファン
記事ランキング
ブログジャンル
画像一覧