ホームページビルダー・グレート初心者講座

グレート初心者講座トップへグレート初心者講座 小技集へグレート初心者講座≠ヨグレート初心者講座 質問掲示板へ

HTML版 過去ログ
| 掲示板を見る | ホームに戻る | ワード検索 | 過去ログ |   
トップページ > 記事閲覧
角の丸い部分に画像を入れたい
日時: 2005/04/27 14:46
識別: IDAsxRg1nMPKk
名前: いね

先ほど同じ質問をしたのですが
今確認したら投稿したはずが、見当たりませんのでもう一度同じ質問をさせてください

表を使って角の丸い枠を作るときに
この角の部分に壁紙の画像を入れたいのです
背景ではなく角の丸い部分にです
ウェブアートデザイナーを使って丸を作るときに
画像を入れる方法などありますでしょうか

どのようにすればよいのか教えてください
お願いします
メンテ

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】で閉じる。
メンテ

Page: [1]




ホームページビルダー・グレート初心者講座 Copyright © 2002-2005 aimix All Rights Reserved