想玩さぽている的請參考這篇「改造」教學（日文版）

この文章は、さぽているの「コーディネート」の「コスモスフィアの模様替え」に関する紹介です。

例一はここです, 例二

はじめまして。ちょっとわかりにくい日本語ですが、どうぞ。 :)

タグと言ったら難しそうに思うが、実はね、あれは簡単です。

要するには、 HTML と CSS 、そしてコーディネートの独自のタグ、この三者の組み合わせることです。

HTML と CSS はググってみるといろいろな検索結果が出ますけど、そんな複雑なものは要りません！

改造の時には、 HTML の「 table 」と「 div 」と「 a 」に関するタグがあれば十分便利です。 CSS も「 margin 」、「 padding 」、「 background 」、「 color 」と「 font-size 」などのプロパティがわかればいいです。

HTML に関するにはここ
http://www.kanzaki.com/docs/html/htminfo12.html
http://www.kanzaki.com/docs/html/htminfo14.html#S13.2
http://www.kanzaki.com/docs/html/htminfo16.html

CSS に関するにはここ
http://hp.vector.co.jp/authors/VA013937/cssref/

そして最後コーディネートのシステムタグ
http://game.salburg.com/suppotail/room/help/help2.html

とにかく、一度試してみればわかる（？）。

例（一部）：
http://game.salburg.com/suppotail/room/index.php?guestmode=SP08699

----例一

<title>ここにページのタイトルを入れて下さい</title>
<style type="text/css">
<!--
CSS を入れて下さい
-->
</style>


<!■■■　タイトルパート　■■■>
<div id="title-part">
『$myname』と『$y_name』の精神世界
</div>


<!■■■　レーヴァテイルピクチャ　■■■>
<div id="revatail-picture">
$picture
</div>

<!■■■　HPなどのパラメータ　■■■>
<table>
<tr><td>コスモスフィア</td> <td>Lv.$myLv</td></tr>
<tr><td>ふたりの関係</td> <td>$loveMsg</td></tr>
<tr><td>愛情Exp.<span>$love2</span></td><td>$love2bar=70</td></tr>
<tr><td>ＨＰ<span>$power</span></td><td>$powerbar=70</td></tr>
<tr><td>詩魔法力<span>$magic</span></td><td>$magicbar=70</td></tr>
<tr><td>敏感度<span>$sens</span></td><td>$sensbar=70</td></tr>

<!■■■　コスチューム数などのパラメータ　■■■>
<tr><td>ボディタイプ</td> <td>$bodytype</td></tr>
<tr><td>装備コスチューム</td> <td>$costume</td></tr>
<tr><td>紡いだ思い出</td> <td>$item_number 個</td></tr>
<tr><td>所持コスチューム</td> <td>$cos_number 着</td></tr>
<tr><td>所持ヒュムノス</td> <td>$hym_number 曲</td></tr>
<tr><td>現在の状態</td> <td>$myStatus</td></tr>
<tr><td>前回行動時刻</td> <td>$lastWork</td></tr>
<tr><td>行動終了まで</td> <td>$nextWork</td></tr>
<tr><td>趣味</td> <td>$hobby</td></tr>
<tr><td>好きな色</td> <td>$color</td></tr>
</table>


<!■■■　レーヴァテイル顔＆メッセージ・コマンド窓　■■■>
<div id="messBox">$messBox</div>

<!■■■　リンク　■■■>
<a href="$bbsView">■一行伝言板</a><br>
<a href="$itemView">■思い出図鑑</a><br>
<a href="$recipeView">■思い出調合レシピ</a><br>
<a href="$bodyView">■レーヴァテイル図鑑</a><br>
<a href="$cosView">■コスチューム図鑑（着替え）</a><br>
<a href="$hymmnosView">■ヒュムノス図鑑（詩選択）</a><br>
<a href="$accessLog">■あしあと記録</a><br>
<a href="$addressView">■アドレス帳の管理</a><br>
<a href="$goConfig">■精神世界コーディネート</a><br>
<a href="$serif">■FLASH用セリフエディット</a><br>
<a href="$goCity">■他の精神世界へ遊びに行く</a><br>

<!■■■　リロード　■■■>
$reload

----例二

<title>タイトルはここに置いて下さい</title>

<style type="text/css">
<!--
table, tr, th, td { border:0 }
div#title-part { border-bottom:1px solid black }
div#revatail-picture { width:174px; float:left; margin:6px }
* > div#revatail-picture { margin-left:3em }
div#parameter { text-align:left }
div#parameter table td { padding:.2em; padding-right:.5em; font-size:14px }
div#parameter table td+td { padding-right:0 }
div#parameter table td span { float:right; margin-top:-.8em }
* > div#parameter table td span { float:right; margin-top:-1.2em }

.spacer { display:block; clear:both }

table[bordercolor="#000055"] td { padding:.4em .1em }
td[background="my_room_img/suppo_bg.jpg"] { background: url("my_room_img/suppo_bg.jpg") 50% 50% no-repeat }

#messBox { margin:1em auto }

.container { width:392px; margin:1em auto; }
.contents { font-size:14px; line-height:1.4em; background:#e2e2fe; text-align:left; padding:0 1em; margin:0 1px; border-right:2px solid #0039a1; border-left:2px solid #0039a1 }
.topper { margin-bottom:-14px; height:11px; background:url("my_room_img/mail_01.gif") 0 0 no-repeat }
* > .topper { margin-bottom:0 }
.footer { height:10px; background:url("my_room_img/mail_06.gif") 0 0 no-repeat }
-->
</style>

<!■■■　タイトルパート　■■■>
<div id="title-part">
『$myname』と『$y_name』の精神世界
</div>


<!■■■　レーヴァテイルピクチャ　■■■>
<div id="revatail-picture">
$picture
</div>


<!■■■　パラメータ - Start　■■■>
<div id="parameter">

<!■■■　HPなどのパラメータ　■■■>
<table>
<tr><td>コスモスフィア</td> <td>Lv.$myLv</td></tr>
<tr><td>ふたりの関係</td> <td>$loveMsg</td></tr>
<tr><td>愛情Exp.<span>$love2</span></td><td>$love2bar=70</td></tr>
<tr><td>ＨＰ<span>$power</span></td><td>$powerbar=70</td></tr>
<tr><td>詩魔法力<span>$magic</span></td><td>$magicbar=70</td></tr>
<tr><td>敏感度<span>$sens</span></td><td>$sensbar=70</td></tr>

<!■■■　コスチューム数などのパラメータ　■■■>
<tr><td>ボディタイプ</td> <td>$bodytype</td></tr>
<tr><td>装備コスチューム</td> <td>$costume</td></tr>
<tr><td>紡いだ思い出</td> <td>$item_number 個</td></tr>
<tr><td>所持コスチューム</td> <td>$cos_number 着</td></tr>
<tr><td>所持ヒュムノス</td> <td>$hym_number 曲</td></tr>
<tr><td>現在の状態</td> <td>$myStatus</td></tr>
<tr><td>前回行動時刻</td> <td>$lastWork</td></tr>
<tr><td>行動終了まで</td> <td>$nextWork</td></tr>
<tr><td>趣味</td> <td>$hobby</td></tr>
<tr><td>好きな色</td> <td>$color</td></tr>
</table>

</div>
<!■■■　パラメータ - End　■■■>


<span class="spacer"> </span>


<!■■■　レーヴァテイル顔＆メッセージ・コマンド窓　■■■>
<div id="messBox">$messBox</div>


<!■■■　ルームメッセージ　■■■>
$roomMessTable


<!■■■　伝言板、各種リンク　■■■>
<div class="container">
<div class="topper"></div>
<div class="contents">
<!--▼伝言板▼-->
[[$mails<br>]]
[[$blogs<br>]]
<a href="$bbsView">■一行伝言板</a><br>
$bbs1_update
$bbs2_update
$bbs3_update
$bbs4_update
<hr>
<!--▼メニュー▼-->
<a href="$itemView">■思い出図鑑</a><br>
[[<a href="$recipeView">■思い出調合レシピ</a><br>
<a href="$bodyView">■レーヴァテイル図鑑</a><br>]]
<a href="$cosView">■コスチューム図鑑（着替え）</a><br>
<a href="$hymmnosView">■ヒュムノス図鑑（詩選択）</a><br>
<hr>
[[<a href="$accessLog">■あしあと記録</a><br>
<a href="$addressView">■アドレス帳の管理</a><br>
<a href="$goConfig">■精神世界コーディネート</a><br>
<a href="$serif">■FLASH用セリフエディット</a><br>]]
<a href="$goCity">■他の精神世界へ遊びに行く</a><br>
</div>
<div class="footer"></div>
</div>


<!■■■　リロード　■■■>
$reload

----

（ゴメン、長文になっちゃいました。）