この HP は、QRZ.com の カストマイズ する HP ですが、下記の順番に一度良く読んで理解してから、実行をお願いします。
- QRZ.com のエディターがバックが「白」ですから、白に「白」の文字では、文字の判別が付きませんので、多少の灰色がかった「白」を指定しての色を使って下さい。
- また 「Expert options including CSS styles」 で CSS を変更しますので、自信の無い方 又は 以下の 操作方法が理解が出来ない方は、カストマイズ しないで下さいね。
- HP = HP の ソースは HTML と言う言語(コマンド及びコード)で構成されています、全て英語の略命令みたいな感じです。
- HTML = HP の HTML は、文章構造の指定をします、index.html がそのフォルダーに有れば、自動的に index.html 実行されます、内容は txt ファイルです。
- CSS = HP の CSS は、デザインの指定等の細かな設定が可能になります、HTML からは外部から CSS を読み込みます、内容は txt ファイルです。
- CSS は HP のデザインを ガラリ と変える事が出来ますので、変更修正には CSS の知識が必要です、下記はその CSS を削除して、新規に CSS を入れる事の説明です。
- 今回は、CSS を差し替える方法の紹介になります。
QRZ.com にログインして、下記の様に行って下さい。
- 「Edit」 で変更画面にして下さいね。
- 変更画面の、上から 5 番目の 「Expert options including CSS styles」 クリック。
- 上記 CSS の現在の設定内容が画面上に見えますから、コピーして(縦に長いですから全部を最初から最後まで一文字も逃さず注意して)メモ帳 にでも 名前を付けて 必ずコピーした物をペイしてファイルとして保存します、これは CSS を元に戻す場合に使いますから。
- 次に CSS の現在の設定内容を全て削除して下さい(画面上無くする)、縦に長いですから全て削除を最初から最後まで一文字も逃さず注意してお願いします、「Save」 はしないで そのまま次へ(画面はそのまま)。
- 次に ここをクリック して 表示された 全ての CSS をコピーします、縦に長いので最初から最後まで一文字も逃さず注意してコピー、すぐさま次へ。
- 次に 4. で削除した、CSS 部分に、上のコピーした物をペイ(画面上に)します、5. の内容がコピーペイされたか確認の上、「Save」 します、直後に変更画面になります。
- 要は 全ての CSS を差し替える事になります、注意して操作して下さいね。
- 最初の変更画面に戻りますから、すかさず文字の色等を変えて下さいね、多分文字が「黒」になっていますから、エディターからは見えますが、QRZ.com からはバック(背景)が「黒」ですから見えませんから。
上記の事を正しくやれば、必ず私と同じ様な、QRZ.com になります、同時にリンク関係の色も変えてますから、私と全く同じ環境になります。
(注意) また設定を元に戻すには、現在の CSS 内を完全に削除してから、3. でコピーしペイしたファイルの CSS 内容全部を 画面上でペイして 「Seve」 すれば元の状態に戻ります。
ここに掲載している CSS は下記の内容になっています。
- 下記の #nnnnnn の部分が、2 桁 (nn) ずつ左側から R (レッド 赤) G (グリーン 緑) B (ブルー 青) に対応してます、nn は 16 進数の 00 - FF を使います。
- nn が小さいと (00) 暗く、nn が 大きいと (FF) 明るくなります、例 #000000 (黒) #FFFFFF (白) と言う事になります。
- 下記は内容を説明してますので、コピーペイには使用しないで下さいね、右側の説明は設定した色で表示してます。
- 同時にリンク関係の表示色変更してます、ここと 同じ表示になります。
------------------------------------------------------------ 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 の説明 以上まで ------------------------------------------------------------
ここに掲載している Call の方が、実際に QRZ.com カストマイズ を行っている方です、QSO した方 Mail でお教え頂いた方です。
1/1 Call QRZ.com 掲載局 その他 1. JA9BKJ JA9BKJ QRZ.com
- ここに Call を掲載しても良い方は 私まで Mail で Call を教えて下さい、又は お空でお会いした時にお申し出下さいね。
- 皆さんも QRZ.com には無料で簡単に掲載出来ますので掲載して見て下さい。