カスタマイズ - 長井・NetCommons練習サイト

ログイン

NetCommons Test and Study Site

　　Product By K.Nagai

カスタマイズ

１．NetCommons公式マニュアル・「NetCommons実践デザインカスタマイズ」から、比較的簡単なカスタマイズを試したケース。
２．ネットから収集して掲載したケース及びNetCommonsのソースコードをヒントにアレンジ。
など、メモ用にまとめたもの。

デザイン＆メニューなど

　☆　ヘッダーの背景色・・・ＮＣの最上部の背景色を全体の色と同じにする

　☆　フッターの編集・・・公式カスタマイズ本をまとめたもの
　☆　メニューボタンの編集・・・NetCommonsの使わないテンプレートのボタンをオリジナルに変える
　☆　メニューsideflat・・・sidelatメニューのデザインを追加する
　☆　ページ幅の固定・・・サイト全体の横幅を固定する。
　☆　オンラインユーザー・・・表記の文字を変えてみる。モジュール：｢オンライン状況｣

JavaScript --A--

NetCommonsの｢WYSIWYG｣・｢HTML｣編集画面からJavaScriptを利用したテストです。
(WYSIWYG:What You See Is What You Get（見たままが得られる）の頭文字)
☆　画像のロールオーバー・・・メニューのボタンに良く利用されるマウスオーバーで画像を入れ替える。
☆　画像の拡大表示・・・サムネイルをクリックすると大きな画像が別ウィンドウで開く。
☆　ボックスの背景色、画像・・・画像にマウスを重ねると背景色が変わる、また背景画像を変える。

JavaScript --B--

｢JavaScript｣ファイル（関数）を作成し、アップロードして表示させたケース。
☆　簡単な計算・・・JavaScriptファイルを作成して簡単な計算を行う。
☆　数値チェック・・・フォームに入力されたデータを数値かチェックし、数値以外の場合、メッセージを表示。
☆　画像１・表示方法・・・テキストのクリックやサムネイル画像のマウスオーバーで画像を表示。
☆　画像２．スライドショウ・・・ボタンでスライドショウの開始と停止

その他

☆　ブログパーツ・・・ホームページを飾るブログパーツ、NetCommonsで作成したサイトにも入れてみる。
☆　カウンタ値変更・・・アクセスカウンタの値を変更
☆　CSSの組込・・・｢お知らせモジュール｣に独自のCSSを組み込む
☆　カレンダや施設予約の文字・・・小さくて見にくいのでこれを少し大きく。

デザイン＆メニューなど

JavaScript -- A--

JavaScript --B--

その他