す－太郎のブログ一覧

背景をいじってみました。



う～ん、何とも…。



いろいろな写真で試しましたが…。

投稿した写真やイラストを見やすくするには、黒か、それに近い写真がいいような気がします。

左右の幅いっぱいに写真を貼れない…（汗）。

まあ、背景への写真貼り付けはやってみたかったので、よしとして…。

ブログの文字を見やすくするため、ブログの背景だけ、黒に設定しました。Ｘｅｎｏｎさん、アドバイスありがとうございます～。ｍ(　)ｍ

ヘッダ－の横のサイズを小さくした方がいいような気がする…。ブログ開く時に、画面が左右に揺れて、時間がかかる…（笑）。

しばらく、他の写真やイラストを背景に入れてみて、そのうち…、黒一色へ戻ると思います（笑）。アイコンや、文字の色をいじろうかな…。

はちろく☆Ｊ＆ｋ　さんの８６、画像加工終わりました…。


扉の８６は、静岡三十路クラブのフェイクさんの８６です。
ガルウイングですよ～。




…で、画像ＵＰです。

その１ まずは加工…（笑）。


その２

※　その２は、ツ－トンの黒を強調するために、コントラストを少しだけ強めてから、加工しました。


その３
車体と陰の境界線がはっきりしないので、ボディ下に少しラインを入れてから加工。
















その４
他の写真とは違って、3600×2400まで、思い切り大きくした後に加工。















その５


実は…、加工するとリトラ回りがはっきりしないので、もとの写真を修正してから加工。



その６


最後に…、フォグランプの光りの回りにも、線が取り出せたので、びっくりしました（笑）。



以上のイラストは、はちろく☆Ｊ＆Ｋさんのブログ、及びフォトギャラリ－での写真を利用させていただきました。フォトギャラリ－にもＵＰしてあります。そちらは、８００×６００のサイズです。

以上の加工で、約２時間３０分かかりました…。

では、では（笑）。

遅い帰宅…。

やってみました、フッダ－編…（汗）。







フッダ－にドンぴしゃの写真がなくて…、前回の③や④ともかなり迷いましたが…、

結局、お気に入りの写真をイラスト化して使用…（汗）。

ヘッダ－やフッダ－は、これで何とかなりそうです（笑）。

画像は、また後で変更していってもいいかな…と思います。

疲れが、抜けない…。

睡眠不足…（笑）。







ヘッダ－をやったので、お次はフッダ－を…。

横長にできる写真をピックアップしたものの…、ちょっと迷っています。
実際にＵＰしてみて、どんな感じになるか…、試してみたいと思います（汗）。


①


②


③


④


⑤


⑥



⑦


⑧


⑨


⑩


こうして見ると、写真は、まだまだ上下に高いのがよくわかりました～。

まあ、上から４つの中から、もう少し横長に加工して使おうかな…。ヘッダ－とバランスがいいのは、③か④ですねぇ…。う～ん。
昔から、結構、優柔不断なんです（笑）。

さてフッタ－、画像ＵＰうまくいくかな…。

限りなくひとりごとに近い…（汗）。

１／４のオフ会から、なかなか、かぜが治らなくて…
きつかったですけど、何とか…。


ＳＥ仕様パンダレビンさんにお約束した…、画像の大きさを変える方法を…（笑）。

というか、やり方忘れたら、自分が見に来ようかなと言うのが本音です。書き残しておこうかな…と思います。

　前回のブログでは、知らない方々がたくさん足跡を残していってくださいましたけど、覗かしていただくと…（汗）。びっくりするようなブログのペ－ジを持ちの方が多数…。スゴイ。どうするとみんカラのペ－ジがそんなに変身するの…って感じです。次元が違う…。まあ、す－太郎は、「がんばれよ…」というメッセ－ジと受け止めて、修行を積みたいと思います（笑）。現状では、写真を複数ＵＰできるだけで十分なんですけど…（笑）。ホントです（汗）。



１／１９（土）　翌日ですけど、以下のＵＲＬを追記させていただきます。

　　　　　http://homepage3.nifty.com/abiweb/01/index.htm

　このＵＲＬは、「みんカラのスタイルシ－トの変更方法」が詳細に記述されています。ＧＴＶ改－ＢＬＴＤさんのブログより、転載させていただきました。ぜひ。




では、目次…（笑）。

(１)複数画像のＵＰ方法。
(２)画像の大きさを変えながらＵＰする方法。
(３)写真の左右に文章を入れる方法。
(４)写真をクリックすると、別の写真が表示される方法。
(５)クリックすると写真が拡大される方法。


(１) 複数画像のＵＰ方法。　

　　　①写真を別の場所に予めアップロ－ドしておく。
　　　　　　（フォトギャラリ－やYahoo Photo等）
　　　
　　　②アップロ－ドした写真を右クリックして、プロパティを開き、
　　　　その画像のＵＲＬをコピ－して、こちらへ貼り付ける。
　　　
　　　　http://carview…　　　…/p6.jpg　　　←　例：フォトギャラリ－より

　　　③そのＵＲＬの前後へ…

　　　　　　先頭へ　< img src="

　　　　　　最後に 　　　　　 "> 　　 　　をけ加える。

　
　　　　< img src="http://carview…　　　…/p6.jpg">
　　　　 ↑
　　　※　< と i の間はわざと半角離してあります。くっつけてください。

このブログでは離しておかないと、文章として投稿できず、画像の掲載を実行してしまいます（笑）。以下、全て半角離してありますので、注意～。　

うまくやれていれば、確認画面で、画像がＵＰできているはず…。



フォトギャラリ－からリンクしてきました。８００×６００　のままです。





(２) 画像の大きさを変えながらＵＰする方法。


上の写真では、大きいので、小さくします。

　　　< img src="http://carview…　　　…/p6.jpg">　の後ろに、

　　　　　　　width=400　　を追記して,

　　　< img src="http://carview…　　　…/p6.jpg"width=400>

　　　　　のようにします。そうすると、下のようなサイズに…。





400の位置の数字を変えると、サイズも変わります。300にすると…。




(方法３) 写真の左右に文章を入れる方法。

写真を右側へ置き、その左に文書を書くとき…、　　

　　先ほどの　　< img src="http://carview…　　　…/p6.jpg"width=300>

　　　の後ろに、　　　align=right　を付けて

　< img src="http://carview…　　　…/p6.jpg"width=400 align=right>こんばんは～。す－太郎です。


のようにする。




こんばんは～。す－太郎です。















　写真を左側へ置き、その右に文書を書くとき…、　　align=left　 を付ける。

　　こんばんは～。す－太郎です。


文字や写真との位置は、改行キ－で調整（汗）。




(４) 写真をクリックすると、別の写真が表示される方法。


先ほどの、　　< img src="http://carview…　　　…/p6.jpg"width=300>　

の前に　　< a href="△"Target="blank> を付けて、
　 　　　 　 ↑


後ろに　 < a/> を付け加えます。
　　　　　 ↑


↑
ここでも、< と a　の間は半角あけてあります。実際はくっつけてください。


△は後から出てくる写真のＵＲＬが入ります。

< a href="△"Target="blank">< img src="http://carview…　　　…/p6.jpg"width=300>< a/>　

となります。

　クリック→



















３時間かかりました～（笑）。

ＳＥ仕様パンダレビンさん、ＧＴＶ改－ＢＬＴＤさん…、お約束は果たしましたよ～。

では、にゃん太さん…、複数画像投稿、お待ちしております（笑）。

やっぱり、“クリック”から後の文に、アンダ－ラインが入ってしまいます。どこか、バグっているんだと思います…（汗）。

ブログの達人様…、お手柔らかに…（笑）。

(５）のやり方、メモしたのが見つからない…（大汗）。疲れたので…今日はこのぐらいで…。


今回のブログは、やり方を自分が忘れないようにするためと、今まで画像投稿できなかった時にホントに困ったので、他の方が同じような状況であれば、何かのお役に立てば…というのがきっかけでした。


おそつさまでした～。