- ベストアンサー
「ｃｓｓタグ」で教えてください
このような背景を使いたいのですが どうしたらいいのでしょうか？ ま、著作権うんぬんがあるので このサイトをベースに後から 色など変えますが 「ｃｓｓタグ」で教えてください http://www.blogger.com/start
- みんなの回答 （6）
- 専門家の回答
質問者が選んだベストアンサー
その他の回答 (5)
- steel_gray
- ベストアンサー率66% (1052/1578)
とにかくDreamWeaverで同じようになればよいものとしてお答えします。 テーブルを作り、その背景に#1の回答で示したような横長、影付きの画像を敷きます。 テーブルの幅は画像と同じに。（逆に言えばテーブルの幅に合わせてあのような画像を造る） テーブル自体をセンタリングする。 ページ全体の背景色（左右の影の外側の色）を指定する。 ここまでで、両脇に影付きの線がはいったページができあがると思います。 あとはテーブルを分割して必要なものを配置します。 ページ上部の色違いの部分については横幅100%のテーブルを造ればできると思います。 それとも、やはりキチンとCSSでやりたいのでしたら…やっぱり答え（サンプル）はすでにあるのですから、あれを解析、変更していけばよいかと思います。 それでうまくいかなければ、 サンプルを出して「このようにするCSSタグは？」 のように答えが難しい質問をするより 自分で作ったうまくいかないページ（のソース）を提示してピンポイントで間違いを見つけてもらったほうが早いと思います。
お礼
ありがとうございます。 ただいま本見ながらがんばっております。
- Gimli
- ベストアンサー率47% (9/19)
ＣＳＳについて、全く触ったことない、とお見受けしましたが、いいでしょうか？ まずは、↓ここでさらっと勉強するのはどうですか。 http://www.tohoho-web.com/css/basic.htm 何時間もかかるものではありませんし、何より精神的に楽になるかと。 あと、「ＣＳＳ、レイアウト」でググってみるのもいいかもしれません。 では、がんばって下さい。
お礼
ありがとうございます。 なんとかは一日にならず。 みたいで昨日からスタイルシートスタンダートと いう本を買ってよんでます。 当方プログラマーではないもので、 暗中模索の中やっております。 サイト教えていただきありがとうございました。
- Gimli
- ベストアンサー率47% (9/19)
基本的にＤＩＶタグで作られています。 私も＃２の人と同じく、ソースの解析をするのが無難だと思います。 遠回りだと思われるかもしれませんが．．．。 解析する場合は、ＢＯＤＹタグから見ましょう。 「id="home"」ってありますよね？ 「#home」か「body」の文字列をHTML、CSS内で検索して、どういう属性が設定 されているか見てみましょう。で、次に「<div id="header">」ってあるので、 これも同じようにして．．．。 まぁ最後まで見なくても、２・３個見れば大体分かるでしょ。 分からなかったら、正直キツイんじゃないですか。 ＃もしかして、期限迫ってます？
お礼
お答えいただきありがとうございます。 レイアウトソフトでしかやったことなくて Dream weavrで作業しておりますので とんちんかんです。すいませんです
- steel_gray
- ベストアンサー率66% (1052/1578)
> 画像とＨＴＭＬ、ＣＳＳを用いて > つくられているとおもうのですが > その「タグ」を教えていただきたいです。 IEならファイルメニューの「名前を付けて保存」を行い、ページのHTMLと関連ファイルを全て保存します。 その後、エディタ等でファイルの内容を研究してみてください。 HTMLやCSSの解説はタグや属性の名前で検索してみればいくらでも見つかります。 最低限のタグだけを書き出してもそれなりの量になるし、サンプルだけ書いても失礼ながら恐らくは応用して自分のモノにすることはできないでしょう。 また、すべてを解説していったら立派な本が一冊出来上がってしまいます。 もちろん、全てがわからないというわけではないのでしょうが、何の説明が必要で何の説明を省略してよいかはご本人以外はわかりません。 理解できない部分をピンポイントで質問してもらえれば答えることもできますので、ある程度まではご自身で調べてみてください。
お礼
ふたたびありがとうございます。 では、簡潔にいいますと「背景画像を表示する、 たとえば、このサイト（blogger)のようなレイアウトにしたい場合 のＣＳＳの表示タグを書いてください」 おそらくこう書けば、具体的だと思います。 書いてくださいと書くとなにかと失礼な文にきこえますので 教えてくださいと最初書きました。 教えてください＝説明を入れると確かに一冊の本になるかもしれません。 例えば、文字のサイズの指定をｃｓｓのタグ教えて下さいと いう質問だと「<STYLE TYPE="text/css"> <!-- P { font-size: 12pt; } --> </STYLE> と書けばいいんじゃないですか？」とか 書いてくださればわかりやすいのですが。 前後関係がわからないかぎり、 応用はききませんし、本を買って覚えろと いう意味も理解できます。 しかし、仕事ですぐ仕上げなければならない場合など こういったサイトで専門家に尋ねるしか方法がない場合もあります。
- steel_gray
- ベストアンサー率66% (1052/1578)
現状のCSSでは微妙な影のようなものを造りだすことはできません。 影を書き込んだ画像(参考URL)を背景にしているだけです。
お礼
ありがとうございます。 書き方が悪かったかもしれません。 画像とＨＴＭＬ、ＣＳＳを用いて つくられているとおもうのですが その「タグ」を教えていただきたいです。
お礼
また再びありがとうございます。 私の技術不足で申し訳ございません。 自分のＨＰでつくるのであれば、なんでも いいのですが、例えば、「このように作れ」 とオーナーさんに言われて、それは自分の範疇じゃない と言っても、わかってくれない場合があって 困る場合があります。今回はまさにこれで、 まいってます。そうかぁ、タグではないんですね。 では、このような背景画像を使ったサイトにしたいと質問 すればいいのでしょうか？そういうと今度は漠然すぎる といわれます。じつはそのままソースをコピーして、 フォルダも引っ張って同じディレクトリーにしました。 が、旨く反映されません。 そのまま、背景を画像にするのならできるのですが このサイトは縦に線が左右に入っていて、いかにも ブログふうサイトになってます。 テーブルはＨＴＭＬだとくずれるので最近はＣＳＳでやる と言うのを聞いた事があります。 それで私の憶測で、ＣＳＳとＨＴＭＬを上手く 組み合わせてレイアウトしてるのかな？と 思いました。