ドリームウィーバーを使ったセレクタ追加の方法について・・・

ドリームウィーバーを使ってホームページを作成しています。
http://monodesign.atoria.jp/archives/2006/08/12- …
にあるフロートインウインドウを設置したいのですが、「スタイルシート（styles-site.css）に以下のセレクタを追加します。」
というところでつまづいています・・・
●ドリームのcss新規作成を開くとセレクタタイプが３つでてきてどれにすればいいのかわかりません。
●定義場所もstyle.cssか新規スタイルにすべきなのか迷っています。
●名前をstyles-site.cssにしても、「クラス名はオプションのピリオドの後に始めてください。」という表示がでてきてはじかれてしまいます。

色々と調べたのですがわかりませんでした。

お分かりになる方是非ともお力を貸して下さい。
よろしくお願い致します。

No.1 ベストアンサー 回答者： crepon133 回答日時： 2007/01/09 11:11

styles-site.css はファイル名です。

とりあえず、HP上のCSSをコピーして、メモ帳に貼り付け、
ファイル名を styles-site.css でサイト内に保存。（名前は自由です）
このCSSファイルを読み込みたいHTMLファイルをドリームウィーバーで開き、
メニューバー→テキスト→CSSスタイル→スタイルシートを添付→
ファイル/URL：styles-site.cssを指定→追加：リンクさせる→OK

新規CSSスタイル作成から入るなら、
カスタムスタイルの作成（クラス）
名前：.float-move
定義場所：新規スタイルシートファイル（既にあるスタイルファイルに追加するならそのファイルを指定）
OKをクリックして、.float-moveの中身を定義していきます。
同様に、他の３つを順番に定義していきます。
これをstyles-site.cssで保存（名前は自由です）

この回答へのお礼

ご丁寧に回答頂き大変ありがとうございました＾＾
後者の方でうまくいきました。
本当にありがとうございました＾＾！

お礼日時：2007/01/10 00:20