スキンカスタマイズの共通項
スキンをカスタマイズしたい、と思うとき、最低限、共通する事項……の、コピー3ケ所目。(《FC2》,《Autopage》)
転載機能を批判していた人間がいかがなものか。と、自分が思っていますが。orz
■ソースを見る
まず、変更したい部分を、どんなタグ(<div>とか<h1>とか<img>)が設定しているかを把握するために、ソースを見る。Windowsでは、マウスの右ボタンをクリックして、「ソースの表示」を選ぶ。(MACのことは、忘れた。……ボタンの長押しかなぁ?)
ソースのなかで、たとえばタイトル部分に
<H2 class="なんとか">
とあれば、その「なんとか」の部分が、タイトルの「class」になるのだし。
本文部分の直前あたりに
<div class="なんとか">
とあれば、その「class」が、本文の指定をしている可能性が高い。
何がなんだか判らない方も、実際、cssをあちこち変えてみれば判ってくるから大丈夫。
■CSSをバックアップ
設定→スキン変更→該当スキン[編集]→[スキン編集を始めます]→[編集]
とりあえず、メモ帳にコピーし、テキストとして保存しておく。
作業の途中、「ここまで上手くいった」というときに、何度でも保存しておくww
ただし。全部おじゃんになっても、同じテンプレをダウンロードしなおせば、記事は正常に表示される。
CSSがどんなにぶっこわれても、記事のデータが損なわれることはない。
■CSSを変えてみる
cssは、大原則として、
img{設定いろいろ}
とあったら、<img>タグに関して設定している。
.img{設定いろいろ}
とあったら、「class="img"」に関して設定している。
#img{設定いろいろ}
とあったら、「id="img"」に関して設定している。
ここまで判ったら、後は変えてみるだけww
(……正確な説明としては不足だけど、大抵のコトはこれで間に合ったりする)
cssをメモ帳にコピーするか、css窓のなかで検索(ctrl+f)で探せば、目的の部分にたどり着きやすい。
backgroundといったら背景のことだし、borderは囲み線のことだ。中学生レベルの英語で、かなり見当はつくと思う。
あー。一つだけ、付けくわえ。
文字の色は、
{font-color:#000000;}
でも
{text-color:#000000;}
なく、
{color:[色コード];}
っす。。。。何度間違えたことかwww
「変えるだけ」ではなく、「設定の追加」が必要な場合の資料としては……
HTMLクイックリファレンス→スタイルシートリファレンス(目的別)
■「個別」ではなく「かたまり」で変える
左カラム全部のリンクの色、記事と記事タイトルとコメントとトラックバックまとめて、のように「個別の要素」ではなく「かたまり」で何かを変えたい場合には、(テンプレートによりますが)どこかの<DIV>にまとめて支配されていることが非常に多い。
<DIV>は入れ子構造になっていることが多く、どの<DIV>がどの部分を支配しているかは、意外に判りにくいのが実情、ではありますが。
(1)HTMLをみて、DIVのID,classを調べる。
(2)CSSを開く。
HTMLからあやしいと判断したIDやclassに、
「background-color:red;(赤)」
とか
「background-color:blue;(青)」
とか、背景色指定を、cut&pasteしていく(笑)
テンプレ内で目立つ色で、作業中に確実に検索できる指定を使うと、楽。
で、変えたい部分の色がちょうど変わったところが、「当たり」
その部分のCSSを、自分の目的に合わせて変えてやればいい。
……こんなツマラン工夫で、案外、いろんなことができてきたりするwww
転載機能を批判していた人間がいかがなものか。と、自分が思っていますが。orz
■ソースを見る
まず、変更したい部分を、どんなタグ(<div>とか<h1>とか<img>)が設定しているかを把握するために、ソースを見る。Windowsでは、マウスの右ボタンをクリックして、「ソースの表示」を選ぶ。(MACのことは、忘れた。……ボタンの長押しかなぁ?)
ソースのなかで、たとえばタイトル部分に
<H2 class="なんとか">
とあれば、その「なんとか」の部分が、タイトルの「class」になるのだし。
本文部分の直前あたりに
<div class="なんとか">
とあれば、その「class」が、本文の指定をしている可能性が高い。
何がなんだか判らない方も、実際、cssをあちこち変えてみれば判ってくるから大丈夫。
■CSSをバックアップ
設定→スキン変更→該当スキン[編集]→[スキン編集を始めます]→[編集]
とりあえず、メモ帳にコピーし、テキストとして保存しておく。
作業の途中、「ここまで上手くいった」というときに、何度でも保存しておくww
ただし。全部おじゃんになっても、同じテンプレをダウンロードしなおせば、記事は正常に表示される。
CSSがどんなにぶっこわれても、記事のデータが損なわれることはない。
■CSSを変えてみる
cssは、大原則として、
img{設定いろいろ}
とあったら、<img>タグに関して設定している。
.img{設定いろいろ}
とあったら、「class="img"」に関して設定している。
#img{設定いろいろ}
とあったら、「id="img"」に関して設定している。
ここまで判ったら、後は変えてみるだけww
(……正確な説明としては不足だけど、大抵のコトはこれで間に合ったりする)
cssをメモ帳にコピーするか、css窓のなかで検索(ctrl+f)で探せば、目的の部分にたどり着きやすい。
backgroundといったら背景のことだし、borderは囲み線のことだ。中学生レベルの英語で、かなり見当はつくと思う。
あー。一つだけ、付けくわえ。
文字の色は、
{font-color:#000000;}
でも
{text-color:#000000;}
なく、
{color:[色コード];}
っす。。。。何度間違えたことかwww
「変えるだけ」ではなく、「設定の追加」が必要な場合の資料としては……
HTMLクイックリファレンス→スタイルシートリファレンス(目的別)
■「個別」ではなく「かたまり」で変える
左カラム全部のリンクの色、記事と記事タイトルとコメントとトラックバックまとめて、のように「個別の要素」ではなく「かたまり」で何かを変えたい場合には、(テンプレートによりますが)どこかの<DIV>にまとめて支配されていることが非常に多い。
<DIV>は入れ子構造になっていることが多く、どの<DIV>がどの部分を支配しているかは、意外に判りにくいのが実情、ではありますが。
(1)HTMLをみて、DIVのID,classを調べる。
(2)CSSを開く。
HTMLからあやしいと判断したIDやclassに、
「background-color:red;(赤)」
とか
「background-color:blue;(青)」
とか、背景色指定を、cut&pasteしていく(笑)
テンプレ内で目立つ色で、作業中に確実に検索できる指定を使うと、楽。
で、変えたい部分の色がちょうど変わったところが、「当たり」
その部分のCSSを、自分の目的に合わせて変えてやればいい。
……こんなツマラン工夫で、案外、いろんなことができてきたりするwww
by as-o2
| 2007-03-17 19:09
| eXciteBlog-HowTo