- ベストアンサー
ドリームウィーバーでの文字の影の付け方とページデザインについて
まず１点はタイトルやサブタイトルの文字に影を付けるにはどのようにすればよいのでしょうか？ ２点目はドリームウィーバーに入っているページデザインを使って作っているのですが、背景のグレー色を変えたいのですがそのやり方がどうしても分かりませんのでどなたか教えていただけないでしょうか。 またglobal linkというタグとその下のメインページの枠が始めは揃っていたのですが、作っているうちに微妙にずれてしまいましてそれを揃えるにはどのようにしたら良いのでしょうか。これもいろいろとやってみたのですがどうもうまくいきません。枠だけ初期設定に戻せないものでしょうか？テキストやイメージは入れてしまったので全て初期設定にしては白紙からのやり直しになってしまいますのでそれは避けたいのです。
- bobwaits
- お礼率87% (27/31)
- ホームページ作成ソフト
- 回答数2
- ありがとう数3
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
ご質問の内容からでは、ソースコードが全くわかりませんので、想像で回答します。 背景のグレー部分というのは body{ background: #cccccc url("bg_grad.jpg") fixed; } の箇所のことでしょうか？ この部分を変更したい場合は、#ccccccを別の色に変更すると同時に、bg_grad.jpgに変わる画像を作成して差し替える必要があります。 Fireworks,Photoshopなどといった画像を作成できるソフトで画像を作成するか、「url("bg_grad.jpg") fixed;」の部分を削除して背景色だけ変更してください。 filterでの影付きテキストはWin IEでしか反映されません。 どのブラウザでも影付きで表示したい場合にはFireworksなどで画像で作成した方が良いのではないかと思います。 あまりおすすめはしませんがCSSなどで影付きテキストを表現する方法としては例えば CSSに ----------------- #siteName { z-index: 2; position: relative; left: 0px; top: 0px; } #siteName h1{ margin: 0px; padding: 16px 0px 8px 0px; color: #ffffff; font-weight: normal; font-size: 24px; } #siteNameShadow { color: #333333; position: relative; left: 3px; top: -31px; margin: 0px; padding: 0px; font-size: 24px; width:169px; height:24px; z-index: 1; } ----------------- HTMLの<body>～</body>に ----------------- <div id="siteName"><h1>Site Name</h1></div> <div class="siteNameShadow">Site Name</div> ----------------- などと記述すると影付き風に表示できます。 ID名「global link」の箇所を修正したい場合は、CSSで #globalLinkと#pagecell1の「left: ○px（または%）;」を同数値にしてみたり、「#breadCrumb」のpaddingやwidhtなどを調整したりすると良いのではないかと思います。 枠だけ初期設定に戻す事は難しいので、別のファイル名で別フォルダ保存にして、新規にサンプルHTMLとCSSを作成をしてソースコードを突き合わせながら修正してみてはいかがでしょうか。 より正確な回答・アドバイスを得るには差し支えない限りの修正したい部分のHTML,CSSのソースコードを開示していただけるとよろしいのではないかと思います。
その他の回答 (1)
- crepon133
- ベストアンサー率51% (399/776)
1.影付きの画像にするかテキストにスタイルを適用する テキストに影を付ける http://www.mco.ne.jp/~splan/javascript/Project01.html http://www.mco.ne.jp/~splan/javascript/kage.html 2.CSSで設定されているのではないでしょうか。master.css(?)を見てください。 3.この情報だけでは分かりません。
お礼
早速のご回答ありがとうございます。このサイトで試してみたのですが素人なのでコードにペーストしてみたのですがうまくいきませんでした。私のやり方が間違っていたのでしょう。master.css(?)というのはhelpか何かにあるのでしょうか？なんとかしたいのでまた試行錯誤してみます。ありがとうございました。
関連するQ&A
- 影のついたページの作り方
http://www.cosme.net/ のページのように、ページ全体に影がついてるのはどうやって作るのでしょうか。 あと枠（画像？）の中に文字が入ってるのはどうやって作るんでしょう。（たとえば右の「注目口コミランキング」です） 使っているソフトはドリームウィーバーMXです。 よろしくお願いします。
- 締切済み
- CSS
- ドリームウィーバー破損
ＨＰ作成にアドビのドリームウィーバーを使っています ずっと問題なく使っていましたが 先日ＦＣ２の無料アクセスカウンターをＨＰに導入しようと思い ●●.htmlファイルにタグを記載してアップロードしたところ 急に接続の設定ができませんという項目がでるようになり サイトをみましたがどうもドリームウィーバー自体のソフトの故障みたいでした 再インストールしたらＦＣ２やその他のアクセスカウンターは 使わないほうがいいのでしょうか？ それともこれは、たまたまだったのでしょうか？
- ベストアンサー
- レンタルサーバ・ASP
- ドリームウィーバー上での「Flashテキスト」について
ドリームウィーバー上でインタラクティブでFlashテキストを挿入してリンクを設定するとインターネット上では正しくジャンプするのですがローカル上では「ページがありません」と表示されます。どうしたらよいのでしょうか？ os:windowsXP ドリームウィーバー4 Flash5 IE6.0
- 締切済み
- その他(ソフトウェア)
- ドリームウィーバーの修正
初めまして。 ドリームウィーバーの事でアドバイスをお願いします。 以前、ドリームウィーバーを使って会社のホームページを作成しました。 私はデザインのみで実際にインターネットで見れるように設定したのは他の人でした。 デザインした私も設定をした人も会社を退社してしまいました。 先日、どうしても修正して欲しいを依頼がありました。 私はドリームウィーバーを立ち上げて、文言を修正する事は出来ますが、実際にインターネットにアップさせる方法がわかりません。 設定をした人にやり方を聞いたら、インターネットでやり方を探してください。と返事がありました。 今回は私が修正しますが、今後の事も考えて引継ぎができるようにしたいと思っています。しかし依頼主は60歳過ぎの社長です…。年配の方にわかりやすく教える方法(修正と設定)をいろいろ検索しましたが、パニックになりました。 どうしてよいかわからず…修正したページをアップさせる(年配の方にも簡単に理解できる)方法を教えてください。 よろしくお願いします。
- 締切済み
- ホームページ作成ソフト
- ドリームウィーバーでテーブルの背景色の変更方法を教えてください
ドリームウィーバーで作成したHPの背景色の変更はできますが テーブルを作成した場合、 そのテーブルの背景だけを他の色や画像を使用したいのですが どのように指定すればテーブルの背景をへんこうできますか？ 今は直接タグを変更しております よろしくお願いします
- ベストアンサー
- ホームページ作成ソフト
- ドリームウィーバーでの設定
こんにちは。 ドリームウィーバー８を使用しております。 １つのページ内の数ヵ所のテキストにリンクを設定しているのですが、 １つごとのテキストカラーを変更することはできるのでしょうか？ 今はページプロパティのリンクのところでカラー設定が白になっており、リンクを貼るとテキストが白くなるのですが、ある１部分だけはリンクを貼っても赤く設定したいのです。 質問がわかりにくかったらゴメンナサイ。 何分素人なものでご容赦下さい。 詳しい方お願いします。
- ベストアンサー
- ホームページ作成ソフト
- ドリームウィーバーのテーブルで・・・
今ドリームウィーバーでホームページを作成しています。 それでテーブルを使って表を作っているのですが、枠とセルに色をつけたんですけどプリンタで印刷すると色が出てきません。 枠が黒いんです。セルに色をつけた部分の文字の色も灰色になってしまいました。これも色がついているはずなのにです。それ以外の文字は大丈夫なんですけど・・・。プレビューでみるとちゃんと色はついているんです。本を読んでもさっぱりわかりまん。 環境設定とかいじるのでしょうか？それともテーブルの使い方が間違っているのでしょうか？ どなたかわかる人がいたら教えてください。非常に困っています！よろしくお願いします。
- ベストアンサー
- ホームページ作成ソフト
- 背景にグラデーション、外枠に影をつけたい
http://www.musclemusical.com/ ドリームウィーバーでこちらのサイトのように、 背景はグラデーション、更に外枠テーブルの左右と下に影をつけたいと思っています。 調べていたところグラデの背景は、 cssスタイルのbodyでバックグラウンドで指定するということで、 やってみたら成功したのですが、 ネットで外枠の影のつくりかたを調べたところ、それもbodyタグを使うとなっていました。 両方bodyタグのbackgroundで指定できるのでしょうか？ どちらかしか使えないようなのですが.... CSS等ははじめてでさっぱり分かりません。 言っている事が意味不明かもしれませんが、 背景と外枠の影と両方どう実現すればいいか教えていただけると嬉しいです。 宜しくお願い致します。
- 締切済み
- HTML
- ドリームウィーバー サイト管理に関して
皆さん、こんにちは。 早速ですが教えていただきたいと思います。 このたび、別のPCでドリームウィーバーにてホームページのデータを作成してもらいました。 そのデータは今、自分のPCのマイドキュに保存しており、FFFTPにて 接続はできました。もちろんホームページのアップもできている のですが、ドリームウィーバーを起動させていろいろ見ていると 「サイト管理」という項目を見つけましたが、 何か、処理をしないといけないのでしょうか?いろいろ調べてみると 初期設定(これから作る方用?)の仕方は載っているのですが、 私の場合は他人にデータを作成してもらったので いまいちよくわかりません。(データを作った方とは現在なぜか 連絡が取れません・・)上記の内容も説明不足かもしれませんが、 なにとぞご回答をよろしくお願いします。 なお、Win XPのドリームウィーバー8を使用しております。
- ベストアンサー
- ホームページ作成ソフト
- ドリームウィーバーのタブが消えてしまう件
こんにちは。 ドリームウィーバーで作成したファイルをデザインビューでセルの数を増やしたり減らしたりすると、コードビューで見たときにタブ（タグの構造ごとにあるスペース）が消えてしまい、左寄せでタグがびっちりと表示されるようになってしまいました。 この状態だと、デザインビューでファイルを加工するときにとてもやりづらく、困っています。 デザインビューでファイルを加工してもタブが強制的にタグの構造ごとにあるスペースが消えないようにするには、どこの設定をいじったらよいのでしょうか・・・・。
- 締切済み
- ホームページ作成ソフト
お礼
早速かつ詳細なご回答本当にありがとうございました。背景の色の差し替えを今からやってみたいと思います。 なんせ素人ですのでいろいろとやってみるしかありません。本も４冊そろえたのですが、細かいことが書いてあるのかないのか・・・それすらも分かりません。 いろいろとやっていくうちにデザイン面で気に入らないことろがでてくるので困っています。ご回答を参考に挑戦してみます。ありがとうございました。