Blogのテンプレートとかスタイルシートとか その６ [2008年08月31日(日)]
その５から１週間程あきましたが…
その６は実践編となります。
なので記事を書いてる間は画面も中途半端。
では順序だてていきましょー。
VIII.改造１…スキン選び
さて、画面は既にメイドさんなわけですが、何故メイドさんか？
だってメイドさんとか好きだから！ というのは50%位の理由でして、
今回改造するにあたって丁度いいスキンの１つだからといのがあります。
私がやってる改造は横幅の慎重と一部文字変更位のものですが、
正直な所見栄えはその程度で十分変わります。
というか、ぶっちゃけ今のメインコンテンツ表示幅が小さすぎるんです。
DCで見る事を前提にしてるならそれでもいいんでしょうけどね…。
ゲームハードとしてのDCはさておき、ブラウザーとしてのDCは、
はっきりいって、DCなんかで見てる奴が悪いで終了です。
この横幅では写真や絵をUPするのでも大きな足枷となります。
ただでさえ容量とサイズで抑制食らってるのにそりゃねーよって奴です(見栄え的に)。
かといって、既製スキンは制御できないので、
横幅伸ばしたい…程度の事すら指くわえて見てるしかありません。
横幅伸ばすだけでまともなものになるのに！なんで操作できないの！？
なら、やっちゃいましょう。
で、話を戻しますが、何で丁度いいかというと、TOP絵が修正しやすいからです。
横幅伸張するという事はTOP絵そのまま使えません。
横幅に併せて自動的にトランスフォームしてくませんからね。
つまり自分で絵を修正せなあかんのですが、絵が複雑ですと伸ばし難いのです。
規則的パターン、簡単な絵、誤魔化して不自然になりにくい絵…
そいうTOP絵をもったスキン程楽です。
逆に言えば、単に苦労の度合いや出来の不自然さ度合いの話ですので、
そこら辺、厭わない方やちょっとアレでもきにしなーい という方は、
あえて複雑なパターンや絵のスキンを選ぶのもアリです。
私は面倒なの嫌だしメイドさん好きなのでこれで進めますけど。
とりあえず、改造楽そうなスキンを選んで決定しておいて下さい。
IX.改造２…横幅のあたりつけ
ここから作業が入ります。Ｏｋ？使うツールはWindowsのPaintツール。
Windowsユーザーなら誰しも持ってる使い辛いお絵かきツール。
ペイントツールでCopy&Paste使えればなんでよいですけどね。
まぁ、これWinユーザーなら皆もってますしね。
Linux勢は多分ヘビーな方が多いと思うのでこんな記事読むまでもなく
全部自分でやってるだろうから埒外とします。
とりあえず、己を知り敵を知らばなんとやら。
己の方は何とかしますんで、まず敵を調べてみましょう。
とりあえず、自分のBlogをブラウズして…[ALT + PrintScreen]
そして、Paintを起動して…[CTRL + P]。
自分のページがPaintにはっつけられたと思います。
そして、なんだか絵の周りに点線が表示されていると思います。
[ESC]のキーを１度押すと点線消えるので消してください。
で、デフォルトだと、左に並ぶアイコンのうち、四角点線のアイコンが
選択されていると思います。
これ、矩形を選択するツールです。
選択している領域は画面したのステータスバーに表示されます。
よく分らん人は、画面を左クリック＆ドラッグで選択しまくれば画面下で
数字がぺこぺこ動く場所があるので気がついて下さい。
ちなみに、ステータスバーの右下に２つ枠がありますが、左が現在位置。
右が矩形の範囲となっています。幅ｘ高さというやつですね。
では、Blogのサイズを調べてみましょう。
ＴＯＰ絵はほぼBlogの横幅と考えて問題ないのでこいつの横幅をメインに
つつーっとクリック＆ドラッグで囲いって右下の数字に注目します。
決定してしまうと数字が消えるので、ここだ！と思った数値を頭に叩き込むなり、
どっかにメモりましょう。
うちのメイドさんのＴＯＰ絵だと… んー８００ドット位ですかね。
ありがちな数値ですので、まず間違いないでしょう。
次は、メインの記事を表示している幅です。
記事表示部分はラインで囲まれていますので分り易いですね。
同じような要領で調べます… えーっとこいつは…４６０ドット位かなぁ…。
キリがよさげな数字ですしね。これもメモしておきます。
その差３４０ドット。これもメモ。
メインコンテンツ幅に３４０足せば、Blogの横幅が出るって事ですね。
さて、全体の横幅とメインコンテンツ幅が分りました。
ではメイン部どの位広げますかね… 広げた分だけＴＯＰ絵も広げる必要あります。
大体最近のＰＣは余裕で横幅1024以上出しますので、ちょっとやそっと広げた
程度でははみ出てみれねーぞ！ってのは多分ないでしょう。
とりあえず、今回はメインコンテンツ幅を６４０にしてみます。
どっから出た数字だって？ＶＧＡの横幅ですね。
SSやPSのハイレゾモード時の横幅でもあります たしか。
で、これに３４０足したのが９８０。これがBlogの横幅ですね。
ここら辺の数値は、それぞれの好みで考えて置いてください。
実際に使うのはちょっと先の話になります。
とりあえず、長くなるので次の記事へ。
その６は実践編となります。
なので記事を書いてる間は画面も中途半端。
では順序だてていきましょー。
VIII.改造１…スキン選び
さて、画面は既にメイドさんなわけですが、何故メイドさんか？
だってメイドさんとか好きだから！ というのは50%位の理由でして、
今回改造するにあたって丁度いいスキンの１つだからといのがあります。
私がやってる改造は横幅の慎重と一部文字変更位のものですが、
正直な所見栄えはその程度で十分変わります。
というか、ぶっちゃけ今のメインコンテンツ表示幅が小さすぎるんです。
DCで見る事を前提にしてるならそれでもいいんでしょうけどね…。
ゲームハードとしてのDCはさておき、ブラウザーとしてのDCは、
はっきりいって、DCなんかで見てる奴が悪いで終了です。
この横幅では写真や絵をUPするのでも大きな足枷となります。
ただでさえ容量とサイズで抑制食らってるのにそりゃねーよって奴です(見栄え的に)。
かといって、既製スキンは制御できないので、
横幅伸ばしたい…程度の事すら指くわえて見てるしかありません。
横幅伸ばすだけでまともなものになるのに！なんで操作できないの！？
なら、やっちゃいましょう。
で、話を戻しますが、何で丁度いいかというと、TOP絵が修正しやすいからです。
横幅伸張するという事はTOP絵そのまま使えません。
横幅に併せて自動的にトランスフォームしてくませんからね。
つまり自分で絵を修正せなあかんのですが、絵が複雑ですと伸ばし難いのです。
規則的パターン、簡単な絵、誤魔化して不自然になりにくい絵…
そいうTOP絵をもったスキン程楽です。
逆に言えば、単に苦労の度合いや出来の不自然さ度合いの話ですので、
そこら辺、厭わない方やちょっとアレでもきにしなーい という方は、
あえて複雑なパターンや絵のスキンを選ぶのもアリです。
私は面倒なの嫌だしメイドさん好きなのでこれで進めますけど。
とりあえず、改造楽そうなスキンを選んで決定しておいて下さい。
IX.改造２…横幅のあたりつけ
ここから作業が入ります。Ｏｋ？使うツールはWindowsのPaintツール。
Windowsユーザーなら誰しも持ってる使い辛いお絵かきツール。
ペイントツールでCopy&Paste使えればなんでよいですけどね。
まぁ、これWinユーザーなら皆もってますしね。
Linux勢は多分ヘビーな方が多いと思うのでこんな記事読むまでもなく
全部自分でやってるだろうから埒外とします。
とりあえず、己を知り敵を知らばなんとやら。
己の方は何とかしますんで、まず敵を調べてみましょう。
とりあえず、自分のBlogをブラウズして…[ALT + PrintScreen]
そして、Paintを起動して…[CTRL + P]。
自分のページがPaintにはっつけられたと思います。
そして、なんだか絵の周りに点線が表示されていると思います。
[ESC]のキーを１度押すと点線消えるので消してください。
で、デフォルトだと、左に並ぶアイコンのうち、四角点線のアイコンが
選択されていると思います。
これ、矩形を選択するツールです。
選択している領域は画面したのステータスバーに表示されます。
よく分らん人は、画面を左クリック＆ドラッグで選択しまくれば画面下で
数字がぺこぺこ動く場所があるので気がついて下さい。
ちなみに、ステータスバーの右下に２つ枠がありますが、左が現在位置。
右が矩形の範囲となっています。幅ｘ高さというやつですね。
では、Blogのサイズを調べてみましょう。
ＴＯＰ絵はほぼBlogの横幅と考えて問題ないのでこいつの横幅をメインに
つつーっとクリック＆ドラッグで囲いって右下の数字に注目します。
決定してしまうと数字が消えるので、ここだ！と思った数値を頭に叩き込むなり、
どっかにメモりましょう。
うちのメイドさんのＴＯＰ絵だと… んー８００ドット位ですかね。
ありがちな数値ですので、まず間違いないでしょう。
次は、メインの記事を表示している幅です。
記事表示部分はラインで囲まれていますので分り易いですね。
同じような要領で調べます… えーっとこいつは…４６０ドット位かなぁ…。
キリがよさげな数字ですしね。これもメモしておきます。
その差３４０ドット。これもメモ。
メインコンテンツ幅に３４０足せば、Blogの横幅が出るって事ですね。
さて、全体の横幅とメインコンテンツ幅が分りました。
ではメイン部どの位広げますかね… 広げた分だけＴＯＰ絵も広げる必要あります。
大体最近のＰＣは余裕で横幅1024以上出しますので、ちょっとやそっと広げた
程度でははみ出てみれねーぞ！ってのは多分ないでしょう。
とりあえず、今回はメインコンテンツ幅を６４０にしてみます。
どっから出た数字だって？ＶＧＡの横幅ですね。
SSやPSのハイレゾモード時の横幅でもあります たしか。
で、これに３４０足したのが９８０。これがBlogの横幅ですね。
ここら辺の数値は、それぞれの好みで考えて置いてください。
実際に使うのはちょっと先の話になります。
とりあえず、長くなるので次の記事へ。