<< QRZ.com の カストマイズ >>  アクセスカウンター  ) 説明及び注意事項  
この HP は JA9BKJ が QRZ.com の カストマイズ の HP です、QRZ.com の カストマイズ の手助けとなればと思い作成している HP です。
下記の 私の様な、見やすい QRZ.com にする為の カストマイズ です、バック(背景)が「黒」 文字が「白」にする方法です。
過去何人かの問い合わせが有り、この HP を作りました、ただまだ私と同じ様な方は見た事が無いのですが?。
(この HP の画像はクリックすれば フルサイズ で表示されます)

JA9BKJ QRZ.com のトップ部分の画像。
JA9BKJ QRZ.com

現在の JA9BKJ QRZ.com https://www.qrz.com/db/JA9BKJ/

    この HP は、QRZ.com の カストマイズ する HP ですが、下記の順番に一度良く読んで理解してから、実行をお願いします。

  1. QRZ.com のエディターがバックが「白」ですから、白に「白」の文字では、文字の判別が付きませんので、多少の灰色がかった「白」を指定しての色を使って下さい。
  2. また 「Expert options including CSS styles」 で CSS を変更しますので、自信の無い方 又は 以下の 操作方法が理解が出来ない方は、カストマイズ しないで下さいね。
  3. HP  = HP の ソースは HTML と言う言語(コマンド及びコード)で構成されています、全て英語の略命令みたいな感じです。
  4. HTML = HP の HTML は、文章構造の指定をします、index.html がそのフォルダーに有れば、自動的に index.html 実行されます、内容は txt ファイルです。
  5. CSS = HP の CSS は、デザインの指定等の細かな設定が可能になります、HTML からは外部から CSS を読み込みます、内容は txt ファイルです。
  6. CSS  は HP のデザインを ガラリ と変える事が出来ますので、変更修正には CSS の知識が必要です、下記はその CSS を削除して、新規に CSS を入れる事の説明です。
  7. 今回は、CSS を差し替える方法の紹介になります。

1.QRZ.com の カストマイズ。
    QRZ.com にログインして、下記の様に行って下さい。

  1. 「Edit」 で変更画面にして下さいね。
  2. 変更画面の、上から 5 番目の 「Expert options including CSS styles」 クリック。
  3. 上記 CSS の現在の設定内容が画面上に見えますから、コピーして(縦に長いですから全部を最初から最後まで一文字も逃さず注意して)メモ帳 にでも 名前を付けて 必ずコピーした物をペイしてファイルとして保存します、これは CSS を元に戻す場合に使いますから。
  4. 次に CSS の現在の設定内容を全て削除して下さい(画面上無くする)、縦に長いですから全て削除を最初から最後まで一文字も逃さず注意してお願いします、「Save」 はしないで そのまま次へ(画面はそのまま)。
  5. 次に ここをクリック して 表示された 全ての CSS をコピーします、縦に長いので最初から最後まで一文字も逃さず注意してコピー、すぐさま次へ。
  6. 次に 4. で削除した、CSS 部分に、上のコピーした物をペイ(画面上に)します、5. の内容がコピーペイされたか確認の上、「Save」 します、直後に変更画面になります。
  7. 要は 全ての CSS を差し替える事になります、注意して操作して下さいね。
  8. 最初の変更画面に戻りますから、すかさず文字の色等を変えて下さいね、多分文字が「黒」になっていますから、エディターからは見えますが、QRZ.com からはバック(背景)が「黒」ですから見えませんから。

    上記の事を正しくやれば、必ず私と同じ様な、QRZ.com になります、同時にリンク関係の色も変えてますから、私と全く同じ環境になります。

    (注意) また設定を元に戻すには、現在の CSS 内を完全に削除してから、3. でコピーしペイしたファイルの CSS 内容全部を 画面上でペイして 「Seve」 すれば元の状態に戻ります。


2.差し替え変更後の CSS の内容の説明。

    ここに掲載している CSS は下記の内容になっています。
  1. 下記の #nnnnnn の部分が、2 桁 (nn) ずつ左側から R (レッド 赤) G (グリーン 緑) B (ブルー 青) に対応してます、nn は 16 進数の 00 - FF を使います。
  2. nn が小さいと (00) 暗く、nn が 大きいと (FF) 明るくなります、例 #000000 (黒) #FFFFFF (白) と言う事になります。
  3. 下記は内容を説明してますので、コピーペイには使用しないで下さいね、右側の説明は設定した色で表示してます。
  4. 同時にリンク関係の表示色変更してます、ここと 同じ表示になります。

      ------------------------------------------------------------ CSS の説明 以下から ------------------------------------------------------------
      /* unvisited link */
      a:link {
      color: #33CCFF;  <------ リンク出来る場所の色の指定。 (下線あり)
      }

      /* visited link */
      a:visited {
      color: #AA00FF;  <------ リンク後の色の指定。
      }

      /* mouse over link */
      a:hover {
      color: #FF0000;  <------ マスウポインターを持っていった時の色の指定。
      }

      /* selected link */
      a:active {
      color: #FF0000;  <------ マスウポインターを持っていった時の色の指定。
      }

      #csbody {
      color: #000000;  <------ デホルトのまま、触らない。
      }

      #calldata {
      color: #000000;  <------ デホルトのまま、触らない。
      }

      #biodata {
      color: #000000;  <------ デホルトのまま、触らない。
      }

      #t_bio.biodiv {background-color: #000000;}  <------ 背景の色の指定、ここが ALL #000000 は黒を指定してます。 (黒は見えないので緑で表示)
      ------------------------------------------------------------ CSS の説明 以上まで ------------------------------------------------------------


3.私と同じ様に QRZ.com カストマイズ を行っている方。

    ここに掲載している Call の方が、実際に QRZ.com カストマイズ を行っている方です、QSO した方 Mail でお教え頂いた方です。

       1/1  Call QRZ.com 掲載局 その他
      1.  JA9BKJ JA9BKJ QRZ.com             

  1. ここに Call を掲載しても良い方は 私まで Mail で Call を教えて下さい、又は お空でお会いした時にお申し出下さいね。
  2. 皆さんも QRZ.com には無料で簡単に掲載出来ますので掲載して見て下さい。
  またカストマイズしても思う様に動作しなかったとかの苦情または質問等の技術的な事にも一切お答え出来ません、あくまでも自己責任でお願いします、参考程度とお考え下さい。
JA9BKJ 公式 ホームページ
Copyright (C) 1996 JA9BKJ ALL RIGHTS RESERVED