近くの城趾公園のソメイヨシノが五分咲きだというので撮影に行ってきました。撮影するには咲き過ぎていました。

それよりビックリしたのは、植えてあった木の半分くらいが根本からばっさり切られていたことでした。半分禿ていました。
しかも枝っぷりが気に入っていて毎年撮影していたソメイヨシノも根本から・・・
もう来年からこの公園での撮影はないかな。

　
　
　　

【Webページコントローラー】の管理画面をモバイル対応（レスポンシブ化）しました。
中見版からご確認いただけます。

【PayPalオートメール】
【PayPal毎度ありがとうメール】
【Webページコントローラー】
これら3つのツールは画面が少ない上管理画面だけなので、レスポンシブ化も早くできましたが、残っているツールはかなり大変です。

コツコツやるしかないなぁ。

【PayPalオートメール】の管理画面をモバイル対応（レスポンシブ化）しました。
中見版からご確認いただけます。

PayPal毎度ありがとうメールをモバイル対応しましたとほぼ同じです。

さあ、残りのツールのレスポンシブ化も頑張ろう。

【PayPal毎度ありがとうメール】の管理画面をモバイル対応（レスポンシブ化）しました。
管理画面だけなので思っていたより早くできました。
中見版からご確認いただけます。

【銀行振込サンクスメール】と違い、出先から管理画面を触る可能性は低いと思われるので、大まかに設定するようにしました。

【銀行振込サンクスメール】は設定項目、表示項目の大きさやデザインを個々に設定できるようにしています。

【PayPal毎度ありがとうメール】はメールアドレス（複数存在）の入力項目、メールの件名（複数存在）の入力項目のように設定項目、表示項目をグループ化して設定するようにしました。

入力項目、表示項目の大きさやデザインはcssから変更できます。変更が必要になる方はそんなに多くはないと思います。

急いでレスポンシブ化したかったツールの対応が一区切りしたので、ちょっと休憩ついでに、このブログもレスポンシブ化しました。

このブログでソースを記述するのに時々使っているpreタグが小さい画面でははみ出してしまいました。ソースの途中で改行が入ると見栄えや視認性は下がりますが、要素内で強制的に折返すことにしました。

css ---------------------------------------------------

pre {

	white-space: pre-wrap;

}

------------------------------------------------------

【white-space】には複数のプロパティがあります。
white-space - CSS: カスケーディングスタイルシート | MDNが実際に表示を変えてみることができてわかりやすいです。

タブをそのまま表示してくれるので使っています。縦モバイルだと折返しが入ってしまい、かえって視認性が下がるでしょうか。まあそのときは横モバイルで見てください。

preタグで囲まれた文字列内の<や>は&lt;や&gt;に置き換えなければいけないのでとてもとても便利というわけではないです。

<pre>－HTML5タグリファレンスによると、ソースを記述するときはpreタグと合わせてcodeタグも使うそうです。プログラムによる出力結果はsampタグ、ユーザー入力はkbdタグなのか。
勉強になるなぁ。＿＿φ（．．）メモメモ

昨日に続き、【銀行振込サンクスメール】の管理画面をレスポンシブ化（モバイル対応）しました。

銀行振込による商品代金支払への対応は全銀システムがからむため全自動化はほぼ不可能（できる銀行もある）ので、外出先からモバイル端末で応対する方が多くいらっしゃいます。
なのでレスポンシブ化しました。
【銀行振込サンクスメール】 中見版からご確認いただけます。

デザインの一部はcssから変更できますので、ご自分のイメージに合ったデザインにしていただけます。


各要素の色の変更や背景画像の設定もcssファイルから行うことができます。


cssの記述は基本モバイルファーストになっています。
ブレイクポイントは768pxに設定しています。
ブラウザサイズが768px以上の場合は、PCやタブレットと判断して左メニューを表示します。
767px以下の場合はスマートフォンと判断して左メニューは【メニュー】クリックでモーダル表示されるようになっています。リリースは【メニュー】という文字を表示してクリックするようにしていますが、ハンバーガーメニューなどに変更できます。もちろん色、枠も変更可能です。

ただし、tableタグはブレイクポイントは600px、PCファーストで書いています。
600px以上の場合は通常の表を表示します。
599px以下の場合は1カラム化しています。

ブレイクポイントは自身の端末の大きさに合わせて変更できます。操作しやすいと思われるポイントに変更してみてください。操作性が違ってくると思います。


【銀行振込サンクスメール】 中見版はあくまでも叩き台です。デザインはご自由にどうぞ。

htmlやcssはサポート対象外です。
どうしてもサポートがご入用な場合は、有料での対応なら可能かもしれません。
ご希望の方は【ネットビジネス便利ツール】のお問い合わせからご連絡ください。

【PayPalで楽アフィリエイト】のアフィリエイター用の画面だけですが、レスポンシブ化（モバイル対応）しました。

【PayPalで楽アフィリエイト】 アフィリエイター用 中見版からご確認いただけます。
デザインの一部はcssから変更できますので、ご自分のイメージに合ったデザインにしていただけます。


各要素の色の変更や背景画像の設定もcssファイルから行うことができます。


cssの記述は基本モバイルファーストになっています。
ブレイクポイントは768pxに設定しています。
ブラウザサイズが768px以上の場合は、PCやタブレットと判断して左メニューを表示します。
767px以下の場合はスマートフォンと判断して左メニューは【メニュー】クリックでモーダル表示されるようになっています。リリースは【メニュー】という文字を表示してクリックするようにしていますが、ハンバーガーメニューなどに変更できます。もちろん色、枠も変更可能です。

ただし、tableタグはブレイクポイントは600px、PCファーストで書いています。
600px以上の場合は通常の表を表示します。
599px以下の場合は1カラム化しています。

ブレイクポイントもご自身が操作しやすいと思われるポイントに変更できます。


アフィリエイターが入力するテキストボックスやテキストエリアの大きさもcssファイルで変更可能です。
より便利だと思われる大きさに変更できます。


【PayPalで楽アフィリエイト】 アフィリエイター用 中見版はあくまでも叩き台です。デザインはご自由にどうぞ。

htmlやcssはサポート対象外です。
どうしてもサポートがご入用な場合は、有料での対応なら可能かもしれません。
ご希望の方は【ネットビジネス便利ツール】のお問い合わせからご連絡ください。