2010年5月17日月曜日

zoomeマイページの基本デザイン(スキン)を変更する方法

zoome
投稿サイト「zoome」のマイページを飾り付ける、一番お手軽な方法です。

**** 手順
o zoomeにログインします。
o 上に出てくるメニューから「設定変更」を選びます。
o 設定変更画面になりますので、左に出てくるメニューで「スキン変更」。
o 好きなスキンを選択して、下の「決定」ボタンを押します。


**** メモ
o この手順は、zoomeの推奨手順です。
o zoomeの仕様が変わっても、zoome側で対応してくれると思います。


==
関連ページ:
    ▼zoome
    ▼CSSカスタマイズ
    ▼ホームページを作る
    ▼制作メモ
    > zoomeマイページをCSSカスタマイズする
    お目当てのzoomeサークルを簡単に探す
    マイページで、zoomeのスキンからCSSカスタマイズする
(2011年9月4日変更。zoomeサービス停止対応。不到達リンクの削除など)

設定画面中にあるCSS入力欄を簡単に辿る方法 - CSSカスタマイズ

CSSを調べる
CSSカスタマイズ画面のテキスト欄は、行が沢山あって、調べるのが大変です。
そのような時は、ブラウザの検索機能を使います。

o Firebugなどを使って見つけたキーワードを入れて、ぴょんぴょん検索すると快適です。
o 検索欄に貼り付けるだけで、ぴょんぴょん出来ます。


**** ブラウザの検索機能の場所
o Internet Explorerと Firefoxの場合
   + 上部メニューの「編集」。出てくる選択肢の一番下にあります。
o Google Chromeと Safariの場合
   + 右上にある紙のアイコンをクリックします。出てくる選択肢から「ページ内検索」もしくは「検索」。
o Operaの場合
   + 左上にあるOperaマークをクリックして、「ページ」-「ページ内検索」。


**** メモ
o 一望したい時には、入力欄の内容をコピーして、メモ帳に貼り付ける方法もあります。
o 「すべてを選択」「コピー」して、メモ帳などに貼り付けます。


==
関連ページ:
    ▼CSSを調べる
    ▼CSSカスタマイズ
    ▼制作メモ
    「ソースの表示」から CSSを見つける
    CSS用語の意味を簡単に調べる
    WebページからCSSの要素名を簡単に見つける - Firebug

「ソースの表示」からCSSを見つける方法 - CSSカスタマイズ

CSSを調べる
CSSカスタマイズをする時に、一通りCSSを眺めたくなった事はありませんか。
CSSをざっと眺めたい時は、ブラウザーに付いている「ソースの表示」を使います。


**** おおまかな手順(例: zoomeマイページ)
o ブラウザーの右クリックで「ソースの表示」もしくは「ページのソースを表示」を選びます。
o zoomeの場合、最初の <style type="text/css">
から
</style> までが、CSSカスタマイズ結果です。その他の例は、下のメモをご覧下さい。
o zoomeマイページのソースを Internet Explorer 7で見ると、日本語部分が文字化けします。Firefoxなど他のブラウザーを試してみる事をおすすめします。
   Internet Explorer 8 で見ると正常に見えました。但し、/******* てすと */ のようなコメントは、コメントの途中で改行されました。読む時には少し慣れが必要みたいです。


**** CSSの見つけ方。完全版。
o 2種類の書き方があります。
o 複数回使ったり、併用している事もあります。ソースを眺める時は一通り確認します。

** Webページ(= HTML)の中に直接書く方法
----------------
<style type="text/css">
.body { font-size : 12px; }
h3 { background-color : skyblue; }
</style>
----------------
o この場合は、「<style type="text/css">」から「</style>」までがCSSです。

** CSSを別のファイル(= 外部ファイル)に書いている場合
----------------
<link href="test1.css" rel="stylesheet" type="text/css">
----------------
o この場合は、一旦Webページを保存して、保存した時に出来たフォルダーの中からCSSファイルを見つける方法が、多分一番簡単です。


**** おまけ。Webページをファイルとして保存する方法
# 日本の著作権法が改正されて、インターネット上のファイルを保存する事(= ダウンロード)が違法行為になるケースが生まれました。
# 法律は今後も変わるかもしれません。以下の手順を使う時は、使う時点での法律にもご注意下さい。

** Internet Explorerの場合
o ブラウザー上部のメニューから、「名前を付けて保存」。
   + 出てくる画面で、ファイルの種類を「Webページ、完全」に変更します。
   + ファイルと一緒にフォルダーも出来ますので、調べたいファイルを見つけます。

** Firefoxの場合
o ブラウザー上部のメニューから、「名前を付けてページを保存」。
o もしくは、表示されているページの右クリックからも選択出来ます。
   + 出てくる画面で、ファイルの種類を「Webページ、完全」に変更します。
   + ファイルと一緒にフォルダーも出来ますので、調べたいファイルを見つけます。

** Google Chromeの場合
o 表示されているページを右クリックして「名前を付けて保存」。
   + 出てくる画面で、ファイルの種類を「ウェブページ、完全」に変更します。
   + ファイルと一緒にフォルダーも出来ますので、調べたいファイルを見つけます。

** その他
o Safariと Operaは、ファイルを個別保存する方法が見つかりませんでした。
o CSSのアドレス(URL)を直接指定すると、内容表示出来るかもしれません。(= 試していません)


==
関連ページ:
    ▼CSSを調べる
    ▼CSSカスタマイズ
    ▼制作メモ
    > 設定画面中にある CSS入力欄を簡単に辿る
    CSS用語の意味を簡単に調べる
    WebページからCSSの要素名を簡単に見つける - Firebug
(2010年8月5日変更。カタカナ用語の長音追加)