![]()
- 画像ファイルに文字挿入（1000枚）
jpgの画像ファイルが1000枚ほどあり、すべての画像にそれぞれ異なる文字列を挿入したいです。 例えばPhotoshopあたりを使って1つ1つ文字挿入をやっていくという手もありますが、かなり面倒くさいです。 楽に大量の画像ファイルに文字を挿入できるようなソフトや方法はありますか？ ・画像のサイズ（縦〇〇ピクセル×横〇〇ピクセル）、解像度は、1000枚すべて一緒です。 ・上述の通り、1000枚の画像にそれぞれ異なる文字列を入れます。 ・文字を挿入する場所、文字のフォントや文字サイズも1000枚すべて固定させたいです（画像の右下あたりにMS Pゴシックで12ポイントの文字を入れたい）
- ＤＩＶが二つ続いた後の下にテーブルを表示したいので
添付はエクセルの画像ですが ＨＴＭＬでＤＩＶが二つ続いた後の下にテーブルを表示したいのですが <html> <head> <title>test</title> <style type="text/css"> <!-- div.migi, div.hidari{ float : left ; text-align:center; width:100px; background-color: #ffff00; border: 1px #BDBDBD solid; padding: 10px 6px; } div.migi{ float: right; } --> </style> </head> <body> <div class="hidari"> hidari </div> <div class="migi"> migi </div> <table border=1 cellspacing=0> <tr><td>1</td><td>2</td></tr> </table> </body> </html> このコードだとDIVの中にテーブルが入ってしまいます。 理想は添付画像です。 どうすれば良いでしょうか？ よろしくお願いします。
- ベストアンサー
- WPICVPUJEC
- HTML
- 回答数2
- Photoshop CS6 ショートカットキー設定
Photoshopのショートカットキーはどの程度カスタマイズできるのでしょうか。 例えば、 左右反転表示を「Ｓ」キー ブラシツールへの切り替えを「A」キー 消しゴムを「Q」キー 自由選択ツールを「C」キー 手のひらツールを「CTRL」キー などにできますか？
- ベストアンサー
- luciaid
- Photoshop（フォトショップ）
- 回答数1
- Photoshopの画像のような加工の仕方について
Photoshopの加工のやり方が分からないので教えて頂きたいのですが、PhotoshopCCを立ち上げた時に表示される海外の方の作品なんですが、添付した画像のように一部分の縁がスクリーン？オーバーレイ？のような、明るくなっている部分があるんですがこれのやり方を教えて頂きたいです。 分かる方いらっしゃいませんか？
- 締切済み
- natu0804
- Photoshop（フォトショップ）
- 回答数2
- 写真画像の情報消し
スマホで写真を撮ると スマホの機種等の情報が画像ファイルに着きますが これを出来るだけ削除したいのですが、なにか良い方法もしくはアプリとかはないでしょうか？
- ベストアンサー
- noname#228307
- Photoshop（フォトショップ）
- 回答数4
- ウィンドウの縮小に合わせて変化させるには？
WEBデザインの質問です。 添付画像のようなものを作りたいのですが、ウインドウの幅を小さくした時に、 自動的にそれに合わせて画像も小さくなってもらいたのですができません。 どのようにhtml,cssを書いたらいいですか？ 画像4の上に、画像1,2,3があって、背景、画像1,2,3がメニュー(後で画像にリンクを追加したい)のようなイメージです。 そこで今、画像4は縮小に合わせて一緒に縮んでくれるのですが、 画像1,2,3は色々試してみたのですが変化がありません。 html↓ <body> <article> <div class="relative"> <img src="/../../画像4.gif" class="img-responsive" alt="" /> <img src="/../../画像1.gif" alt="" class="absolute" /> <img src="/../../画像2.gif" alt="" class="absolute2" /> <img src="/../../画像3.gif" alt="" class="absolute3" /> </div> </article> </body> CSS↓ @charset "utf-8"; .img-responsive { display: block; max-width: 100%; height: auto; } .relative { position: relative; } .absolute { position: absolute; top: 515px; left: 185px; } .absolute2 { position: absolute; top: 515px; left: 535px; } .absolute3 { position: absolute; top: 515px; left: 888px; } 初めてhtmlを書いているので、変な質問をしていたらすみません。 お早めな回答をいただけると助かります。 よろしくお願いいたします。
- HPのバグで対処に困っています
ホームページを作ろうと勉強中なのですが HTMLやCSSでの制作でバグが出たとき皆さんはどうしてますか？ CやC++だとIDEをつかってバグに対処するんですが、ホームページだと そうもいきません。 自分はStyleNote5を使っています。 しかし、あれではバグがどこにあるのかハッキリと分かりません。 皆さんはどうやってHTMLやＣＳＳのバグを潰していますか？ どうかよろしくお願いします。
- ベストアンサー
- DEADSPACE566
- HTML
- 回答数5
- transform: translateとは
transform: translate(-50%, -50%);と下記サイトに記載があるのですが、 こちらを5にしても特に変化を感じません。 こちらは変形などを総合的にしている酢ようなことが記載してありましたが、 どのような意味で使っていると思いますか？ 位置をすらすというプロパティなのでしょうか？ 6. 波紋のようなエフェクトの部分 http://www.nxworld.net/tips/css-ghost-button-good-chemistry-hover-effect.html
- ベストアンサー
- noname#226032
- CSS
- 回答数1
- ブラウザによってcssを分けることは可能なの？
レスポンシブウェブデザインの様に ブラウザによってcssを分けることは可能なのでしょうか？ IEなら１００px、ファイアフォックスなら５０pxなど。
- ベストアンサー
- RDOROSKBAQ
- CSS
- 回答数4
- text-shadowについて
text-shadowについて rgaでもかけるそうですが下記ではうまくいきません。 どこが間違えているのでしょうか？ ・うまくいかない text-shadow: rgba(255,255,255,.9) 0 0 7rem; ・うまくいく text-shadow: 0 0 .8rem #fff, 0 0 .8rem #fff, 0 0 .6rem #fff, 0 0 .6rem #fff, 0 0 .6rem #fff, 0 0 .6rem #fff, 0 0 .6rem #fff, 0 0 .6rem #fff, 0 0 .6rem #fff, 0 0 .6rem #fff, 0 0 .6rem #fff, 0 0 .4rem #fff, 0 0 .3rem #fff, .2rem .2rem .2rem rgba(0,0,0,.9); }
- ベストアンサー
- noname#226032
- CSS
- 回答数1
- ワードプレス初心者です。うまくいきません
ワードプレス初心者です。うまくいきません 下記のように作ったのですがテーマノチェックをしました。 URLはデフォルトで下記となると考えてよいでしょうか？ 真っ白になります。 http://URL.org/wordpress/ 初心者にもわかるように教えていただければ幸いです。 パス /htdocs/wordpress/wp-content/themes タイトルとりあえず適当に入れています。 テーマの名前 バージョン バージョン 作成者 作った人の名前 作成者の URI http://作った人の%20URL テーマの URI http://テーマの%20URL ライセンス ライセンス License URI ライセンスの URL 説明 テーマの説明 ソース <?php get_header(); ?> <body class="top-body"> <div class="container"> <header class="header u-boxshadow-0-0dot1rem-0dot1rem-a0dot9" role="banner"> <div class="headerinner-wrap-primary"> </div> <div class="headerinner-wrap-secondly u-gradient-lightgreen"> <!-- Navigation --> <?php wp_nav_menu( array ( 'theme_location' => 'header-navi' ) ); ?> <!-- /Navigation --> <ul class="c-social-btn-wrap"> </ul> <h2 class="c-heading-secondly c-heading-secondly--skin u-long-shadow"> </h2> <p class="u-centering-left-right-block-inline"> AAAAAAAAAAAAA<br /> AAAAAAAAAAAAAA<br /> AAAAAAAAAAAA<br /> </p> </div><!-- /.headerinner-wrap-secondly --> </header> <!-- /.header --> </main> <?php get_footer(); ?> <?php get_drawermenu(); ?> ・css /* Theme Name: テーマの名前 Description:テーマの説明 Theme URI: テーマの URL Author: 作った人の名前 Author URI: 作った人の URL Version: バージョン License: ライセンス License URI: ライセンスの URL */ @charset "utf-8";～ headerなどのphp、style.cssはすべてindex.phpのカレントディレクトリにあります。 画像以外はすべてカレントディレクトリでないといけないのですよね。 必須: テーマの css には .wp-caption の css クラスが必要です。 必須: テーマの css には .wp-caption-text の css クラスが必要です。 必須: テーマの css には .sticky の css クラスが必要です。 必須: テーマの css には .gallery-caption の css クラスが必要です。 必須: テーマの css には .bypostauthor の css クラスが必要です。 必須: テーマの css には .alignright の css クラスが必要です。 必須: テーマの css には .alignleft の css クラスが必要です。 必須: テーマの css には .aligncenter の css クラスが必要です。 必須: テーマ CSS 中に CSS クラス .screen-reader-text が必要です。Codex で実例を参照してください。 必須: このテーマはタグを表示していないようです。適切な場所にタグを表示するように変更してください。 必須: style.css ヘッダーに Text Domain: がありません。 推奨: テーマにサイドバー/ウィジェットエリアがありません。ウィジェット API をご覧ください。 警告: このテーマは、テーマ名に対して間違ったディレクトリにあります。ディレクトリ名はテーマのスラッグと一致する必要があります。このテーマの正しいスラッグとテキストドメインは %e3%83%86%e3%83%bc%e3%83%9e%e3%81%ae%e5%90%8d%e5%89%8d です。 (子テーマの場合、このエラーは無視してください。) 必須: 待機状態のコメント返信のスクリプトを見つけることができません。プラグインとテーマの移行/2.7/Enhanced Comment Displayをご覧ください。 <?php if ( is_singular() ) wp_enqueue_script( "comment-reply" ); ?> 必須: テーマに投稿ペジネーションのコードがありません。投稿ペジネーションを追加するには posts_nav_link()、paginate_links()、the_posts_pagination()、the_posts_navigation()、next_posts_link()previous_posts_link() のいずれかを使ってください。 必須: テーマで wp_title() を呼び出すことはできません。 必須: コンテンツの幅が定義されていません。例: if ( ! isset( $content_width ) ) $content_width = 900; 必須: このテーマは標準的なアバター関数をサポートしていないようです。サポートするにはget_avatar、またはwp_list_commentsの関数のどちらかを用いてください。 必須: このテーマにはコメントのページ送り用のコードが含まれていません。paginate_comments_links()、the_comments_navigation、the_comments_pagination、next_comments_link()、previous_comments_link() のいずれかを使ってコメントのページ送りを追加してください。 必須: The theme must not used the <title> tags. 必須: No reference to add_theme_support( "title-tag" ) was found in the theme. 必須: wp_list_comments が見つかりません。wp_list_comments <?php wp_list_comments( $args ); ?> を参照してください。 必須: wp_link_pages が見つかりません。wp_link_pages <?php wp_link_pages( $args ); ?> を参照してください。 必須: wp_head が見つかりません。wp_head <?php wp_head(); ?> を参照してください。 必須: wp_footer が見つかりません。wp_footerをご覧ください。 <?php wp_footer(); ?> 必須: post_class が見つかりません。post_class <div id="post-<?php the_ID(); ?>" <?php post_class(); ?>> を参照してください。 必須: language_attributes が見つかりません。language_attributesをご覧ください。 <html <?php language_attributes(); ?> 必須: comments_template が見つかりません。comments_template <?php comments_template( $file, $separate_comments ); ?> を参照してください。 必須: comment_form が見つかりません。comment_form <?php comment_form(); ?> を参照してください。 必須: body タグ内の body_class 呼び出し が見つかりません。body_class <?php body_class( $class ); ?> を参照してください。 必須: add_theme_support( 'automatic-feed-links' ) が見つかりません。add_theme_support 書ききれないのでもう一つ作ります。 を参照してください。 必須: comment_form が見つかりません。comment_form <?php comment_form(); ?> を参照してください。 必須: body タグ内の body_class 呼び出し が見つかりません。body_class
- 締切済み
- noname#226032
- ホームページ作成ソフト
- 回答数1
- 時間差で要素が出てくるエフェクトを導入
http://ziyudom.com/js-delay/を参考に時間差で要素が出てくるエフェクトを導入したかったのですが、うまくいきません。 いっぺんに時間差なく行われてしまいます。 一つ終わって次という形にしたいです。 ないしはほんの少し差をつけたいです。 スクロールがカキはできないのですかね。うまく再現できていませんがソースはわかると思います。スクロールの仕方があれば教えてください。 http://codepen.io/anon/pen/WGqjZZ ・css .js-translate3d-lower-right,.js-translate3d-lower-right-2,.js-translate3d-lower-right-3 { opacity : 0;/* 対象の要素の初期の不透明度 */ transform: translate3d(-1rem,-2rem,-1rem); /*transform : translate(5rem, 0);横からスライド*/ transition : all 500ms; } ・動くがいっぺんに動いてしまう。 var $deferredAnim = $.Deferred( function( deferredAnim ){ //thenでファンクション名を繋げる deferredAnim.then(anim_01) .then(anim_02) .then(anim_03) }); //実行 $deferredAnim.resolve(); function anim_01 (){ $(function(){ $(window).scroll(function (){ $('.js-translate3d-lower-right').each(function(){ var elemPos = $(this).offset().top; var scroll = $(window).scrollTop(); var windowHeight = $(window).height(); if (scroll > elemPos - windowHeight + 350){ $(this).addClass('scrollin'); } }); }); }); } function anim_02 (){ $(function(){ $(window).scroll(function (){ $('.js-translate3d-lower-right-2').each(function(){ var elemPos = $(this).offset().top; var scroll = $(window).scrollTop(); var windowHeight = $(window).height(); if (scroll > elemPos - windowHeight + 350){ $(this).addClass('scrollin'); } }); }); }); } function anim_03 (){ $(function(){ $(window).scroll(function (){ $('.js-translate3d-lower-right-3').each(function(){ var elemPos = $(this).offset().top; var scroll = $(window).scrollTop(); var windowHeight = $(window).height(); if (scroll > elemPos - windowHeight + 350){ $(this).addClass('scrollin'); } }); }); }); } ・こちらだと動かない最後の｝にエラーと出る $(function(){ $(window).scroll(function (){ $('.js-translate3d-lower-right').each(function(){ var elemPos = $(this).offset().top; var scroll = $(window).scrollTop(); var windowHeight = $(window).height(); if (scroll > elemPos - windowHeight + 350){ $(this).addClass('scrollin'); } }); }); } function anim_02 (){ $(window).scroll(function (){ $('.js-translate3d-lower-right').each(function(){ var elemPos = $(this).offset().top; var scroll = $(window).scrollTop(); var windowHeight = $(window).height(); if (scroll > elemPos - windowHeight + 350){ $(this).addClass('scrollin'); } }); }); } function anim_03 (){ $(window).scroll(function (){ $('.js-translate3d-lower-right').each(function(){ var elemPos = $(this).offset().top; var scroll = $(window).scrollTop(); var windowHeight = $(window).height(); if (scroll > elemPos - windowHeight + 350){ $(this).addClass('scrollin'); } }); }); }
- ベストアンサー
- noname#226032
- JavaScript
- 回答数3
- wordpress 子テーマと親テーマの表示
サイト構築のためにwordpressを勉強中ですが、子テーマと親テーマについてお尋ねします。 私は子テーマとは、カスタマイズのためにCSSなどをいじるときに、本体である親テーマのバージョンアップ等の影響を受けても対処できるように準備しておく、仮のテーマのような感覚であり、実際のサイト上に表示されるのは、親テーマだと思っています。 ところが、実際にCSS修正後のサイトを子テーマのまま表示するものが、親テーマに差し替えると修正前のままです。 これで正しいのでしょうか？ それとも、子テーマで修正したものが、親テーマへ戻したときには修正した子テーマの状態が親テーマに反映されるのでしょうか？ いくらサイトを調べても、どこをどういじっても、子テーマの修正が親テーマの表示を変えてはくれませんし、親テーマの表示という文字すら見当たりません。 また、実際にサイトとして公開されるのは子テーマでの表示でしょうか、それとも、親テーマでしょうか？ どうも初歩的な質問で申し訳ありません。
- ベストアンサー
- nekosuke16
- ブログ
- 回答数2
- wordpress 子テーマと親テーマの表示
サイト構築のためにwordpressを勉強中ですが、子テーマと親テーマについてお尋ねします。 私は子テーマとは、カスタマイズのためにCSSなどをいじるときに、本体である親テーマのバージョンアップ等の影響を受けても対処できるように準備しておく、仮のテーマのような感覚であり、実際のサイト上に表示されるのは、親テーマだと思っています。 ところが、実際にCSS修正後のサイトを子テーマのまま表示するものが、親テーマに差し替えると修正前のままです。 これで正しいのでしょうか？ それとも、子テーマで修正したものが、親テーマへ戻したときには修正した子テーマの状態が親テーマに反映されるのでしょうか？ いくらサイトを調べても、どこをどういじっても、子テーマの修正が親テーマの表示を変えてはくれませんし、親テーマの表示という文字すら見当たりません。 また、実際にサイトとして公開されるのは子テーマでの表示でしょうか、それとも、親テーマでしょうか？ どうも初歩的な質問で申し訳ありません。
- ベストアンサー
- nekosuke16
- ブログ
- 回答数2
- イラストレーターで選択範囲を半透明にしたいのですが
Illustrator10です。 オブジェクトの中で、さらにペンツールなどパスで囲んだ範囲を作って、そこを半透明にする方法がありますか。 フォトショップを使わずにイラストレーターで出来る方法がありましたら教えてください。 よろしくお願いします。
- 締切済み
- datdat
- Illustrator（イラストレーター）
- 回答数3
- レスポンシブデザインでイメージマップ
レスポンシブデザインでウェブサイトを制作しています。 その中で、イメージマップ（クリッカブルマップ）を使おうとしているのですが、スマホ縦で表示しますと、画像の大きさが変わりますので、リンクエリアがずれます。 そこで、jQuery RWD Image Mapsというものを見つけましたので、これを取り入れることにしました。 https://github.com/stowball/jQuery-rwdImageMaps が、うまく動きません。 試しに、シンプルなレスポンシブデザインのサンプルページがあったので、そのソースを拝借して、そこでこのjQueryがうまく動作するかテストしてみました。 HTML http://wakabaya.main.jp/example-09.html CSS http://wakabaya.main.jp/responsive-09.css jQuery http://wakabaya.main.jp/js/jquery.rwdImageMaps.min.js シンプルなサイトですので、何か他のjQueryやスタイルシートが干渉するということもないはずなのですが、やはり動きません。 ロゴ画像のSのあたりをリンクエリアとして指定し、パソコンではそこがリンクエリアとなっていますが、スマホ縦ではロゴ画像のynの下あたりにリンクエリアがきています。 jQueryを使うのは今回が初めてで、何か、初歩的なミスをしているのではないか…、と思うのですが、その原因が見つけきれず、こちらで質問させていただきました。 どういった原因、解決策が考えられるでしょうか。 よろしくお願いします。
- ベストアンサー
- waka-take
- JavaScript
- 回答数1
- 36歳精神障害者イラレとか独学で取れる仕事つける？
独身で彼女できません。 Photoshopとイラストレーター独学でできますか？資格取れますか？ やっぱり実務経験でしょうか？ 例えば簿記とか有名な資格だったら何級レベルですか？ 困っています、家庭内の事情とか将来の不安で。 よろしくお願いします。
- 締切済み
- mimake21
- デザイナー・クリエイティブ職
- 回答数4
- 「サイト 」と「ホームページ」の言葉の違いについて
「サイト 」と「ホームページ 」の言葉の違いについてよく分からないのですが 説明してもらえますか？ 意味は同じですよね？
- ベストアンサー
- jikuwdado
- ホームページ作成ソフト
- 回答数7
- 勝手にスタイルが追加される
２カラムで右に320px左にcalc(100% - 320px)で幅を設定したページを作ったのですが、ブラウザの幅を縮めると勝手に右カラムがdisplay:none;になり、そこからブラウザの幅を広げると右カラムにはdisplay:block;左カラムにはwidth:100%;という、element.styleが勝手に指定されてしまいます。 情報が少なく申し訳ございませんが、どなたか利用がわかる方はいらっしゃいませんでしょうか。
- 締切済み
- kirinhanakanai
- CSS
- 回答数1
- ワードプレスのブログをケータイでも表示したい
ワードプレスでブログを作成しました。 PCでは普通に表示できますが、ケータイ(スマホ)で見るとサイズが合っていないような感じで小さめに寄って表示されてしまいます。 きれいに表示させる方法をご存知の方、教えてください。