家を設定するうえでのルール(必ずお読みください！)
家の設定をする場合は以下のことを守り設定するようにしましょう。
●基本販売掛け率を 0.5 より小さくしてはいけません。
サイズの大きい画像やブログパーツを多く使うことによりページが重くなることがあります。
タウンのプログラムに悪影響を与えることがあります。
重くなる原因になりますし、訪問者が驚いてしまうかもしれません。
それ以上は重くなる原因になります。
aタグで <a href="" target="_blank"> の target="_blank" を忘れないようにしましょう。
家で個人的にオークションを開催するのは禁止されています。
(かなりの高値での取引となるため)
オアシスタウンにあるオークションを利用しましょう。
その他ネット上，TOWNでの常識，マナーを守って設定をするようにしましょう。
参考にしたサイト
1 基本設定
家の設定の初期状態だと入ってすぐ、コンテンツを開くと一番下にある基本設定の説明です。
- ●街で家にマウスがのった時に表示されるコメント（40字以内）
家に入る前に確認できるところです。
家の紹介も良いですし思わず入りたくなるような言葉を書くのも良いと思います。
設置するコンテンツを設定します。
家を建てた時の家のランクにより設置できるコンテンツ数が変わります。
家の場所を変えずに街から見た家の姿や家のランクを変えることができます。
家を売ることができます。
売ったあとも家の設定は残っているので引越しも安心してできます。
2 設定項目の意味
基本設定が終わったらいよいよ本番！
ここでは掲示板の設定を例に説明して行きたいと思います。
掲示板の設定画面はこんな感じです。(すでに設定されている状態です。)
imageプラグインエラー : 画像を取得できませんでした。しばらく時間を置いてから再度お試しください。
別ウィンドウで「アクアタウン家の設定ルール」が開きます。
必ず守らなければならないことで知らなかったではすまされないことなので
必ず目を通しておいてください。
- ●掲示板のタイトル（タグ指定可。絶対URLならばイメージ画像の指定も可）
掲示板の一番上に表示されるタイトルを決めることができます。
タグについては3にて説明します。
上で設定したタイトルのしたにコメントを付けることができます。
ここでもタグを使うことができます。
掲示板の外側の背景を設定できます。
画像を使うこともできます。
上で設定した「掲示板のタイトル」の文字の色、大きさ、表示位置などを設定できます。
上で設定した「タイトル下のコメント」の文字の色、大きさ、表示位置などを設定できます。
スレNOの数字の色、大きさを設定できます。
書き込みした人の名前職業部分の色、大きさを設定できます。
掲示板の背景や書き込みの文字の色、大きさや外側との囲いを設定することができます。
新規投稿のわくの大きさを設定できます。
他のページとリンクする<a>タグを使った時の文字の色、大きさを設定できます。
掲示板下の「前の画面に戻る」ボタンにも適用されます。
掲示板の横の大きさを設定できます。
「新規投稿」「レス」「さい銭する」「家を出る」等のボタン型の
文字の色、大きさや背景、囲い等が設定できます。
謎。必要ないですたぶん。
「掲示板のリンクを使う」をチェックすることにより
書き込みしてくれた方の家へのリンクが自動的に張られるようになります。
3 スタイルを設定する
ここでは上記設定項目のうち上2つの「掲示板のタイトル」「タイトル下のコメント」を除く
スタイルを直接書く方を説明します。
現在この部分を設定する際に空白スペースを入れると設定が消えるバグがあります。
空白スペースは入れないように気をつけてください。
また2つ以上設定するときは;(セミコロン)を忘れないように気をつけてください。
3.1 設定する前に知っておくべきこと
コピー&ペーストの略です。
書かれているものをそのまま好きなところに書き写すことができます。
知らなくても家の設定は出来ますが掲示板以外にも同じ設定を使いたいときや
ここから設定するものをコピペすると便利だと思うので覚えておくと良いと思います。
1,コピーしたいところをドラッグします。(左クリックし続けながらコピーしたいところを選択)
2,ドラッグしたところで右クリック→コピー、これでコピーは完了しました。
3,そして文を貼り付けたいところで右クリック→貼り付け、これがペーストです。
これで目的の文を簡単に写すことができます。
色を設定するさいにこの色コードを使います。
6つの英数字によって決められるもので 000000(黒) ffffff(白)という感じです。
基本はこの先頭に「#」をつけて「#000000」「#ffffff」のように使います。
自力で好きな色を作るのは知識も必要で難しいと思うので
グーグルやヤフーで「色々せれくと」と検索してみてください。
色を下から選択して上で濃さ薄さを調整することができるページが出てくるはずです。
そこで自分の好きな色を作って#と6つの英数字の部分をコピペすると良いと思います。
3.2 背景を設定する
背景の設定は「背景のスタイル設定」「掲示板内の基本スタイル設定」で主に使う事になると思います。
「背景のスタイル設定」では掲示板の外側の背景を、
「掲示板内の基本スタイル設定」では掲示板内側の背景を設定できます。
「背景のスタイル設定」「掲示板内の基本スタイル設定」に
background-color:色コード;
を入れることにより背景を設定します。
色コードの部分に#と英数字6文字を入れてください。
(例)
background-color:#000000; だと背景が黒に、
background-color:#ffffff; だと背景が白にかわります。
上の画像の場合だと
「背景のスタイル設定」には background-color:#c4ff80; が
「掲示板内の基本スタイル設定」background-color:#e5e5ff; が入っています。
背景に画像を使いたい場合は「背景のスタイル設定」「掲示板内の基本スタイル設定」に
background-image:url(画像のURL);
を入れます。
ただし家の設定ルールにあるように
・著作権の許可を得ていない画像、音楽などのファイルの記載は禁止
ですので必ず守ってください。
また、画像は元のページから直接持ってくるのではなく
一度画像を右クリック→名前をつけて画像を保存でデスクトップ等に保存してから
アップローダーに上げて使うようにしてください。
ー背景画像の並べ方を変更するー
background-repeat:並べ方;
「並べ方」の部分に、
repeat（既定値：敷き詰める）、repeat-x（横方向のみ並べる）
repeat-y（縦方向のみ並べる）、no-repeat（ひとつだけ表示する）
のいずれかを入れます。
ースクロール時の表示の仕方を変更するー
background-attachment:スクロール時;
「スクロール時」の部分に、
scroll（既定値：一緒にスクロールする）、fixed（スクロールしない）
のいずれかを入れます。
ー背景画像の表示位置を変更するー
background-position:横の位置 縦の位置;
「横の位置」の部分に、
left（左端）、center（中央）、right（右端）
のいずれかを入れて「縦の位置」の部分に、
top（上端）、center（中央）、bottom（下端）
のいずれかを入れます。
(例)
background-image: url(背景画像のURL);
background-repeat: no-repeat;
background-position:right top;
background-attachment: fixed;
背景画像を一つだけ右上に表示してスクロールしても画像を動かさないようにします。
3.3 文字の色を設定する
「●タイトルのスタイル設定」,「●タイトル下のコメントのスタイル設定」,「●記事番号のスタイル設定」
「●投稿者名のスタイル設定」,「●掲示板内の基本スタイル設定」,「●リンク（aタグ）のスタイル設定」
で主に使用すると思います。
color:色コード;
で文字の色を変えることができます。
色コードの部分に背景の設定と同じく#と6英数字を入れてください。
背景と文字の色を同じにすると文字がみえなくなるので注意してください
3.4 文字の大きさを設定する
文字の色を設定する所と同じ、
「●タイトルのスタイル設定」,「●タイトル下のコメントのスタイル設定」,「●記事番号のスタイル設定」
「●投稿者名のスタイル設定」,「●掲示板内の基本スタイル設定」,「●リンク（aタグ）のスタイル設定」
で主に使用します。
font-size:数字px;
を文字の大きさを設定したいところに入れてください。
「数字」に大きさを決める数字を入れます。
だいたい10~20あたりでまとめると見やすくなると思います。
(例)
font-size:14px;
3.5 文字を太く,斜めに設定する
これも
「●タイトルのスタイル設定」,「●タイトル下のコメントのスタイル設定」,「●記事番号のスタイル設定」
「●投稿者名のスタイル設定」,「●掲示板内の基本スタイル設定」,「●リンク（aタグ）のスタイル設定」
で主に使用します。
font-weight:bold; 太くする
font-style:italic; 斜めにする
3.6 掲示板の外側と内側を分ける枠を設定する
「●掲示板内の基本スタイル設定」に次のスタイルを設定することにより
枠を作ることができます。
border:枠の色コード;border-style:枠の種類;border-width:枠の太さの数字px;
枠の色コードの中に色コードを入れることにより枠の色を設定します。
枠の種類には次のいずれかを入れます。
dotted（点線）、dashed（粗い点線）、solid（実線）、double（二重線）
groove（谷線）、ridge（山線）、inset（内線）、outset（外線）
試してみて良いものを選びましょう。
枠の太さの数字には数字を入れて枠の太さを設定します。
(例)
border:#ff0000;border-style:dotted;border-width:3px;
これで赤い点線の枠を作ることができます。
枠の太さは色々試して丁度いいものを選びましょう。
3.7 オマケ
上記のもので基本的には完成しますが
よりオリジナルなものに出来る方法をここで紹介します
「●タイトルのスタイル設定」,「●タイトル下のコメントのスタイル設定」に
次を入れることにより中央に文字を表示できます。
text-align:center;
centerの部分をleft(左寄せ)right(右寄せ)にして使うこともできます。
枠の色を四方別々に指定することが出来ます。
border-top:上の色コード;border-bottom:下の色コード;border-left:左の色コード;
border-right:右の色コード;border-style:枠の種類;border-width:枠の太さpx;
実際は改行しなくて大丈夫です。
ちなみにboder-top-styleやborder-top-width等を使って枠の種類や太さも
上下左右別々にできます。
文字の形(フォント)も変えることが出来ます。
font-family:'フォントの種類';
フォントの種類はブラウザのツール→インターネットオプション→フォントにあるものから
好きなものを探してそれを入れると良いと思います。
ただし全角半角や空白スペースに気をつけてください。
(例)
font-family:'ＭＳ Ｐゴシック';
font-family:'ＭＳ Ｐ明朝';
font-family:'メイリオ';
4 タグを使う
「●掲示板のタイトル」「●タイトル下のコメント」では
タグを使うことで文字の色,大きさを変えたり画像を貼る,枠や表を作ることもできます。
4.1 文字の色,大きさ等を設定する
文字の色や大きさ,太さ,斜め文字等を設定する方法は
今から紹介する方法以外にもありますが2で説明したスタイルシートを使う方法が
一度に文字の色や大きさ,太さ,斜め文字等を設定できてきれいにまとまりわかりやすいと思うので
そちらを説明します。
(例)をコピペで「●掲示板のタイトル」「●タイトル下のコメント」にまるごと移して
試しながらやると良いと思います。
<span style="ここに設定を入れる">ここの挟まれた文字を変化させます。</span>
color:色コード;
「色コード」の部分に#と英数字6つを入れます。
(例)
<span style="color:#ff0000;">赤文字に変えます</span>
font-size:数字%;
「数字」に数字を入れます。
2で設定した「●タイトルのスタイル設定」,「●タイトル下のコメントのスタイル設定」
の文字の大きさの何%にするかで決めます。
(例)
こっちより
<span style="font-size:200%;">こっちが倍大きい</span>
font-weight:bold; 太くする
font-style:italic; 斜めにする
text-decoration:装飾の種類; 装飾する
装飾の種類にはunderline（下線）、overline（上線）、line-through（打ち消し線）等があります。
(例)
<span style="font-weight:bold;">太くする</span>
<span style="font-style:italic;">斜めにする</span>
<span style="text-decoration:line-through;">取り消し線</span>
複数指定することで同時に色と大きさ等を変えることもできます。
(例)
<span style="color:#ff0000;font-size:200%;font-weight:bold;">赤文字2倍の大きさ太字</span>
<span style="color:#0000ff;font-size:50%;">青色小さい文字</span>
4.2 リンクをはる
自分の家にリンクを貼って他の人が自分のHPやお気に入りのページに行けるようにできます。
ただしリンクしようとしているページがリンク禁止している場合もありますので注意してください。
<a href="リンク先のURL” target="_blank">ここの文字が表示されます。</a>
・リンクは必ず新規ウィンドウにする
とありますのでtarget="_blank"は必ずつけるようにしてください。
(例)
<a href="
http://aquatown.jp/” target="_blank">アクアタウン</a>
4.3 画像をはる
家の設定ルール
・著作権の許可を得ていない画像、音楽などのファイルの記載は禁止
を守り画像を張りましょう。
<img src="画像のURL" width=画像の幅 height=画像の高さ>
大きい画像ならば画像の幅か高さは必ず指定してください。
どちらか片方を指定すれば自動的にもう片方も決まります。
小さい場合ならば
<img src="画像のURL" >
だけでも問題ありません。
4.4 枠を作る
2-6で説明した枠を自分で作り出すことができます。
<div style="border: 枠の太さpx 枠の種類 枠の色コード;background-color:背景の色コード; width:枠の幅px;">
ここの文字が枠に囲まれます。
</div>
枠の太さ 数字で入力
枠の種類 dotted（点線）、dashed（粗い点線）、solid（実線）、double（二重線）
groove（谷線）、ridge（山線）、inset（内線）、outset（外線）
枠の色コード 色コード#と6つの英数字を入力
背景の色コード 色コード#と6つの英数字を入力
枠の幅 数字で入力
ちなみにここで3-1の文字を変化させるスタイルシートを入れることもできます。
(例)
<div style="border:3px dotted #ff0000;background-color:#ffffff; width:500px;color:#0000ff;">
ここの文字を囲う赤色の点線枠を表示させ背景を白,文字色を青に変えます。
</div>
4.5 表を作る
何かをまとめるときには表を作るとわかりやすく便利です。
表を作るときはtableタグを使います。
上記のとほほのWWWさんの例に説明しますと
<table border=1>
<caption>【各国の首都】</caption>
<tr><th>国名</th><th>首都</th></tr>
<tr><td>日本</td><td>東京</td></tr>
<tr><td>大韓民国</td><td>ソウル</td></tr>
<tr><td>中国</td><td>北京</td></tr>
</table>
border=1 ここでテーブルの種類を指定しています。
caption テーブルの見出しになります。
<tr>から</tr>までが1行(横)で
1行目は<th></th>(表の項目等)を、2行目以降は<td></td>(データ)で列(縦)を作っていきます。
例では2列となっていますが、
<th></th>と<td></td>を増やすことにより列を増やすのも可能です。
また、<table>タグ内にbgcolor="色コード"を追加することで背景に色をつけられます。
(例)
<table border=1 bgcolor="#0000ff">
<caption>3行3列の背景青の表</caption>
<tr><th>1</th><th>2</th><th>3</th></tr>
<tr><td>1-1</td><td>2-1</td><td>3-1</td></tr>
<tr><td>1-2</td><td>2-2</td><td>2-3</td></tr>
</table>
4.6 ボタンを作る
ボタンを表示して文字を表示させます。
<button onclick="alert('クリックしたとき表示されます')">ここをクリック！</button>
<span style=""></span>と組み合わせて文字の色を変える等もできます。
(例)
<button onclick="alert('OK')"><span style="color:#ff0000;">ここをクリック！</span></button>
4.7 流れる文字を作る
文字を右から左に左から右に流すことができます。
<marquee>流す文字</marquee>
<marquee>タグ内に次のものを入れると動作を変えることができます。
- bgcolor="色コード" 背景色の指定
- behavior="流れの種類" 流れの種類を変えます。
scroll（スクロール）、slide（端にぶつかると停止）、alternate（端から端までを往復）
- direction="方向" 流れる方向を変えます。
left：右→左 right：左→右 down：上→下 up：下→上
- scrollamount="流れる速度" 数字を入力して流れる速度を変えます。
- scrolldelay="遅延時間" 数字を入力してページが表示されてから流れるまでの時間の長さを変えます。
- loop="周回" 何周するかを指定します。
(例)
<marquee behavior="alternate" loop="2">2回往復して止まります</marquee>
<marquee direction="right" scrolldelay="300">左から右に300ミリ秒後流れだします。</marquee>
4.8 家に入ったときに表示される文字を作る
家に入ったとき、もしくはそのコンテンツに入ったときに表示される文字を作ることができます。
<SCRIPT>alert('ここの文字が表示されます')</SCRIPT>
また選択肢を作ってそれぞれに違う文を入れると言うこともできます。
<SCRIPT>if (confirm('最初にここが表示されます')==true){alert('OKのとき')}else{alert('キャンセルのとき')}</SCRIPT>
(例)
<SCRIPT>if (confirm('元気ですかー！？')==true){alert('元気があればなんでもできる！')}else{alert('アッチョンプリケ！')}</SCRIPT>
4.9 マウスで特定の動作をしたとき表示される文字を作る
マウスで文字をクリックしたときやマウスがその文字に乗ったとき等
特定の動作をしたとき表示させる文字を作ることができます。
マウスをクリックした時
マウスカーソルが文字の上に乗った時
マウスカーソルがそのオブジェクトの上から離れた時
(例)
<div onclick="alert('クリックしたとき表示')">ここをクリック！</div>
<div onclick="alert('一時停止')">ここを通ると？</div>
<div onclick="alert('マテマテーイ')">ここを通り過ぎると？</div>
4.10 youtubeの動画を張り付ける
家の設定ルールを守って動画は貼るようにしてください。
貼り付けたい動画のページに行ってください。
そうすると動画の右側にURL,埋込みと書いてありその隣に動画のURLとタグがあると思います。
埋込みの方のタグをそのままコピペで動画を貼り付けたいところに持ってきます。
そこから<embed></embed>で囲まれた以外の部分を消して使うと
動画を張り付けることができます。
5 掲示板以外のコンテンツの設定項目
ここでは掲示板以外のお店,家主のみの掲示板,独自URLの設定項目を
それぞれ説明して行きます。
5.1 お店の設定
- ●お店のタイトル（タグ指定可。絶対URLならばイメージ画像の指定も可）
掲示板だと「●掲示板のタイトル」にあたる部分です。
タグも同じように使うことができます。
- ●お店の種類（スーパーは全ての商品を扱うことがで・・・
お店の種類を変更することができます。
スーパーはすべてのお店の種類の商品を仕入れることができますが
仕入れ価格が1．5倍になる、専門店限定商品が仕入れることができなくなるという
デメリットもあります。
ここでお店の種類を選択したあと設定変更ボタンを押さないとお店の種類は変わりませんので注意
掲示板だと「●タイトル下のコメントのスタイル設定」にあたる部分です。
ただしこのコメントはタイトルの右側に表示されます。
タグも同じように使うことができます。
仕入れた商品の初期販売価格を設定できます。
家の設定ルールに
・ゲームバランス保護のため、仕入れ値の半分未満での販売を禁止
とありますので0.5~3の間で設定してください。
掲示板の「●背景のスタイル設定」と同じです。
掲示板の「●タイトルのスタイル設定」と同じです。
掲示板の「●タイトル下のコメントのスタイル設定」と同じです。
右側か下側かの違いです。
お店上側のタイトルとコメントが表示される部分の背景,枠等を設定できます。
お店下側の背景,枠などを設定できます。
商品名や上がるパラメータが書いてある部分の背景,文字の色や大きさ等を設定できます。
「商品 価格 在庫 各パラメーター」と並んでいる部分の背景,文字の色や大きさ等を設定できます。
商品の種類(DVD,お花,…)の部分の背景,文字の色や大きさ等を設定できます。
掲示板の設定項目と同じです。
「新規投稿」「レス」「さい銭する」「家を出る」等のボタン型の
文字の色、大きさや背景、囲い等が設定できます。
掲示板の設定項目と同じです。
他のページとリンクする<a>タグを使った時の文字の色、大きさを設定できます。
掲示板下の「前の画面に戻る」ボタンにも適用されます。
ここで仕入れた商品の価格,コメントを変更することができます。
ここからお店で売る商品を仕入れます。
ここで売れ残っている商品を返品できます。
店の種類を変更するときに利用するかもしれません。
5.2 家主のみの掲示板
- ●掲示板のタイトル（タグ指定可。絶対URLならばイメージ画像の指定も可）
掲示板の設定項目と同じです。
タグもまったく同じように使えます。
掲示板の設定項目と同じです。
タグもまったく同じように使えます。
掲示板の設定項目と同じです。
掲示板の設定項目と同じです。
タイトルの文字の色や大きさ等を設定ができます。
掲示板の設定項目と同じです。
コメントの文字の色や大きさ等を設定ができます。
記事の題名(タイトル)の文字の色や大きさ等を設定ができます。
掲示板の設定項目と同じです。
掲示板内の背景や枠,文字の設定ができます。
何件ずつ記事を表示するか設定できます。
それ以降はNEXTボタンで見れるようになります。
掲示板の設定項目と同じです。
掲示板の幅を設定できます。
掲示板の設定項目と同じです。
「新規投稿」「レス」「さい銭する」「家を出る」等のボタン型の
文字の色、大きさや背景、囲い等が設定できます。
ここから記事を書くことができます。
タグ可と書いてあってもタグが使えないのは仕様です。
5.3 独自URL
- ●コーナータイトル（タグ指定可。絶対URLならばイメージ画像の指定も可。また指定しなくてもOKです。）
タイトルを設定します。
タグも使用可能です。
独自URLにはタイトル下のコメントが短くしかかけないので
ここで一緒に書いてしまうのも手です。
※悪質なサイトや未成年にふさわしくないサイトのURLは設定しないで下さい。
また著作権にも注意してください。
URLを入れてそのページを表示させることができます。
掲示板の設定項目と同じです。
ただし書ける量が短くタグも使えなくなっています。
掲示板の設定項目と同じです。
掲示板の設定項目と同じです。
タイトルの文字の大きさや色を設定できます。
掲示板の設定項目と同じです。
コメントの文字の大きさや色を設定できます。
表示したページの横の長さを指定します。
表示したページの縦の長さを指定します。
掲示板の設定の「●inputとselectのスタイル設定」と同じです。
「新規投稿」「レス」「さい銭する」「家を出る」等のボタン型の
文字の色、大きさや背景、囲い等が設定できます。
最終更新：2010年08月01日 09:42
