ベストアンサー ※ ChatGPTを利用し、要約された質問です(原文:背景を描く上での資料) 背景を描く上での資料 2009/07/23 20:04 このQ&Aのポイント 背景イラストを描く際に参考にできる懐古的なデザインについて知りたい。中国か日本の昭和時代の雰囲気に似たデザインを求めている。写真や資料図書のサイトを紹介してほしい。 背景を描く上での資料 こちらで質問していいものか迷いましたが、困ってしまいましたのでご教授いただきたく書き込ませていただきました。 只今建築様式やその時代背景を学びながら背景イラストを描いていて、 http://akitakejyo.s31.xrea.com/a-to/src/1198412212.jpg こちらの方のデザインを参考にしたいと思ったのですが、この懐古的なデザインは大体どの国のどの時代の雰囲気に似ているんでしょうか? なんとなく中国か日本の昭和辺りのようかもしれないと思ったのですが・・・ また参考にできる写真等のサイト、資料図書がありましたら紹介していただけると嬉しいです。 それでは、どなたか詳しい方ご教授お願いします。 質問の原文を閉じる 質問の原文を表示する みんなの回答 (1) 専門家の回答 質問者が選んだベストアンサー ベストアンサー amanda97 ベストアンサー率21% (414/1953) 2009/07/23 20:09 回答No.1 上海+ベトナム 1950年代 通報する ありがとう 0 カテゴリ 趣味・娯楽・エンターテイメントアート・創作絵画・イラスト・デザイン 関連するQ&A 建築様式について アールヌーヴォー、アールデコ、ベルエポック、それぞれの建築様式の違いについて時代背景とともに教えてください。 近代史時代を背景とした、小説を探しています。 近代史時代を背景とした、小説を探しています。 日本の明治、大正、昭和(戦前)を舞台としたもの 第一次大戦中のアメリカやヨーロッパ ミュージカル全盛期の頃のアメリカ (参考例) なにかお勧めがあればお願いします。 新ルネッサンスとは何ですか? こんにちは。困っています。 ヨーロッパの建築物で「新ルネッサンス様式」と呼ばれる様式があるそうですが、それはいつの時代に起こり、どのような特徴や思想を有していたのでしょうか? いくら調べてもさっぱり分かりません。ご存知の方がおられましたら、なるべく専門用語なしでご教授ください。お願いいたします。 イギリスの建築様式(チューダー様式)の特徴について こんにちは 現在、自宅兼営業用の建物の建築計画中です。 イギリスの建築様式(特にチューダー様式)に興味があり、丸ごと再現ということは考えていませんが、インテリアやエクステリアのデザインを考える上で参考にしたいと思っています。 チューダー様式の中でも、上流階級の人たちが住んでいたような豪邸ではなく、中流の人たちが住んでいた家や家周りについて、その特徴や他の様式(ビクトリアン、ジョージアンなど)との違いを教えてください。 または、参考になる本やウェブサイトをご存知でしたら教えてください。 ***** なお、ウェブ検索で、下記の3冊の図書は捜し当てましたが、中身を見たわけではないので、果たして、小生の希望を満たすものかどうかはわかりません。 これらの本についても、何かご存知でしたら、教えてください。 *英国のカントリーサイド ―さまざまなパブ・イン、民家や町並み (大型本) 集英社 (1990/04) *イギリスのカントリーハウス (単行本) 丸善 (1988/06) *イギリスの住宅デザインとハウスプラン 訳 特定非営利活動法人 住宅生産性研究会 HICPM 刊 ***** 以上、よろしくお願いします。 WindowsのFirefoxでの背景画像の表示(CSS) WindowsのFirefox(Ver.2.0.0.12)での背景画像の表示について質問です。 下記の様なCSSで、下寄せでX方向に画像を並べ、グラデーションで背景色と馴染むようなデザインにしたいのですが、背景色しか表示されません。 他のブラウザでは上手くいくのですが、原因がわかりません。 Dreamweaverで作っております。 body { background-image: url(img/site/bg.jpg); background-repeat: repeat-x; background-position:bottom; background-color: #826243; } どなたかご教授いただけませんでしょうか。 宜しくお願いいたします。 清朝末期から中華人民共和国の成立まで 上記の時代背景と概要および参考となる簡便な図書を紹介して下さい。 safariで背景画像がでない。 macでdreamweaver cs4を使ってサイトを作っています。 背景画像がfirefoxでは表示されるのに、safariでは表示されなくてこまっています。 ただいまウィンドウズでみれる環境ではないので、もしかするとIEでも表示されなくて、たまたまfirefoxで表示されているだけで私の記述がまちがっているかもしれません。 仕様は、背景画像Aの中にimgとdlで構成された文章があり ロールオーバーで背景自体に枠をついたものをいれるのを liで3つをフロートで横並びにして構成しています。 <li id="g1"> <a href="#" target="_blank"> <img src="img/.jpg" width="200" height="200" alt=""> <dl> <dt>日にち</dt><dd>3月</dd> <dt>場所</dt><dd>東京</dd> </dl> </a> </li> cssの方では、liに幅と縦をいれてフロートでうかせ aに画像を入れて、画像サイズとdisplay:block;をしています。 あとはa:hoverで枠ありの画像をいれています。 まだまだやりはじめたばかりで、ビギナーなので 何が違うのか、よくわかっていません。 たりない情報があるかもしれませんが何かヒントをいただけるとうれしいです。 ウインドウの設定 画像にリンクを貼り、新しくウインドウを開くという設定にすると <A target="_blank" href="sample1.html"><IMG src="img/sample1.jpg" width="206" height="200" border="0"></A> こうなりますが、新しく開いたウインドウの大きさを固定させたり大きさを変えられないようにしたりツールバーやアドレスバーなどを表示させないようにするにはどうしたらいいでしょうか。 http://hp.xrea.jp/を参考に色々やってみたんですが分からなくて・・・。 何卒アドバイスをよろしくお願いします。 【java】背景画像を一定時間でフェード切り替え よろしくお願いします。 下記のページを参考に、 http://javascript.eweb-design.com/0802_ici.html 背景画像を一定時間で切り替えることはできたのですが、 画像が切り替わる時に、ゆっくりフェードしながら切り替わるということは可能でしょうか? 同じような挙動であれば、他のスクリプトやjQueryでも問題ありません。 実現させたい内容としては、 ・bodyの背景画像が切り替わる(div等ではなく) ・フェードで切り替わる になります。 ご存知の方おられましたら、ご教授くださいませ。 どうぞよろしくお願いいたします。 HTMLとCSSを教えてください。 画像を中央揃えしたいのですが、 <img src="xxx.jpg"> img{ text-align:center; } とやったのですが、中央揃えできないのですがなぜでしょうか? もうひとつ質問させてください。図書館の参考書に書かれている内容で、「今はtext-align:center;よりposition:absolute;top:105px;left:50px;を使う事が多くなっています」と書いてありました。ほかにもサイトのソースをみると、absoluteを使用しているサイトを良く見かけますが、positionを使ってデザインすると画面サイズとか、見るブラウザによってデザインが崩れてしまわないでしょうか?そうなるとやはりtext-align:center;を使うのがいいのではないでしょうか? どれも初歩的ですみませんが、よろしくおねがいします。 背景画像の上にGIF画像をのせたいのですが、 メモ帳で(~.html)と保存したものを忍者ツールでアップロードし、HPを作り始めた初心者です。 質問が分かりにくければ、再び追って説明しますのでどうかご教授、よろしくお願いします。 これが問題の、ただいま作っている一面です↓ http://runarunatic.yumenogotoshi.com/t.index.html 背景画像の扉の白い部位に、鳥のGIF画像を表示させたいのです。 家のPCでは、 <HTML> <body bgcolor="#000000"><style type="text/css"> body { background-image:url(http://runarunatic.yumenogotoshi.com/20110716181031ymv.png); background-attachment:fixed;background-repeat : no-repeat;background-position :center;} </style> <head> <a href=""> <img src='http://runarunatic.yumenogotoshi.com/simpleVC_img/bani.gif' oncontextmenu="return false;" border="0" align="right" vspace="180" hspace="400" ></a> </body></html></HTML> <html><head><meta http-equiv=Content-Type content="text/html;charset=Shift_JIS"> <title><body text=#000000 bgcolor="#000000" vLink="#000000" aLink="#000000" link="#000000"> <Span Style="Font-Size:320pt"><br></Span></body></html> これで上手く鳥が扉の中に表示されたのですが、別のPC(画面サイズの違うもの)で見てみると鳥が扉の中には表示されず、右へずれて黒い背景部位に表示されてしまいました。 この鳥をどのPCから閲覧しても、背景画像の白い扉の中に表示させるためにはどうしたらよいのでしょうか。その鳥の部分をリンクさせ次のページへ移る、ということをしたいです。 そもそもやり方が間違ってるのでしょうか・・・困っているので是非、教えて下さい。 背景画像のランダム表示 お世話になります。 PHP勉強中です。 1.背景画像のランダム表示:bodyタグ内でなくdiv内の背景画像を変更したい。bottom right指定等施したいのでスタイルシートで書き出す?? 2.確率を設定したい:1枚の基本画像が60%表示され、それ以外の複数の画像が40%で選択、その中で画像をランダムに設定したい。 3.使用する画像は同一フォルダ内にある、背景画像以外はいれない。今後枚数を増やしていく予定なので、ファイル名を1つずつ指定するのではなく、フォルダ内の画像を読んで、配列に・・・ と、やりたいことはあるのですが、どうやったらいいのやら・・・頭が混乱してます(汗) 私のサイトに訪問される方でjsをOFFにされている方が多少いらっしゃるので、どうせならPHPで!と意気込んでみたのですが・・・ もしよろしかったらご教授下さいませ。 よろしくお願い致します。 参考:現在設置のjsファイル <script> wall = new Array(); wall[0] = "./image/bg01.jpg"; wall[1] = "./image/bg02.jpg"; wall[2] = "./image/bg03.jpg"; wall[3] = "./image/bg04.jpg"; wall[4] = "./image/bg05.jpg"; wall[5] = "./image/bg06.jpg"; wall[6] = "./image/bg07.jpg"; wall[7] = "./image/bg08.jpg"; rnd = Math.round(Math.random() * (wall.length - 1)); document.write('<style type="text/css">div.mainTOP { background:url(' , wall[rnd] , ') no-repeat bottom right #FAFAFA; }</style>'); </script> 江戸時代の日本語文を書くために参考になるものがありましたら教えてください こんにちは。 江戸時代に書かれたという設定の文章(小説です)を書こうと思っています。 当時の文法規則や語彙などの知識が高校レベルでしかないので、 一から勉強をしようと考えているのですが、このような目的において 参考となる図書やWebサイトなどを教えていただけないでしょうか。 江戸時代だけでなく、明治時代、大正時代、昭和時代の文章も 書きたいと考えていますので、そちらの方でも参考になるものが ありましたら教えてくださると助かります。 cssについて、レスポンシブな背景指定 背景を指定し表示させる上で、PCだと何の問題無く表示されるのですが スマホ等画面の小さいでスプレイで見た際、背景画像が等倍では見ず来為、 画面サイズに合わせて縮小させたいと考えています、。 現状では、画面の幅が小さくなり、背景画像が等倍のまま表示されてしまいます。 以下の参考のサイトの場合、スマホの画面に合せて背景が縮小されるようなので、方法自体はあるようなのですが、どの様にすれば良いのか解らず、何か良い方法はありませんでしょうか? http://jquery.shiftbrain.co.jp/ 記述としては以下の様にかいております。 <section id="section_photo" class="common_section"> <div class="content"> <h2><img src="images/tit_01.png" alt="" /></h2> </div> </section> .common_section { width: 100%; } #section_photo { background-attachment: fixed; background-image: url("../images/bg_section_photo.jpg"); background-position: center center; background-repeat: no-repeat; background-size: cover; } どうぞよろしくお願いいたします。 メカや建築のデザインがすごいマンガ メカや建築のデザインが魅力的なマンガやイラストをご存知であればぜひ教えてください。 大友克洋、弐瓶勉、林田球、田中達之、森本晃司などの作品のように、背景や小道具にフェティッシュが溢れているような作品が知りたいです。 おすすめの図案デザイン集 当方イラストを描く者です。 レトロなポスターやラベルのような、ペン画のようなイラストや飾り枠・飾り罫、 またそれらの画面内の配置や構図の参考に出来る書籍が欲しいと考えているのですが、何かおすすめのデザイン集などはありませんでしょうか。 画像の参考になればよいので和書・洋書問いません。 出来ればヨーロピアンなデザインや、ワインラベルのようなエレガントなものが沢山見られる本を挙げて頂けますとうれしいです。 ※ちなみに同目的で先日、「浪漫図案 明治・大正・昭和の商業デザイン」という本を購入しましたが、なかなか良い物でした。 宜しくお願いいたします。 フレーム背景の画像を CSSで設定したいのですが 現在、横3分割のフレームを使ったホームページを作成中です。左右のページを「space.html」とし、真ん中のページを更に縦3分割して、中央にメインのコンテンツを表示させるようにしています。また、サイトデザインは全てCSSで管理しようと思っています。 真ん中のページを際立たせたいので両側に縦線を引き、「space.html」の背景にも画像を設定したいのですが、うまくいきません。 #フレーム設定ページのソース# <FRAMESET cols="*,700,30" frameborder="no" border="0"> <FRAME name="space01" src="space.html" class="space01"> <frameset rows="50,*,50" frameborder="no" border="0"> <FRAME name="menu" src="menu.html" scrolling="no" class="menu"> <FRAME name="main" src="main.html"> <FRAME name="bottom" src="new.html" scrolling="no" class="bottom"> </frameset> <FRAME name="space02" src="space.html" class="space02"> #「space」部分のCSS# .space01{ background-image:url(img/space.gif); border-right:double 5px #666; } .space02{ background-image:url(img/space.gif); border-left:double 5px #666; } 上記の方法ですと、両側の縦線は表示されるのですが、背景は真っ白なままです。勉強不足で恐縮ですが、どなたかご教授下さい。。。 イラストの著作権 お世話になります。 私は、印刷物のイラスト等を描いている者です。 先日、クライアント様から有明海の漁法図を江戸時代の絵風にとの依頼があり作業をいたしました。 (イラストを描く場合図書館の資料を参考に致しました、イラストの構図、タッチ、画材等は違います) そのイラストを他に使用されないように著作権を登録してくださいと言われました。 イラストを他に使用されないように登録など出来るのでしょうか? 出来るのであれば、何処に問い合わせするのでしょうか・・・?何方かお教えください。 テーブル背景を毎日入れ替える方法 以前ここで同様の質問させていただいた者です。 回答いただいた例を参考にして、自分なりに設定を直してみたのですが動かない状態です… もう一度ご教授をお願いします。 テーブルの背景画像を日によって変更できるように、と思っています。 tableタグ内は、以下のようにしました。 <table id="BACKIMG" ~中略~ style="BORDER: #7B7B7B 1px solid; background-image:url('image/tableback.jpg');"> またJavaScriptは外部ファイルにして 【Change.js】の内容↓ function fncChange() { var a; var date = new Date(); var d = date.getDate(); a = d % 7; if (a==0){ document.getElementById("BACKIMG").style.backgroundImage="url(images/images0/top.jpg)"; }else if (a=1){ document.getElementById("BACKIMG").style.backgroundImage="url(images/images1/top.jpg)"; }else if (a=2){ document.getElementById("BACKIMG").style.backgroundImage="url(images/images2/top.jpg)"; }else if (a=3){ document.getElementById("BACKIMG").style.backgroundImage="url(images/images3/top.jpg)"; }else if (a=4){ document.getElementById("BACKIMG").style.backgroundImage="url(images/images4/top.jpg)"; }else if (a=5){ document.getElementById("BACKIMG").style.backgroundImage="url(images/images5/top.jpg)"; }else if (a=6){ document.getElementById("BACKIMG").style.backgroundImage="url(images/images6/top.jpg)"; } } 使用する画像はフォルダで分けるつもりです。 HTMLにはHEADタグの間に <SCRIPT language="javascript" src="Change.js"> <!--// fncChange(); //--> </SCRIPT> を記述しています。 これで不足してる部分がありますでしょうか? 解決策をよろしくお願いします。 CSSで背景をランダム表示させたい CSS初心者です。 3分割のフレームのサイトで、mainページの背景をCSSで指定しているのですが それをランダムに5種類の画像を表示出来るようにしたいのですが 何度やってもやり方が分からず教えてもらえませんでしょうか・・・ PHPは対応していないサーバーなので無理でした。 http://okwave.jp/qa/q4805263.htmlこちらも試してみましたが出来ませんでした・・・ どうかご教授願います。 style.CSSから抜粋↓ /* デザイン全般設定 */ .ta1{border-bottom:1px solid #cccccc;background-color:#eeeeee;} .ta2{background:url(bg02.gif) repeat-y 260px 0px;} .ta3{background:url(bg01.jpg) repeat-y 95% 0%;} #enter_page{overflow:hidden;} #main_page{background:url(img/hptop1109.jpg) no-repeat 100% 50% fixed;}←ここでmainページの背景を指定しています。 #menu_page{border-bottom:1px solid #cccccc;background-color:#eeeeee;} #left_page{background:url(bg02.gif) repeat-y 260px 0px fixed;} .back{font-size:17px;text-align:right;background:url(back.gif) no-repeat 160px 90%;margin:20px 0px 0px 0px;padding:15px 20px 5px 0px;} .back a:hover{text-decoration:underline;} #main_page{background:url(img/hptop1109.jpg) no-repeat 100% 50% fixed;} </style> <script type="text/javascript"> window.onload = function(){ //var url = "a.jpg,b.jpg,c.jpg".split(','); var url=[]; url[0] = 'top_bg01.jpg'; url[1] = 'top_bg02.jpg'; url[2] = 'top_bg03.jpg'; var n = Math.floor(Math.random() * url.length); var elm = document.getElementById('main'); elm.style.backgroundImage = 'url(/image/' + url[n] + ')'; } </script> ↑このように、#main_page{background~~の後ろに、参考サイトのをコピペしても何も表示されず背景は白のままになってしまいました。 色々頑張ってみたのですが分からないので、どなたか教えてくれませんか・・・ 他に必要なソースがあれば追記いたします。 どうぞよろしくお願いいたします。 注目のQ&A 「前置詞」が入った曲といえば? 新幹線で駅弁食べますか? ポテチを毎日3袋ずつ食べています。 優しいモラハラの見抜き方ってあるのか モテる女性の特徴は? 口蓋裂と結婚 らくになりたい 喪女の恋愛、結婚 炭酸水の使い道は キリスト教やユダヤ教は、人殺しは地獄行きですか? カテゴリ 趣味・娯楽・エンターテイメント アート・創作 絵画・イラスト・デザイン彫刻・オブジェ・陶芸手芸・裁縫写真映像書道茶道・華道その他(アート・創作) カテゴリ一覧を見る あなたにピッタリな商品が見つかる! OKWAVE セレクト コスメ化粧品 化粧水・クレンジングなど 健康食品・サプリ コンブチャなど バス用品 入浴剤・アミノ酸シャンプーなど スマホアプリ マッチングアプリなど ヘアケア 白髪染めヘアカラーなど