ロボット【Pepper(ペッパー)】RPGリレー開発計画(仮)Part8

こんにちわ~♪

もうこの企画潰してソロで進めたい気持ちで一杯ですが、とりあえずナントカ先輩が興味なさそうだったリストからショップの部分を選んで?みましたw

やっつけ仕事で↓みたいな感じのだいたいの配置だけ決めてみたので、そのhtmlを載っけときたいと思います(*^ω^*)/

中身が何もないただの部品だけのhtmlが以下になります。(しかも汚い・・・w)

 
.divMenu{
position: absolute;
font-size: 40pt;
font-weight: bold;
width: 1200px;
height: 200px;
background-color: rgba(255, 255, 255, .2);
color:#ffffff;
border:solid #000000 1px;
border-radius:2px;
margin-bottom:10px;
}

<body>
<div id="top">
<div class="divMenu" style="height: 100px; width: 600px; top: 20px; left: 20px;">武器屋</div>
<div class="divMenu" style="font-size: 20pt; height: 100px; width: 727px; top: 20px; left: 640px;">LV 1 COIN 99999999
EXP 2/99999</div>
<div class="divMenu" style="height: 100px; width: 300px; top: 20px; left: 1387px;">MENU</div>
<div class="divMenu" style="height: 500px; width: 300px; top: 247px; left: 1087px; background-color: #999999;">店員</div>
<div class="divMenu" style="height: 300px; width: 200px; top: 180px; left: 1487px; background-color: #555555;">出る</div>
<div class="divMenu" style="height: 250px; width: 500px; top: 497px; left: 775px; background-color: #555555;">カート 12&lt;</div>
<select style="position: absolute; font-size: 40pt; height: 500px; width: 755px; top: 200px; left: 20px;" size="7">
<option value="50">木の棒 50</option>
<option value="100">木の剣 100</option>
<option value="200">木の斧 200</option>
<option value="1200">鉄の剣 1200</option>
</select>
<div class="divMenu" style="height: 300px; width: 1687px; top: 747px; left: 20px;">いらっしゃいませ</div>
</div>
</body>
 

chromeで見たときのスクショがこちらです↓
キャプチャ

デザインも何も決めてないので、まぁ見たまんまだっさいですがこれをカスタムしていきたいと思います♪

末永くお付き合いいただけますと幸いです(*^ω^*)/バイバイ

福岡でロボット開発といえば、株式会社システムトランジスタ(通称シストラ)ロボティクス部d^ω^bからのお知らせでした。

  • このエントリーをはてなブックマークに追加

コメントをどうぞ

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください