HOME

楽しい消防団

自転車に乗ろう

私がせんむ

パソコンレスキュー隊

せんむのQ&A

PC改造部屋

宮中囃子連

掲示板

リンク集

[ナスカの助け合い掲示板]  [せんむのおまけのページ]  目次へ


NAZCA(ナスカ)掲示板でのアイコン設定方法

by せんむ


 1.アイコンの画像を探す

 2.アイコンの画像を保存

 3.自分のHPに必要な画像ファイルをアップロード(転送)

 4.転送した画像がちゃんと見られるか確認

   (画像のURL部分をメモ帳にコピー&貼り付けしておくと楽です)

 5.自分の掲示板の「管理用」から管理者モードに入る

 6.環境設定の「設定変更画面へ」を押す

 7.「オリジナルアイコン使用」にチェックを入れる

 8.アイコン登録(オリジナル) に画像のURLを入力 (コピー&貼り付けすると楽)

 9.「設定終了」を押す

  必ず、フルパスで書くこと  例:http://www.abc.ne.jp/homepage/images/icon01.gif

 ページTOPへ


具体的な方法は・・・・・・ (よくわからない人、不安な人はここを見てね)

1.アイコンの画像を探す

まず、アイコンの画像を探しましょう。YahooGooなどで、「アイコン」「素材」「画像」などで検索すれば無料素材がたくさん見つかると思います。その画像が使っていいものかどうか確認します

2.アイコンの画像を保存

無料素材のサイトで欲しい画像が見つかったら、必要な画像にマウスを合わせて右クリック、「名前を付けて画像を保存」を押すと、自分のPCのHDDに保存できます。名前はお好きなものに。
 

 ファイル名、フォルダ名は必ず、半角英数字にしましょう。
 日本語や全角文字、記号、空白(スペース)などを使うと
 エラーになる可能性が高くなります。
どうしても、というときは「 _ 」(アンダーバー)を使いましょう。英数モードでSHIFTを押しながら、ひらがなの「ろ」のキー(キーボードの右手前)を押すと出てきます。(例) my_icon.gif

保存場所はどこでもいいですが、数個程度でしたらデスクトップを指定するとわかりやすいと思います。数が多い時はデスクトップの何もないところで右クリック、「新規作成」→「フォルダ」で新しいフォルダがつくれます。そのフォルダを右クリック、「名前の変更」で、わかりやすい名前を付けたら、それを保存先に指定すると管理が楽です。あとでフォルダごとマイドキュメントなどに移動しておきましょう。

また、HPを見ているときに「ファイル」→「名前をつけて保存」→「完全」を選ぶと、表示されているページが画像をふくめてまるごと保存できます。

3.自分のHPに必要な画像ファイルをアップロード(転送)

自分のHPに必要な画像ファイルをアップロード(転送)しましょう。
(すでに自分のHPにある画像を使うなら、この作業は不要です。)

やり方は作成ソフト、またはFTPソフトのマニュアルを参照してください。

一般的には保存した画像ファイルを自分のHPのファイルがあるフォルダに移動してから「発行」「ファイル転送」などを使います。

通常のFTPソフトでの画像転送例はここを見てね

イースターの無料HPを使う場合の転送方法はここを見て

4.転送した画像がちゃんと見られるか確認

インターネットに接続して、転送した画像のページがちゃんと画像が見られるか確認します。

 たとえば自分のHPのURLが http://www.abc.ne.jp/homepage/index.htm 
 使いたいアイコン画像が 
icon01.gif の場合、画像のURLは
 
http://www.abc.ne.jp/homepage/icon01.gif となります。

 このURLをIEのアドレス欄に入力してエンターキーを押し、ちゃんと表示されればOKです。

 もし、画像をimagesというフォルダに入れてある場合は
 
http://www.abc.ne.jp/homepage/images/icon01.gif となります。

 複数の画像を使う場合は、上の画像のURL部分をメモ帳にコピー&貼り付けしておくと楽です。
 (すでに自分のHPにある画像を使う場合も同様です。)

5.自分の掲示板の「管理用」から管理者モードに入る

自分の掲示板の題名の下にある「管理用」というところをクリック、 管理者モードでパスワードを入力してログインを押す。

6.環境設定の「設定変更画面へ」を押す

7.「オリジナルアイコン使用」にチェックを入れる

8.アイコン登録(オリジナル) に画像のURLを入力(コピー&貼付)

  ここにはタグを書かないこと!!

注意 URLはすべて半角英数字です。一文字でも違うとエラーになります。

必ずフルパスで書くこと  例:http://www.abc.ne.jp/homepage/images/icon01.gif

9.「設定終了」を押す

ページTOPへ

 


ページTOPへ

どうしても画像だけの転送のやり方がわからない場合は・・・

1.ページを新規作成

HP作成ソフトを起動し、新しいページを新規に作成します

2必要な画像(何個でもOK)を新しいページに貼り付けて名前を付けて保存

3.HPにアップロード

たとえば自分のHPのURLが http://www.abc.ne.jp/homepage/index.htm 
使いたいアイコン画像が 
icon01.gif の場合・・・・・

1)新規作成で、新しいページを作ります。
2)この画像をそのページに貼り付け(挿入)します。
3)そのページに
gazou.htm と言う名前を付けて(名前はなんでもいい)保存します。
4)このページの
HTMLファイルと画像ファイルの両方を自分のHPに転送します。
 (転送方法は作成ソフトのマニュアルを参照)

(画像にアイコン素材を使うだけで、通常のHPを作る手順とおなじです。)
 

 ファイル名、フォルダ名は必ず、半角英数字にしましょう。
 日本語や全角文字、記号、空白(スペース)などを使うと
 エラーになる可能性が高くなります。
どうしても、というときは「 _ 」(アンダーバー)を使いましょう。英数モードでSHIFTを押しながら、ひらがなの「ろ」のキー(キーボードの右手前)を押すと出てきます。(例) my_icon.gif

4.画像が見られるか確認

インターネットに接続して、転送した画像のページでちゃんと画像が見られるか確認します。

この例だと http://www.abc.ne.jp/homepage/gazou.htm が画像のあるページです。

5.画像のURLを確認、メモ帳にコピーする

確認できたら、そのページを表示したまま・・・

1)必要な画像にマウスポインターを合わせて右クリック
2)「プロパティ」をクリック
3)画像のアドレス(URL)をドラッグして、そのまま右クリック→「コピー」
4)メモ帳を起動して「編集」→「貼り付け」
5)複数の画像がある場合、画像の名前やコメントを一緒に書いて保存しておくと便利です。

この例の場合、画像のURLが
 
http://www.abc.ne.jp/homepage/icon01.gif となっていれば成功です。

もし、画像をimagesというフォルダに入れてある場合は
 
http://www.abc.ne.jp/homepage/images/icon01.gif となります。

実際のウィンドウはこんな感じです。(これはWindows XPの場合)
コピーした後は「OK」か「キャンセル」を押すとウィンドウが閉じます。

アイコンのプロパティ画面

6.自分の掲示板の「管理用」から管理者モードに入る

自分の掲示板の題名の下にある「管理用」というところをクリック、
管理者モードでパスワードを入力してログインを押す。

7.環境設定の「設定変更画面へ」を押す

8.「オリジナルアイコン使用」にチェックを入れる

9.アイコン登録(オリジナル) に画像のURLを入力(コピー&貼付)

先ほどメモ帳にコピーしておいた画像のURLをコピー&貼り付けすると間違いありません。

10.「設定終了」を押す

こうして複数のアイコン画像を転送して、その画像ページをお気に入りに登録しておくと、アイコンを変更したい時に、そのページを表示させて画像の上で右クリック、プロパティを開き、URLをコピーして、掲示板の設定画面に貼付すれば、楽チンでまちがいありません。

または、メモ帳に画像のURLと画像の名前、コメントを書いておくと、わざわざHPを開かなくてもメモ帳を開いて使いたい画像のURLをコピーするだけでOKなのでさらに楽チンです。

注意 URLはすべて半角英数字です。一文字でも違うとエラーになります。 

 

画像の保存場所と転送後のURLの関係

画像をダウンロードします。欲しい画像を右クリック、「名前を付けて保存」します。保存場所はHPに使っている他の画像ファイルと同じ場所にすると早いですしますが、一度、デスクトップなどに保存してから移動することもできます。

自分のHPのファイルの保存場所を確認します。作成ソフトによって場所が違います。
多くはマイドキュメントの中だと思いますが、ソフトによってはそのソフトの中に保存するものもあります。
まず、マイドキュメントを開いて探してみて、見当たらなければ作成ソフトのフォルダを開いてみます。

<例1>
マイドキュメント ━ myhomepage ┳ index.html
                      ┣ profile.htm
                      ┣ lin.htm
                      ┣ gazou.gif(画像ファイル)
                      ┗ icon.gif(画像ファイル)
<例2>
program  ━ 作成ソフト ━ myhomepage ┳ index.html
                              ┣ profile.htm
                              ┣ lin.htm
                              ┣ gazou.gif(画像ファイル)
                              ┗ icon.gif(画像ファイル)
<例3>
マイドキュメント ━ myhomepage ┳ index.html
                      ┣ profile.htm
                      ┣ lin.htm
                      ┗ images ┳ gazou.gif(画像ファイル)
                              ┗ icon.gif(画像ファイル)
<例4>
program  ━ 作成ソフト ━ myhomepage ┳ index.html
                            ┣ profile.htm
                            ┣ lin.htm
                             ┗ images ┳ gazou.gif(画像ファイル)
                                    ┗ icon.gif(画像ファイル)

画像ファイルの場所は・・・・
例1の場合、マイドキュメントの中の「myhomepage」フォルダ
例2の場合、program フォルダの中の「作成ソフト」の中の「myhomepage」フォルダ
例3の場合、マイドキュメントの中の「myhomepage」フォルダの中の「images」フォルダ
例4の場合、program フォルダの「作成ソフト」の「myhomepage」の中の「images」フォルダ

作成ソフトを起動して、上の例を参考にして該当の画像ファイル選択し、転送します。

HPのURLが http://www.abc.ne.jp/homepage/

の場合、転送した後のHPでの画像ファイルgazou.gifのURLは・・・・

例1、例2の場合、 http://www.abc.ne.jp/homepage/gazou.gif

例3、例4の場合、 http://www.abc.ne.jp/homepage/images/gazou.gif

となります。

画像のみの転送方法がわからない場合は・・・

新規作成でたとえばgazouitiran.htmというページを作ります。
(名前は任意ですがindexは特別なファイル名なのでやめたほうがいいです。)
そこに使いたい画像を貼り付け、上書き保存します。
gazouitiran.htmファイルを転送します。
IEを起動し、そのページを表示します。上の例だとURLは
 
http://www.abc.ne.jp/homepage/gazouitiran.htm

というURLのページになります。
ここで必要な画像を右クリック、プロパティを開くと画像のURLが出ますので
それをコピーして、メモ帳などに貼り付けておきます。
掲示板のアイコン設定画面などでコピーした画像のURLを一個づつ貼り付けます。

 ページTOPへ

[ナスカの助け合い掲示板]  [せんむのおまけのページ]  目次へ 相談や質問は掲示板へ

 

 


女の子お絵かき掲示板ナスカiPhone修理