atomのファイル(XMLデータ)を読み込んでページを作成します
spryを使用してatomのファイル(XMLデータ)を読み込みます
ドリームウェバーで作成するのは簡単でした
青色で書かれたタイトルや日時をクリックすると並べ替えができます
下の項目をクリックすると上にその項目が表示されます
今回はテンプレートを作りそのテンプレートを利用してテンプレートを作成しました
一番元のテンプレートを変更すると全て変更されます
テンプレートのネストを使用しました
CSSを使ったサンプル作成(株式会社エム・オー・エス)
画像・文章は株式会社エム・オー・エス(MOS）様からお借りしました。
IE6では残念ながら対応していません。
作成はドリームウェーバーです。
自分でテンプレートを作成しましたが、初めてテンプレートを使ったので思うように使いこなせず、結局テンプレートが2枚になってしまいました。
変更する時もテンプレートを2枚変更する事になってしまいました。
それと右のカテゴリーの行間がいまいちです。
＜ul＞エッチング
＜li class=”list_img”＞ガラスプレート＜/li＞
＜li class=”list_text”＞＜a href=”../sand.html#1″＞ロゴプレート＜/a＞＜/li＞
＜li class=”list_text”＞＜a href=”../sand.html#4″＞エッチング 表札＜/a＞＜/li＞
＜li class=”list_text”＞＜a href=”../sand.html#3″＞エッチング 記念盾＜/a＞＜/li＞
＜li class=”list_img”＞カガミプレート＜/li＞
＜li class=”list_img”＞金属プレート＜/li＞
＜/ul＞
＜ul＞LED
＜li class=”list_img”＞＜a href=”../car.html#1″＞車灰皿部分＜/a＞＜/li＞
＜li class=”list_text”＞ハイエース＜/li＞
＜li class=”list_img”＞＜a href=”../car.html#2″＞小物入れ部分＜/a＞＜/li＞
＜li class=”list_text”＞ゼスト＜/li＞
＜li class=”list_img”＞＜a href=”../car.html#3″＞足元小物入れ＜/a＞＜/li＞
＜li class=”list_text”＞ゼスト＜/li＞
＜/ul＞
どうしても『車灰皿部分』と『ハイエース』の行間を狭めると全体的に行間が狭くなる
もう少し考えてみよう～～～と!!