21005
徘徊BBS
何でもお気軽に書いていってください♪
なお管理人へのメール送信についてはこちらをごらんください。

★ 透明シート画像にトライ(５) / 徘徊老人 引用

かなさんの自主トレで、ずいぶん早く、「透明シート画像にトライ」計画が進みました♪
いちおう今回が最終回となります。これを読み終われば、きっともうなんの心配もなくなるっ！……はずデス。(^Д^;

では実際に新規のブログ記事を書く場合の手順について試してみましょう。
テストとして、公表直前の「プレビュー」で終わりということにしますので、気楽にやりましょう。

まず、いきなり画像のアップロードというのではなく、ちょい事前準備をしておきたいので、それにお付き合いください。

【１】透明シート画像用定型タグフォーマット作り
これからのブログ上で、画像に透明シートを被せる方法を頻繁に使うとしたら、作業を楽チンに進められるよう、面倒なタグの定型フォーマットを作っておきます。
パソコンのメモ帳を用意して、以下のタグをコピー＆ペーストで丸写ししてください。
日本語で書かれた部分が、新画像のつど、その画像に合わせた数字・URLに置き換わることになります。
(透明シートの「spacer.gif」はすでにアップロードされ、そのURLも決定しているので、毎回同じです。毎回同じだから、このように定型フォーマットを作っておいたほうが楽チンということです)

--------------------
<img src="http://blog-imgs-51.fc2.com/s/o/y/soyosoyoisoisoto/spacer.gif" alt="spacer.gif" border="0" width="画像横幅" height="画像縦幅" style="background-image:url(使用画像のユーアールエル);"/>
--------------------

ファイルのタイトルは「透明シート用定型タグ」とでもして、最初に作った「透明シート画像」のフォルダーの中に保存しておいてください。

【２】画像のアップロード
新記事で使う画像をブログの「管理者ページ」から、いつものようにアップロードしてください。

【３】記事を書く・定型タグのコピー＆ペースト
これもいつものように文章を打ち込んでいきます。
書きながら、「この部分に画像を入れたい」と思われたら、「本文の編集」画面の上部に並んでいるアイコンの「画像ファイル挿入」のアイコンをクリックするのではなく、
(!!重要!!)
ここで【１】で作成しておいたメモ帳ファイルの定型タグフォーマットの文字列をコピーし、画像を挿入したいと思った位置にペーストします。

【４】ペーストしたタグの整形準備
ペーストし終わったら、ここで初めて使用したい画像を呼び出すために、「本文の編集」画面の上部に並んでいるアイコンの「画像ファイル挿入」のアイコンをクリックします。
すると「アップロード」の別画面が左に出てきます。
「ブログに挿入したい画像のアクションから操作を選択して下さい」の下にアップロードした画像の一覧が表示されています。そこには「ファイル情報」というのが記載されています。この情報欄のデータを元に、以下の手順でペーストしたタグの整形をすることになります。

【５】「width="画像横幅"」の修正
使用したい画像のファイル情報欄にある「**KB (*** x ***)」の部分の「(*** x ***)」内の数字は、画像の「横幅×縦幅」のピクセル数を意味します。
この説明文では、わかりやすいよう画像は「(333 x 222)」のサイズだった、ということにします。
その横幅の数字「333」をコピーし、定型タグにある「画像横幅」にペーストします。
コピーでなくても、キー入力でもＯＫです。

【６】「height="画像縦幅"」の修正
同様に、画像の高さの「222」を定型タグ側の「画像縦幅」の部分にペースト(もしくは入力)します。

●確認●
本文のタグはこの時点で、以下のようになっていますか？
--------------------
<img src="http://blog-imgs-51.fc2.com/s/o/y/soyosoyoisoisoto/spacer.gif" alt="spacer.gif" border="0" width="333" height="222" style="background-image:url(使用画像のURL);"/>
--------------------
「width="333"」が「width="画像横幅333"」とかになっていてはいけません。
「height="222"」の「"」があやまって消えてしまっていないかチェックしておきます。

【７】「画像のユーアールエル」の修正
使用したい画像のファイル情報欄にある４行目に、すでにアップロードしてある新記事用の画像のURLが表示されています。
これを「ユーアールエル」の部分にペーストします。

●確認●
本文のタグはこの時点で、以下のようになっていますか？
--------------------
<img src="http://blog-imgs-51.fc2.com/s/o/y/soyosoyoisoisoto/spacer.gif" alt="spacer.gif" border="0" width="333" height="222" style="background-image:url(http://blog-imgs-**./s/o/y/soyosoyoisoisoto/******.jpg);"/>
--------------------
実際には「*」には数字やアルファベットが入っています。
定型フォーマットの日本語部分が残っていてはいけません。
「(」「)」等の記号類も、あやまって消していないかチェックします。

【８】ＯＫ
ここまで定型フォーマット部分を修正し終わると、「本文の編集」の入力欄の上に、実際の画像が表示されたページ・イメージが出てくるので、だいじょうぶかどうかはそれで判断できます。
もし、使用したい画像が複数ある場合は、【３】〜【７】の繰り返しになります。
そして記事の文章も画像の挿入も完成したら、「プレビュー」で確認・チェックします。

以上、文字だけの説明文だと、うまく伝わらない部分もあるかもしれませんし、面倒そうですが、とりあえずは上記の方法・手順でブログの新しい記事作成にトライしてみてください。
２回、３回と実際にやっていれば、きっとすぐにルーティン・ワーク化して、簡単にできるようになるはずです。
またなにかうまくいかないところが出て来たり、不明な点が発生したら、遠慮なくご連絡ください。(^Д^)ﾉｼ

No.1807 2014/01/20(Mon) 10:22:26
　
☆ Re: 透明シート画像にトライ(５) / かな 引用

徘徊さん、
ありがとうございます。
お若い徘徊老人さんに、何と言ってお礼申し上げて良いやら。
することや理解力がゆっくりモードですので、気長にこちらを参考にして、頑張りたいと思います。

No.1808 2014/01/20(Mon) 11:01:49
　
☆ Re: 透明シート画像にトライ(５) / かな 引用

徘徊さん、
詳しく分かるように書いて下さってありがとうございます。
明日のコーラスの練習したりで、今日は無理と思ったのですが、お蔭さまでブログに新しく入れることが出来ました!(^^)!

No.1809 2014/01/20(Mon) 17:48:18
　
☆ Re: 透明シート画像にトライ(５) / 徘徊老人 引用

かなさん、早速拝見してきました。
透明シート、大成功でしたね。おめでとうございます♪
僕の知らないワザだったので、勉強させてもらったようなものですが、多少なりともお役に立てたとしたら、うれしいです。

明日のコーラスもこの調子でがんばってください！

No.1810 2014/01/20(Mon) 19:04:45
　
☆ Re: 透明シート画像にトライ(５) / かな 引用

徘徊さん、ありがとうございます。
コーラス、ソプラノは歌い易いですが、メゾやアルトは難しいです。
三パートをそれぞれ歌わせて貰って、分かったことなんですよ。
ブログ、お蔭さまで次をいれることが出来ました。
独りよがりの私の思い出日記なんです。

No.1811 2014/01/22(Wed) 21:50:09
　
☆ Re: ハナマル♪ / 徘徊老人 引用

かなさん、拝見しました。ハナマルですね。

可愛いお孫さん達とか、親しい人達の写っている画像をブログで使いたいけど、
知らない人に無闇にダウンロードされるのは、あまり気持ちのいいものではありません。
かといって、顔に目隠しの修正を入れるのも抵抗のある場合もあります。
そういう場合、この透明シート画像化のワザは、大いに利用価値がありますね。

ただ、かなさんが最初にこのワザについてご紹介されたサイトのページにも言及されていたように、
これはあくまでも、一般的な方法で安易に画像をダウンロードしようとする人に対しては有効ですが、
ブログのソースコードを調べられると、透明シートの下の本体画像(background-image)の場所がわかってしまいますので、
そこからダウンロードされることまでは防ぐことはできません。

ま、でもフツーは、そこまでする人はマレでしょうが、
ダウンロードを完全に防ぐことはできないということだけは、
頭の片隅に残しておいてください。

No.1812 2014/01/23(Thu) 05:15:23
　
☆ Re: 透明シート画像にトライ(５) / かな 引用

徘徊さん、ハナマル!(^^)!有難うございました。
徘徊さんの「透明シート画像にトライ」こそ、大ハナマルでした。

そうですね。完全に防ぐことは出来ません。
が、手間暇かけてダウンロードする程のものではないだろうと思っています。

No.1813 2014/01/23(Thu) 12:16:08


★ 「去年の謹賀新年の画像から、」解答 / 徘徊老人 引用

かなさん、お疲れさまです♪
あまり格闘しすぎて、知恵熱にうなされないよう、テキトーにがんばってください。

かなさんのブログの「去年の謹賀新年の画像から、」の記事に、かなさんのタグと僕のタグの表示の比較が出ていました。

一見、まるで同じなのに、どうして表示されなかったり、表示されるのか、ちょっとフシギですね。

ヒントはタグの「記号類」にあります。
タグの記号類には、一定のルールがあります。

「<」というタグ記号を使えば、それは必ず最後は「>」という記号で締めくくります。
「<……文字列……>」ではじめてブラウザ表示言語としての意味をなします。
これが「<……文字列……」となると、パソコンはタグの締めくくりの記号である「>」を探しつづけ、どんどんその後に続く、別のタグの文字列を探し、結局、自分の締めくくりの「>」を見つけられなくて、諦めます。
諦めた状態が「非表示」といっていいかと思います。

現代日本語の文章でも、会話文にはカギ括弧「」を使って、地の文と区別し、読みやすく配慮するというのが一般的です。
それが「……会話……　
となって、カギ括弧閉じる記号の“」”が見つからないと、読む人は、それに続く文をまだ会話の続きかと思ってしまいます。それと同じです。

「<」と「>」のように、始めと終わりがセットになっている記号類は、ほかには、
「"」と「"」
「(」と「)」
「{」と「}」
ぐらいかと思います。このセットになっている記号類に注意して、かなさんのタグをチェックしていくと……

「謹賀新年画像」をバックグラウンドとして表示するようにとのタグである

style="background-image:url(http://…….jpg)

のところの、画像のありかを示す締めくくりの「)」が抜け落ちているので、パソコンは必死に抜け落ちて迷子になっている「)」を探して、いまも延々とネット上を探しまわっています♪(……なワケはないですが)

No.1805 2014/01/20(Mon) 03:37:24
　
☆ Re: 「去年の謹賀新年の画像から、」解答 / かな 引用

お忙しいところ、見つけて下さって有難うございます。
「　）」をいれましたら、出来ました。
どうして、「）」を抜かしたりしたんでしょうね。

パソコンって凄く偉いんですね。ちょっとの間違いも見逃さない。感心します。
高齢者だから許してあげようって心遣いしてくれたら良いのに・・・(^・^)

これから、パソコン四苦八苦?Aをアップしようと思います。有難うございました。

いつもいつも、分からないことを教えて頂きありがとうございます。

No.1806 2014/01/20(Mon) 10:16:15


★ 透明シート画像にトライ(４) / 徘徊老人 引用

かなさん、惜しかったですね。かなさんのタグを拝見すると、格闘された様子がよくわかります♪

このタグを一目見て「おや？」となにか明らかにヘンな感じのする部分があるのは、おわかりでしょうか？　「background-image」を含む文字あたりがなにか二重にコピーされているような……と気づかれたら、シメシメです。
あと、細かな点で、格闘の痕跡が散見されますので、今日はそれをキチンと修正してみましょう。
もしかしたら、この掲示板に書き込まれた後も自主的に格闘されていた可能性もあるので、もう一度、書き込み時点のかなさんのタグを表示しておきます。
そして、問題のあるタグ部分を順番に修正していきましょう。

作業する前に、まずブログの編集画面が昨日のこの掲示板書き込み時点と同じままだったら、そのままでかまいませんが、自主格闘された場合は、昨夜時点に戻るために、いったん下記のかなさんの格闘タグに戻してください。(コピー＆ペースト)

【かなさんの格闘タグ】
<img src="http://blog-imgs-51.fc2.com/s/o/y/soyosoyoisoisoto/spacer.gif" alt="spacer.gif" border="0"width="700" height="524"style="background-image:url(http://style="background-image:url(http://blog-imgs-44.fc2.com/s/o/y/soyosoyoisoisoto/hP1370495_edited-1copy_convert_20130112103536.jpg;"/>;

（注意：こちらかの書き込みでは最後の「;」は１つですが、なぜか表示では「;;」になってしまいます。この掲示板の仕様orバグなのかもしれません）

また、昨日の「透明シート画像にトライ(３)」の作業は、この掲示板の表示と、かなさんのブログ編集画面をどのように行き来されていたのか不明ですが、同じブラウザ上で行き来するのは案外とやりづらいものです。
なので、この今回の「透明シート画像にトライ(４)」の文章部分は、パソコンのメモ帳にコピーして、僕の文章はそのメモ帳ファイルで見ながら、そしてブログの修正はいつものようにブラウザ上で(ご自身のブログの編集画面で)作業するほうがやりやすいと思います。

それでは修正作業をはじめます。

【修正箇所：１】
alt="spacer.gif" border="0"width="700"
↓
alt="spacer.gif" border="0" width="700"

どこが修正されたかわかりますか？
「border="0"」と「width="700"」の間に、「半角スペース」が入ります。半角スペースが入らなくても読み込んでくれるブラウザもありますが、続けてしまうと意味が通じなくなって、こちらの意図したように表示されなくなることがあります。「半角スペース」はただの空白なので、チェック時に気づきにくく、注意が必要ですね。

【修正箇所：２】
height="524"style="background-image:
↓
height="524" style="background-image:

これも同様のミスですね。「style」の前に「半角スペース」を入れて修正してください。

【修正箇所：３】
style="background-image:url(http://style="background-image:url
↓
style="background-image:url

操作の指が軽やかすぎて、つい二重にコピーされてしまっている部分です。最初の「url」文字の後の「(」から２番目の「url」までを削除します。

【修正箇所：４】
jpg;"/>;
↓
jpg;")/>

「)」を付け加え、一番最後の「;」を削除します。

(注意：先にも補足してありますが、「jpg;"/>;」の終わりのほうの「;」は、昨日かなさんが書かれたブログのほうには付いていなかったのに、この掲示板にペーストしたら勝手に「;」が付いて表示された可能性があります。編集画面上に最後の「;」がついていなかったら、そのままでＯＫです)

「セミコロン」や「スペース」を含む記号類は、タグでは意味を持つ記号なので、それらが欠けたり、あるいは多かったり、入る位置ではない所にうっかり入れてしまったりすると、表示されなかったり、崩れたりします。コピー＆ペースト作業や、削除・修正の作業では、この点に注意が必要です。

以上の４箇所の修正をしたら、次のようなタグの文字列になっているはずですが、ご自身のブログの修正後のタグと見比べてみてください。

--------------------
<img src="http://blog-imgs-51.fc2.com/s/o/y/soyosoyoisoisoto/spacer.gif" alt="spacer.gif" border="0" width="700" height="524" style="background-image:url(http://blog-imgs-44.fc2.com/s/o/y/soyosoyoisoisoto/hP1370495_edited-1copy_convert_20130112103536.jpg);"/>
--------------------

だいじょうぶなようだったら、「プレビュー」をクリックして確認してください。
そのプレビュー画面で、謹賀新年画像をダウンロード(「名前を付けて保存…」)しようとすると、「spacer.gif」がダウンロードされようとする表示になりますか？

これが透明シートで画像を覆って、一般によくある画像のダウンロード方法による画像コピーをガードする方法というわけです。

では、今度はまんまと

( ﾟДﾟﾉﾉ☆ﾊﾟﾁﾊﾟﾁﾊﾟﾁﾊﾟﾁ

……ってことになっていることを祈っています♪

No.1803 2014/01/19(Sun) 04:57:26
　
☆ Re: 透明シート画像にトライ(４) / かな 引用

『【かなさんの格闘タグ】』

確かに筋肉のない腕を使って、えっさえっさと格闘しました)^o^(


＞『注意：こちらかの書き込みでは最後の「;」は１つですが、なぜか表示では「;;」になってしまいます。この掲示板の仕様orバグなのかもしれません）』

はい。これは掲示板の仕様なんでしょうね。


＞『「半角スペース」が入ります。』

これ、笑ってしまいます。私、わざわざ半角スペースを探し当てて、削除したんです。


＞『操作の指が軽やかすぎて、つい二重にコピーされてしまっている部分です。最初の「url」文字の後の「(」から２番目の「url」までを削除します』

ふふ。そう言って頂くとよろしいかと・・・ですが、実はボケなんです('_')



＞『「spacer.gif」がダウンロード』

徘徊さんの掲示板をコピーさせて頂いたもは、
謹賀新年画像がみえて、コピーできませんし、名前を付けて画像保存しますと、『「spacer.gif」になっております。
すみません。生徒の頭の悪さの所以だと思われます。あきらめずにお付き合いくださいませ。

↑と、頑張る積りでしたが、中折れしています。

No.1804 2014/01/19(Sun) 12:28:28


★ 透明シート画像にトライ(３) / 徘徊老人 引用

せっかくかなさんが謹賀新年画像に「透明シート」を被せることにトライされたので、その謹賀新年のページを修正することで、透明シート画像を完成させてみましょう♪

かなさんは、記事の管理画面のページから「透明シート」としてアップロード済みの「spacer.gif」を「謹賀新年」の画像の前に入れる指定をされたと思います。

記事の管理画面の本文の編集スペースのところには、

--------------------
本年もどうぞよろしくお願いいたします。

<a href="http://……中略……"_blank"><img src="http://……中略……/spacer.gif" alt="spacer.gif" border="0" width="1" height="1" /></a>

<a href="http://……中略……"_blank"><img src="http://……中略…….jpg" border="0" width="700" height="524" /></a>
--------------------

というふうにタグの文字列が表示されているかと思います。
最初の「<a href=……」から始まり、最初の「</a>」で終わるところまでが、「spacer.gif」の指定部分に当たります。
そして２番目の「<a href=……」から始まり、最後の「</a>」で終わるところまでが、謹賀新年画像の指定です。

このタグの指定ですと、ただ本文の次の行に「spacer.gif」を、そしてその次の行に「謹賀新年画像」を表示しなさい、と命令したことになってしまうのです。
なので、このままだと、「謹賀新年画像」がまだ剥き出し状態です。

「謹賀新年画像」全体の上を「透明シート＝spacer.gif」で覆い、安易無断に画像をダウンロードしようとする人がいても、ダウンロードした画像は「spacer.gif」だった……となるようにするのが、「透明シート画像」のカラクリです。
そしてその方法が、かなさんがご紹介されていた「保存できない画像のつくり方」のページに書かれていることです。

今日は詳しい説明抜きに、かなさんの試みられた謹賀新年の編集ページを、以下の手順で作業してみてください。

【１】本文の「本年もどうぞよろしくお願いいたします。」の次の行から始まる「<a href="http://……中略……"_blank">」の部分を削除してください。

【２】すると「<img src="http://……中略……/spacer.gif" alt="spacer.gif" border="0" width="1" height="1" /></a>」の行が、タグとしては一番先頭に来ます。
この文字列の最後の「</a>」も削除してください。

【３】前後を削除して残った「<img src="http://……中略……/spacer.gif" alt="spacer.gif" border="0" width="1" height="1" />」の部分の「width="1"」を「width="700"」に変更してください。(←透明シートの横幅を「謹賀新年画像」の横幅に合わせるためです)

【４】次の「height="1"」も「height="524"」に変更してください。(←透明シートの縦幅を「謹賀新年画像」の縦幅に合わせるためです)

【５】修正したタグの文字列の下に、まだ謹賀新年画像の指定をしたタグの文字列が残っています。それはとりあえずそのままにしておいて、そのタグの文字列と、先の修正部分のタグ文字列を区別しやすいように、改行キーで数行分スペースを開けておいてください。

【６】次に、下記のタグの文字列をなにも考えず、修正したタグの文字列の最後の部分「height="524" />」の「/」のすぐ前にコピー＆ペーストしてください。「/」の前には「英数字用のスペース」が入っています。「スペース」と「/」の間に挿入ということです。

style="background-image:url(http://謹賀新年画像);"

※最後の「;"」までを必ず忘れないように♪

【７】【５】で下に引き離したタグの文字列には、謹賀新年画像のURLが記載されています。今度はそのURLの「http://」以下から「.jpg」までの文字列をコピーして、【６】の「謹賀新年画像」の部分にペーストしてください。

【８】そしたらもう【５】で下に引き離したタグの文字列は不要なので「<a href="http://……中略……"_blank"><img src="http://……中略…….jpg" border="0" width="700" height="524" /></a>」は全部削除します。

【９】完成です。「プレビュー」で確認してみます。
謹賀新年画像の上にカーソルを置き、右クリックで「名前を付けて画像を保存…」を選びます。すると保存ウインドウが現れ、保存場所を指定することになりますが、そのファイル名には「spacer.gif」、ファイルの種類は「GIFイメージ」と出ます。つまり透明シートしか保存されない、というわけです。
問題がなかったら、ブログの編集画面に戻り「記事を保存」を選びます。

以上、お疲れさまでした♪( ﾟДﾟﾉﾉ☆ﾊﾟﾁﾊﾟﾁﾊﾟﾁﾊﾟﾁ

No.1801 2014/01/18(Sat) 17:57:02
　
☆ Re: 透明シート画像にトライ(３) / かな 引用

http://soyosoyoisoisoto.blog50.fc2.com/blog-entry-387.html

ご丁寧に有難うございました。
良くわかったような気がしたのですが、こんなん出ました。
♪( ﾟДﾟﾉﾉ☆ﾊﾟﾁﾊﾟﾁﾊﾟﾁﾊﾟﾁにと♪旗を上手に振って頂いても、踊れないんです。(ー_ー)!!
<img src="http://blog-imgs-51.fc2.com/s/o/y/soyosoyoisoisoto/spacer.gif" alt="spacer.gif" border="0"width="700" height="524"style="background-image:url(http://style="background-image:url(http://blog-imgs-44.fc2.com/s/o/y/soyosoyoisoisoto/hP1370495_edited-1copy_convert_20130112103536.jpg;"/>

No.1802 2014/01/18(Sat) 23:50:07


★ 透明シート画像にトライ(２) / 徘徊老人 引用

「透明シート画像」の「spacer.gif」のダウンロード・保存されたとのことで、では次に、

【２】透明シート画像を自分のFC2ブログにアップロード

にトライしてください。
まず、ご自身のFC2ブログから「管理者ページ」に入ってください。

次に「ホーム」の「ファイルアップロード」をクリックすると、
「ファイル管理　アップロード｜ファイル一覧」のページに出ます。
その「アップロード」の所に「ファイル選択」がありますので、そこから昨日ダウンロードしたご自身のパソコにある「透明シート画像」の「spacer.gif」を指定してください。

アップロードすると、「タイトル」の空欄が出ますが、ここは空白のままにしておいてください。なにか文字を入れると、この「透明シート画像」をブログ上に使った時、カーソルを合わせるとそのタイトル文字が出てしまうからです。

他の部分もなにもしないで、「アップロード」ボタンをクリックします。
するとそのすぐ下の「ファイル一覧」に、「spacer.gif」情報が表示されているはずです。

spacer.gif
1KB (1 x 1)
2014/01/** **:**:**　(←アップロードの年月日と時間)

そしてその下に、URL が表示されています。
これが、かなさんが使用することになる「透明シート画像」の URL です。
管理者ページのこの「ファイル一覧」で確認すれば、いつでも見ることはできますが、念のためにパソコンの「メモ帳」にその URL をコピー＆ペーストして、昨日作った「透明シート画像」フォルダー内にメモ帳ファイルとして保存しておくと、より安心かもしれません。

これで、いつでもブログで「透明シート画像」を使える態勢が整いました。
とりあえず、今日はここまでにしておきましょう。
牛歩どころか、ミミズの歩みで申し訳ないですが、このつづきはまた明日、ご説明します♪

No.1796 2014/01/17(Fri) 17:21:26
　
☆ Re: 透明シート画像にトライ(２) / かな 引用

お忙しいところを有難うございます。
きょうは、午前中がコーラスで、後打ち上げだったり、自治会のれんしゅうだったりで、遅くなりました。
↑、昨夜、コーラスのことを書いたつもりでしが・・・すみませんです。

＞念のためにパソコンの「メモ帳」にその URL をコピー＆ペーストして、昨日作った「透明シート画像」フォルダー内にメモ帳ファイルとして保存しておくと、より安心かもしれません。

ここまで出来ました。ありがとうございました。ワクワク!(^^)!

No.1797 2014/01/17(Fri) 20:02:04
　
☆ Re: 透明シート画像にトライ(２) / かな 引用

http://soyosoyoisoisoto.blog50.fc2.com/blog-entry-305.html

徘徊さん、上の去年の謹賀新年の画像の上に、透明シートを、アップロードしてみました。全然見えません。これで良いんですよね。

明日も又でかけますが、よろしくお願いいたします。

No.1798 2014/01/17(Fri) 21:31:28
　
☆ Re: 透明シート画像にトライ(２) / 徘徊老人 引用

去年の謹賀新年画像に透明シートを被せたページを拝見しました。

確かに、謹賀新年画像と透明シートがあるのを確認しました。しかし残念ながら、この状態だと見に来た人が自由に謹賀新年画像をダウンロードできてしまいます。

原因は、肝心の透明シート画像が、謹賀新年画像の上にきちんと被さっていないことにあります。
いまの状態は、透明シート画像が謹賀新年画像の左端の一番上端の隅にチョコンと(１ピクセル)置かれているだけなのです。

どうしてこれではダメなのか、「透明シート画像にトライ(３)」以降で手順の説明をしていきますので、すぐにわかってくるはずです。(たぶん)
ガマンして、１歩１歩、トライしていきませう♪(⌒▽⌒)V

No.1799 2014/01/18(Sat) 03:31:14
　
☆ Re: 透明シート画像にトライ(２) / かな 引用

＞いまの状態は、透明シート画像が謹賀新年画像の左端の一番上端の隅にチョコンと(１ピクセル)置かれているだけなのです。

これって、ソースで分かるんでですか？私は自分でアップしたのですから、そこの編集画面を見れば、あることはわかるのですが・・・

すみません。ご多忙中ですのに、
続き、よろしくお願いいたします。

No.1800 2014/01/18(Sat) 16:21:46


以下のフォームに記事No.と投稿時のパスワードを入力すれば
投稿後に記事の編集や削除が行えます。
200/200件 [ ページ : << 1 ... 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 ... 40 >> ]
- HOME - お知らせ(3/8) - 記事検索 - 携帯用URL - フィード - ヘルプ - メール - 環境設定 -
Rocket Board Type-X (Free) Rocket BBS