CSSファイルを編集することにより、ホームページのデザインを変更します。

※CSSファイルを編集できるのは、会員HPだけです。（同好会、OB会、同期会のホームページはできません）

１．CSSファイルを編集します。

スタイルシート機能がご利用できるレイアウトは２段目のデザイン()のみです。

以下の手順でCSSファイルを編集します。

（１）CSSファイルをダウンロードする。まず「ダウンロード」ボタン()をクリックし、デフォルトCSSファイルをご自分のパソコンへ保存してください。

（２）CSSファイルを編集する。CSSファイル編集内容については「２． CSSファイルの編集例」にて別途説明します。

（３）CSSファイルをアップロードする。会員独自CSSのアップロードの「参照」()をクリックし、編集したCSSファイルを選択、「アップロード」ボタン()をクリックします。 するとスタイルシート選択が以下のように表示されるようになります。(追加表示)

（４）スタイルシート選択のラジオボタンを「会員独自CSS」()に変更し、「書き込む」ボタン()をクリックしてください。

（５）再度変更したい場合は、会員独自CSSの「ダウンロード」ボタン()をクリックし、

（２）〜（４）の手順を行ってください。

【CSSファイルについて】

・ アップロード可能なCSSファイルのサイズは最大3Mbyteです。

・ アップロード可能なCSSファイルの拡張子は「css」です。

CSSファイルを編集することにより、ホームページのデザインを変更します。

※CSSファイルを編集できるのは、会員HPだけです。（同好会、OB会、同期会のホームページはできません）

２．CSSファイルの編集例

デフォルトCSSにてホームページを表示させた場合は以下のようなデザインになります。

２．１ ホームページのタイトル画像を変更してみましょう

74行目のタイトル背景画像のファイル名の指定を変更します。

例えば、画像ライブラリにアップロードしたファイル名を指定します。

すると以下のようにホームページのタイトル画像が変更されます。

２．２ ホームページのタイトル文字サイズを変更してみましょう

89行目の文字サイズの指定を変更します。

例えば、以下のように指定します。

すると以下のようにホームページのタイトル文字サイズが変更されます。

２．３ ホームページの背景色を変更してみましょう

6行目の背景色の指定を変更します。

例えば、以下のように指定します。

すると以下のようにホームページの背景色が変更されます。

３．CSSファイルの説明

ＣＳＳファイルに定義している主要なスタイル定義について、以下に説明します。

各画面とスタイル定義の対応を以下に示します

（１）トップ画面

ホームページのレイアウト及びホームページ画像を設定します。設定が終わりましたら「書き込む」ボタンをクリックします。

（２）紹介画面

（３）−１ コラム・会の情報　一覧画面

（３）−２ コラム・会の情報　詳細画面

（４）−１ 談話室　一覧画面

（４）−２ 談話室　詳細画面

（４）−３ 談話室　返事画面

（４）−４ 談話室　新規投稿画面

（５）メール画面

(表中使用略語について：IE→InternetExplorer、NC→Netscape)

◆HTMLタグが使用できる対象エリア

同好会・同期会・OB会ホームページの「トップ」、「紹介」および「コラム」または「会の情報」本文

◆使用文字数制限について

同好会・同期会・ＯＢ会「会の情報」 への入力文字数は全角文字で2,000文字、半角文字で4,000文字まで。

・全角文字・・・あいうえお、ＡＢＣＤＥ、１２３４５など
・半角文字・・・ABCDE、12345　(半角文字で、カタカナの使用は文字化けの原因となりますので使用は控えてください)

◆使用可能HTMLタグ