お家のスタイル設定についての解説

このページは、森の街タウンでよくある質問の中でも、「家の設定」について解説しています。
なお、このページにおいて「タウン」とは、森の街タウンを表します。

※このページは、タウン公認ではありません。

製作:鱈子
ここにあるもの以外で、載せた方が良いと思われるプロパティがあれば、鱈子までタウン内メールでお知らせください。


【重要】直リンクについて
森の街タウンでは、ほかのサイトの画像などのURLをそのまま家の画像などに使う、いわゆる「直リンク」を禁止しています。
そのため、いったん自分のパソコンに保存してから「森の街タウン専用アップローダー」にアップロードする必要があります。
アップロードの仕方はこちら


家主掲示板の設定 通常の掲示板の設定 つぶやきの設定 お店の設定 おまけ

◆家主掲示板の設定

●掲示板のタイトル(タグ指定可。絶対URLならばイメージ画像の指定も可)

掲示板のタイトルを書きます。
HTMLタグが使えます。
アップローダーにアップした画像などを貼り付けることができます。

●タイトル下のコメント

タイトル下のコメントを書きます。
<br>を使うとそこで改行されます。

●背景のスタイル設定

外側の背景の色を変えたり、画像を背景にしたりできます。

◆背景の色を変えたい場合

background-color:色を指定します;

色の指定はハッシュ( # )で始まる6桁のカラーコードか、
redgreenblackといったカラーネームで行います。

◆背景を画像にしたい場合

background-image:url(画像のURLを記述します);
※()も入れて記述してください

画像の指定は、森の街タウンにアップロードした画像を指定します。

background-repeat:敷き詰めの方法;
背景画像の並び方を指定することができます。
repeat で単純に敷き詰める(何も指定しない場合はこれになります)
repeat-x で水平方向に並べる
repeat-y で垂直方向に並べる
no-repeat で1つだけ表示する
ことができます。

●掲示板タイトルのスタイル設定
●タイトル下のコメントのスタイル設定
●記事の題名のスタイル設定

それぞれの文字の設定をします。

font-size:文字サイズの指定;
タイトルの文字の大きさを指定します。
指定の方法には、
長さで指定
絶対サイズのキーワードでの指定
があります。

color:色の指定;
文字の色を指定します。
色の指定はハッシュ( # )で始まる6桁のカラーコードか、
redgreenblackといったカラーネームで行います。

text-align:テキストの位置;
文章の揃え方を指定します。
centerで中央揃え
rightで右揃え
leftで左揃え
になります。ちなみにこのページは左揃えです。

●掲示板内の基本スタイル設定

掲示板全体の設定をします。

font-size:文字サイズの指定;
タイトルの文字の大きさを指定します。
指定の方法には、
長さで指定
絶対サイズのキーワードでの指定
があります。

color:色の指定;
文字の色を指定します。
色の指定はハッシュ( # )で始まる6桁のカラーコードか、
redgreenblackといったカラーネームで行います。

text-align:テキストの位置;
文章の揃え方を指定します。
centerで中央揃え
rightで右揃え
leftで左揃え
になります。ちなみにこのページは左揃えです。

background-color:色の指定;
内側の背景の色を指定します。
色の指定はハッシュ( # )で始まる6桁のカラーコードか、
redgreenblackといったカラーネームで行います。
background-image:url(画像のURLを記述します);
を使えば、背景を画像で指定することもできます。

border:色の指定;
内側と外側の境界線の色を指定します。
色の指定はハッシュ( # )で始まる6桁のカラーコードか、
redgreenblackといったカラーネームで行います。

border-style:境界線のスタイル;
内側と外側の境界線のスタイルを指定します。
標準では dotted (点線)になっています。
このほかにも、
none (線なし)
solid (実線)
double (二重の線)
dashed (破線)
があります。

border-width:境界線の太さ;
内側と外側の境界線の太さを指定します。
基本的には、長さで指定します。

●1ページに表示する記事件数(半角文字数で指定)

1ページに表示する記事の数を設定します。
この数字を超えたときは分割して表示されます。

●テーブルの横幅

内側の領域の幅を設定します。(ピクセル)

通常の掲示板の設定

●掲示板のタイトル(タグ指定可。絶対URLならばイメージ画像の指定も可)

掲示板のタイトルを書きます。
HTMLタグが使えます。
アップローダーにアップした画像などを貼り付けることができます。

●タイトル下のコメント

タイトル下のコメントを書きます。
<br>を使うとそこで改行されます。

●背景のスタイル設定

外側の背景の色を変えたり、画像を背景にしたりできます。

◆背景の色を変えたい場合

background-color:色を指定します;

色の指定はハッシュ( # )で始まる6桁のカラーコードか、
redgreenblackといったカラーネームで行います。

◆背景を画像にしたい場合

background-image:url(画像のURLを記述します);
※()も入れて記述してください

画像の指定は、森の街タウンにアップロードした画像を指定します。

background-repeat:敷き詰めの方法;
背景画像の並び方を指定することができます。
repeat で単純に敷き詰める(何も指定しない場合はこれになります)
repeat-x で水平方向に並べる
repeat-y で垂直方向に並べる
no-repeat で1つだけ表示する
ことができます。

●掲示板タイトルのスタイル設定
●タイトル下のコメントのスタイル設定

それぞれの文字の設定をします。

font-size:文字サイズの指定;
タイトルの文字の大きさを指定します。
指定の方法には、
長さで指定
絶対サイズのキーワードでの指定
があります。

color:色の指定;
文字の色を指定します。
色の指定はハッシュ( # )で始まる6桁のカラーコードか、
redgreenblackといったカラーネームで行います。

text-align:テキストの位置;
文章の揃え方を指定します。
centerで中央揃え
rightで右揃え
leftで左揃え
になります。ちなみにこのページは左揃えです。

●記事番号のスタイル設定
●投稿者名のスタイル設定

スレッドNo.や投稿者の名前の表示の仕方を変えることができます。

font-size:文字サイズの指定;
タイトルの文字の大きさを指定します。
指定の方法には、
長さで指定
絶対サイズのキーワードでの指定
があります。

color:色の指定;
文字の色を指定します。
色の指定はハッシュ( # )で始まる6桁のカラーコードか、
redgreenblackといったカラーネームで行います。

●掲示板内の基本スタイル設定

掲示板全体の設定をします。

font-size:文字サイズの指定;
タイトルの文字の大きさを指定します。
指定の方法には、
長さで指定
絶対サイズのキーワードでの指定
があります。

color:色の指定;
文字の色を指定します。
色の指定はハッシュ( # )で始まる6桁のカラーコードか、
redgreenblackといったカラーネームで行います。

text-align:テキストの位置;
文章の揃え方を指定します。
centerで中央揃え
rightで右揃え
leftで左揃え
になります。ちなみにこのページは左揃えです。

background-color:色の指定;
内側の背景の色を指定します。
色の指定はハッシュ( # )で始まる6桁のカラーコードか、
redgreenblackといったカラーネームで行います。
background-image:url(画像のURLを記述します);
を使えば、背景を画像で指定することもできます。

border:色の指定;
内側と外側の境界線の色を指定します。
色の指定はハッシュ( # )で始まる6桁のカラーコードか、
redgreenblackといったカラーネームで行います。

border-style:境界線のスタイル;
内側と外側の境界線のスタイルを指定します。
標準では dotted (点線)になっています。
このほかにも、
none (線なし)
solid (実線)
double (二重の線)
dashed (破線)
があります。

border-width:境界線の太さ;
内側と外側の境界線の太さを指定します。
基本的には、長さで指定します。

●投稿欄のサイズ(半角文字数で指定)

投稿欄の大きさを指定します。
指定の方法には、
長さで指定
絶対サイズのキーワードでの指定
があります。

●リンク(aタグ)のスタイル設定

リンクのテキストのスタイルを設定します。
指定の方法には、
長さで指定
絶対サイズのキーワードでの指定
があります。

●テーブルの横幅

内側の領域の幅を設定します。(ピクセル)

つぶやきの設定

●タイトル(タグ指定可。絶対URLならばイメージ画像の指定も可)     

タイトルを書きます。
HTMLタグが使えます。
アップローダーにアップした画像などを貼り付けることができます。

●タイトル下のコメント

タイトル下のコメントを書きます。
<br>を使うとそこで改行されます。

●掲示板タイトルのスタイル設定
●タイトル下のコメントのスタイル設定

それぞれの文字の設定をします。

font-size:文字サイズの指定;
タイトルの文字の大きさを指定します。
指定の方法には、
長さで指定
絶対サイズのキーワードでの指定
があります。

color:色の指定;
文字の色を指定します。
色の指定はハッシュ( # )で始まる6桁のカラーコードか、
redgreenblackといったカラーネームで行います。

text-align:テキストの位置;
文章の揃え方を指定します。
centerで中央揃え
rightで右揃え
leftで左揃え
になります。ちなみにこのページは左揃えです。

●つぶやき欄の基本スタイル設定

全体の設定をします。

font-size:文字サイズの指定;
タイトルの文字の大きさを指定します。
指定の方法には、
長さで指定
絶対サイズのキーワードでの指定
があります。

color:色の指定;
文字の色を指定します。
色の指定はハッシュ( # )で始まる6桁のカラーコードか、
redgreenblackといったカラーネームで行います。

text-align:テキストの位置;
文章の揃え方を指定します。
centerで中央揃え
rightで右揃え
leftで左揃え
になります。ちなみにこのページは左揃えです。

background-color:色の指定;
内側の背景の色を指定します。
色の指定はハッシュ( # )で始まる6桁のカラーコードか、
redgreenblackといったカラーネームで行います。
background-image:url(画像のURLを記述します);
を使えば、背景を画像で指定することもできます。

border:色の指定;
内側と外側の境界線の色を指定します。
色の指定はハッシュ( # )で始まる6桁のカラーコードか、
redgreenblackといったカラーネームで行います。

border-style:境界線のスタイル;
内側と外側の境界線のスタイルを指定します。
標準では dotted (点線)になっています。
このほかにも、
none (線なし)
solid (実線)
double (二重の線)
dashed (破線)
があります。

border-width:境界線の太さ;
内側と外側の境界線の太さを指定します。
基本的には、長さで指定します。

●1ページに表示する記事件数(半角文字数で指定)

1ページに表示する記事の数を設定します。
この数字を超えたときは分割して表示されます。

●テーブルの横幅

内側の領域の幅を設定します。(ピクセル)

お店の設定

●お店のタイトル(タグ指定可。絶対URLならばイメージ画像の指定も可) 

お店のタイトルを書きます。
HTMLタグが使えます。
アップローダーにアップした画像などを貼り付けることができます。

●お店のコメント

タイトル下のコメントを書きます。
HTMLタグが使えます。

●基本販売掛け率

問屋の値段に対しての倍率で設定します。
0にすれば全品0円で販売できます。

●背景のスタイル設定

外側の背景の色を変えたり、画像を背景にしたりできます。

◆背景の色を変えたい場合

background-color:色を指定します;

色の指定はハッシュ( # )で始まる6桁のカラーコードか、
redgreenblackといったカラーネームで行います。

◆背景を画像にしたい場合

background-image:url(画像のURLを記述します);
※()も入れて記述してください

画像の指定は、森の街タウンにアップロードした画像を指定します。

background-repeat:敷き詰めの方法;
背景画像の並び方を指定することができます。
repeat で単純に敷き詰める(何も指定しない場合はこれになります)
repeat-x で水平方向に並べる
repeat-y で垂直方向に並べる
no-repeat で1つだけ表示する
ことができます。

●タイトルのスタイル設定
●コメントのスタイル設定

それぞれの文字の設定をします。

font-size:文字サイズの指定;
タイトルの文字の大きさを指定します。
指定の方法には、
長さで指定
絶対サイズのキーワードでの指定
があります。

color:色の指定;
文字の色を指定します。
色の指定はハッシュ( # )で始まる6桁のカラーコードか、
redgreenblackといったカラーネームで行います。

text-align:テキストの位置;
文章の揃え方を指定します。
centerで中央揃え
rightで右揃え
leftで左揃え
になります。ちなみにこのページは左揃えです。

●タイトル部テーブルのスタイル設定
●商品リストテーブルの枠および凡例のスタイル設定
●商品リストテーブル内スタイル設定
●商品リストの項目名部分のスタイル設定
●商品カテゴリー部分のスタイル設定

それぞれの部分の設定をします。
どの設定がどの部分に対応しているかは、こちらで確認できます。

font-size:文字サイズの指定;
タイトルの文字の大きさを指定します。
指定の方法には、
長さで指定
絶対サイズのキーワードでの指定
があります。

color:色の指定;
文字の色を指定します。
色の指定はハッシュ( # )で始まる6桁のカラーコードか、
redgreenblackといったカラーネームで行います。

text-align:テキストの位置;
文章の揃え方を指定します。
centerで中央揃え
rightで右揃え
leftで左揃え
になります。ちなみにこのページは左揃えです。

◆背景の色を変えたい場合

background-color:色を指定します;

色の指定はハッシュ( # )で始まる6桁のカラーコードか、
redgreenblackといったカラーネームで行います。

◆背景を画像にしたい場合

background-image:url(画像のURLを記述します);
※()も入れて記述してください

画像の指定は、森の街タウンにアップロードした画像を指定します。

background-repeat:敷き詰めの方法;
背景画像の並び方を指定することができます。
repeat で単純に敷き詰める(何も指定しない場合はこれになります)
repeat-x で水平方向に並べる
repeat-y で垂直方向に並べる
no-repeat で1つだけ表示する
ことができます。

●aタグのスタイル設定

リンク文字の設定をします。

font-size:文字サイズの指定;
タイトルの文字の大きさを指定します。
指定の方法には、
長さで指定
絶対サイズのキーワードでの指定
があります。

color:色の指定;
文字の色を指定します。
色の指定はハッシュ( # )で始まる6桁のカラーコードか、
redgreenblackといったカラーネームで行います。

text-decoration: none
このプロパティを使うと、リンクテキストの下線を表示しないことができます。

●個数制限アイテム選択時の警告アラートのメッセージ

個数制限のかかっているアイテムを選択したときに表示されるアラートの文章を自由に変えられます。
メッセージに改行を入れたいときは、メッセージ内に \n を入れます。

長さの単位一覧

 
相対単位
  em   エム 1em = 1文字分の長さ
  ex   エックスハイト 1ex = x文字の高さ
  px   ピクセル 1px = 画面上の1ピクセル
絶対単位
絶対単位を指定するときは、必ず単位を付ける必要があります。
  mm   ミリメートル 10mm = 1cm
  cm   センチメートル 1cm = 10mm
  in   インチ 1in = 2.54cm
  pt   ポイント 72pt = 1in
  pc   パイカ 1pc = 12pt

絶対サイズのキーワード

  • xx-large … 最も大きいサイズ
  • x-large
  • large
  • medium … 標準サイズ(初期値)
  • small
  • x-small
  • xx-small … 最も小さいサイズ
  • カラーネームの解説

     色の見本  カラーネーム
    カラーコードによる記述
     色の見本  カラーネーム
    カラーコードによる記述
    black
    #000000
    glay
    #808080
    silver
    #c0c0c0
    white
    #ffffff
    maroon
    #800000
    red
    #ff0000
    purple
    #800080
    fuchsia
    #ff00ff
    green
    #008000
    lime
    #00ff00
    olive
    #808000
    yellow
    #ffff00
    navy
    #000080
    blue
    #0000ff
    teal
    #008080
    aqua
    #00ffff