Re: 角の丸い部分に画像を入れたい ( No.1 ) |
- 日時: 2005/04/28 01:11
- 名前: naka@sukiero <naka_sukiero@hotmail.com>
- 参照: https://funky-groove.hp.infoseek.co.jp/
- 背景画像を入れるのでは無く、
背景画像が見えるように透過処理すれば良いのでは?
|
Re: 角の丸い部分に画像を入れたい ( No.2 ) |
- 日時: 2005/04/28 16:51
- 名前: いね
- naka@sukieroさんアドバイスありがとうございます
透過処理してみました 普通に枠だけだとうまくいくのですが 背景に別の壁紙を使いたい場合はどうすればよいですか?
背景に壁紙を使った上に角にも違う壁紙を使いたいのです 透過処理をすると角の画像以外のところは白く抜けてしまいます その部分にも壁紙を使うことはできますでしょうか?
|
1010
Re: 角の丸い部分に画像を入れたい ( No.3 ) |
- 日時: 2005/04/28 18:51
- 名前: naka@sukiero <naka_sukiero@hotmail.com>
- 参照: https://funky-groove.hp.infoseek.co.jp/
- > naka@sukieroさんアドバイスありがとうございます
> 透過処理してみました > 普通に枠だけだとうまくいくのですが > 背景に別の壁紙を使いたい場合はどうすればよいですか? > > 背景に壁紙を使った上に角にも違う壁紙を使いたいのです > 透過処理をすると角の画像以外のところは白く抜けてしまいます > その部分にも壁紙を使うことはできますでしょうか?
えっと背景画像(壁紙)がそれぞれ何に対して設定されているのか、 限定した書き方をして頂けますか?
読む限りでは、 body に対して壁紙A table に対して壁紙B って場合と
body に対して壁紙A table に対して壁紙B td に対して壁紙C 両方、読めるのですが。
可能であるのなら現状のままサーバーにアップして URL を提示して頂けませんか? 返信フォームのパスワードを設定しておけば、 問題解決後 URL を削除することは可能ですから。
|
Re: 角の丸い部分に画像を入れたい ( No.4 ) |
- 日時: 2005/05/01 07:50
- 名前: いね
- 参照: https://www.eonet.ne.jp/~ine-o-maru
- 早々と回答いただいていましたのに
返事が遅くなってしまい申し訳ありません
問題のページをアップしました
前面の黒の水玉の右角の部分が白く抜けてしまいます その部分にグレーの壁紙を貼りたいのですがうまくいきません
現状は セルの背景にグレーの壁紙check-guree.png 画像に黒の水玉の壁紙cap_black.png を貼って透過処理しました
スタイルシートも勉強不足でお恥ずかしい限りですが どうかアドバイスください
よろしくお願いします
|
Re: 角の丸い部分に画像を入れたい ( No.5 ) |
- 日時: 2005/05/01 13:19
- 名前: naka@sukiero <naka_sukiero@hotmail.com>
- 参照: https://funky-groove.hp.infoseek.co.jp/
- ページ拝見しました。
今の作り方のままで当該部分の背景に グレーの背景画像を表示させるのであれば、 下記の方法で素材を作り直してください。
作り直すのは【image7.gif】だけです。
1.WAD(ウェブアートデザイナー)を起動して 【ファイル】→【環境設定】→【環境設定ダイアログ】→ 【表示タブ】→【グリッド】の幅、高さを【20】に指定→ 【OK】で閉じる。 2.【表示】→【グリッドの表示】【グリッドに合わせる】にチェック。 3.【オブジェクト】→【図形の作成】→【四角形】→ 【四角形(塗りつぶしのみ)】を選択してグリッドの升目2*2の図形作る。 4.上記図形をダブルクリックし、【塗りつぶしの色タブ】→ 【種類】→【テクスチャ】→【その他】で【check-guree.png】を選択し、 【開く】→【×】で閉じる。 5.これで(20×2)*(20×2)=40*40 の【check-guree.png】で、 塗りつぶしされた四角形が完成したと思います。 6.【オブジェクト】→【図形の作成】→【楕円形・円】→ 【楕円形・円(塗りつぶしのみ)】を選択して四角形の図形の上に、 升目2*2の図形作る。 7.上記図形をダブルクリックし、【塗りつぶしの色タブ】→ 【種類】→【テクスチャ】→【その他】で【cap_black.png】を選択し、 【開く】→【×】で閉じる。 8.最後に【ツール】→【切り抜き】→【四角形】を選択し、
1000
2*2の図形の右上部分1*1を切り抜きます。
これで素材作りは完成ですので、WEB 用に保存しビルダーの画面で、 表の当該部分に図形として(背景画像ではありません)挿入してください。
もし前面の【cap_black.png】の水玉部分から、 背景の【check-guree.png】が見えるのが気になるようなら、 8.の作業後、【表示】→【グリッドの表示】【グリッドに合わせる】の チェックを解除し、ズーム機能で拡大表示。 水玉の部分から見えるグレーの背景色をペンツールで塗りつぶしてください。
以上です。
尚、テーブルレイアウトで角丸を作る場合は、 下記ページの方法が一般的です。 https://www.wsb.jp/hpb/kowaza/mtable.htm
|
Re: 角の丸い部分に画像を入れたい ( No.6 ) |
- 日時: 2005/05/02 10:34
- 名前: いね
- 状態: 解決!
- 参照: https://www.eonet.ne.jp/~ine-o-maru
- ありがとうございます!!出来ました\(~o~)/
テクスチャを使って画像に壁紙を使う方法がわからなかったために 随分遠回りなややこしい作り方をしていました
にもかかわらず、最小限の変更で・・ということでお答えいただき 初心者の私にもわかりやすく とても丁寧な説明で本当に感謝いたします
ありがとうございました
|
Re: 角の丸い部分に画像を入れたい ( No.7 ) |
- 日時: 2005/05/03 00:41
- 名前: naka@sukiero <naka_sukiero@hotmail.com>
- 参照: https://funky-groove.hp.infoseek.co.jp/
- 一応補足。
>>5 の3.〜5. の部分ですけど【図形の作成】じゃなくって、 キャンバス自体に背景画像を表示させるってのもありです。 以下その手順。
【編集】→【キャンバスの設定】→【キャンバスの設定ダイアログ】→ 【色タブ】→【テクスチャ】→【その他】で【check-guree.png】を選択し、 【開く】→【OK】で閉じる。
|