■ナビゲーション

2010年10月29日

ﾌﾞﾛｸﾞ中に写真を割り込ませるｗ

ﾌﾞﾛｸﾞの文中に写真を割り込ませる方法はいくつかありますが。。。
自分が主に使うのはこちらｗ

　＜Ａｓｔｙｌｅ="ｆｏｎｔ-ｆａｍｉｌｙ：ＴｉｍｅｓＮｅｗＲｏｍａｎ" ｈｒｅｆ=" (写真のURL　http://～.jpg） " ｔａｒｇｅｔ=_ｂｌａｎｋ＞
＜ｉｍｇｓｔｙｌｅ="ｍａｒｇｉｎ： 0ｐｘ； width： 576ｐｘ；ｈｅｉｇｈｔ： 383ｐｘ"ａｌｔ="" ｓｒｃ=" （写真のURL　http://～.jpg）" /＞＜/Ａ＞　

実際は半角英数で入力しますが^^;
って、これだと携帯からは写真が見れないけれど、
ﾊﾟｿｺﾝから見た時にｽﾀｲﾙｼｰﾄに合わせて写真を表示させつつ、
写真をｸﾘｯｸした時に大きい写真を別枠で表示させる方法です。

みんカラのｱｯﾌﾟﾛｰﾀﾞｰだと300KB以下の写真しかUP出来ず、
せっかく綺麗に写真撮ったのに普通にUPしたらなんか残念なｶﾝｼﾞになるので。。。

で、これで自分が使ってる外部の写真投稿ｻｲﾄのﾌｫﾄ蔵から
元画像ってﾄｺのURLを引っ張ってくると。。。

こうなりますｗ　

で、写真を小さく(もしくはより大きく）載せたいんだよ！(｀Д´)って場合には。。。
横幅（width）と高さ(height)の数字を変えると。。。

こうなります♪
写真は小さくてもｸﾘｯｸすれば大きく表示させることが出来ますｗ
ちなみにこのｻｲｽﾞは横幅を120ｐｘ、高さを80ｐｘにしてみました(･∀･)

てこんな感じで大丈夫ですよね♪れ○おさん(*´▽｀)ｗ

ブログ一覧 | Style sheet | その他
Posted at 2010/10/29 00:45:26

<< ｶｰﾄﾞで。。。(*´д｀)

| 記事一覧 |

夜な夜な。。。 >>

イイね！0件

イイね！ランキングページへ

この記事へのコメント

コメントする

れさお！ 2010年10月29日 0:53 グッドタイミング！ありがとございます。ちょうど今ブログにフォト蔵載せました！・・・でもなんか変(--; objectを取ってtable borderつけるらしいってとこまではぐぐったのですが・・・画像単独は後で試して見ます(^^) 次は透明背景に挑戦せねば・・・(汗)	コメントへの返答 2010年10月31日 19:21 狙ってﾌﾞﾛｸﾞあげてみました(爆自分逆にｽﾗｲﾄﾞｼｮｰの方はやったことないのでどうやるのか。。。(謎単独の方は是非♪ 透過背景は変更箇所が多いので意外に面倒です(爆
nao! 2010年10月29日 1:01 この写真は～～～～～ｗｗｗ今回、フォト蔵から引っ張って来ましたがクリックして画像が大きくならない理由が分かりました！日々勉強・・・これ位、仕事も一生懸命やらなきゃ・・・（汗）	コメントへの返答 2010年10月31日 19:27 この写真やっと使う時がｗｗｗｗｗｗ写真載せて、その写真自体にﾘﾝｸ貼って別ｳｨﾝﾄﾞｳからﾘﾝｸ先の写真開かせてｗ何事も勉強です(･∀･) 自分もこれ位。。。(ry
ポン吉. 2010年10月29日 7:50 僕も教えてもらった　タカヒロっちと兄貴に教えてもらった通りにやってますが(笑	コメントへの返答 2010年10月31日 19:31 他にもｲﾛｲﾛやり方はありますよ♪ ﾘｯﾁ編集でUPするとか。。。ｗとりあえずこっちで慣れてるのでこっちでやってます♪
ぽんたか 2010年10月29日 7:52 へぇ～勉強になります(^^) 今度使わせて頂きたいと思います♪	コメントへの返答 2010年10月31日 19:32 こういうやり方もありますよ♪ 今度是非やってみて下さい(･∀･)
碧い六彗星 2010年10月29日 19:45 おいらもフォト蔵を使っていますが、みんカラ上で画像を反映させる時、苦労していました＾＾；ただ、おいらの問題は、カメラそのものの問題かと・・・。＾＾；（デジイチほしい・・・。＾＾；）	コメントへの返答 2010年10月31日 19:35 みんカラ上に表示させるのは結構面倒ですよね^^; 夜間とかのｺﾝﾃﾞﾁﾞ写真だと厳しいかもですが、縮小専用。てｿﾌﾄ使ってﾌｫﾄ蔵UPする前にあらかじめ小さくしたり、彩度上げたり、輪郭くっきりさせておけば結構いい感じになりますよ♪ 携帯で撮った写真はよくそうしてUPしてますｗ
たかちゃん。。 2010年10月29日 20:49 なるへそ～こんなやり方を知ってるのにネタがないタカヒロ君って・・（爆笑じゃんじゃ写真をUPしてくださいよ～(^o^)	コメントへの返答 2010年10月31日 19:38 そんなやり方もありますｗけどｸﾙﾏに関連するﾈﾀはないですね～(爆このやり方だとｺﾋﾟﾍﾟがﾒｲﾝなので結構面倒なんですよね^^;
ma～ 2010年10月29日 21:35 これ、自分もしたいんだけどどうしたらいいのか分からなくて…。。。今度挑戦です、わからなかったらまた教えて下さいね～！	コメントへの返答 2010年10月31日 19:45 これ今のCSSになった時にどうやったら載せられるのかわかりませんでした(爆今度是非やってみて下さい♪
≪ Shimon ≫ 2010年10月29日 23:55 へぇ～☆ 確かに、綺麗に撮った写真が普通の奴なら台無しですもんね(-_-;) これ便利ですねぇ～。良い事教えてもらいましたぁ(^o^)丿	コメントへの返答 2010年10月31日 19:49 普通てか普通以下だと(´Д｀)てなっちゃいますｗそもそもみんカラの1ﾌｧｲﾙ当たりの上限が300KB以下ってのがなければ別ｻｲﾄに登録して何て面倒な事する必要ないんですけどね～^^; これは是非♪て早速やってますねｗ
Yu-To 2010年10月30日 21:11 ぉ！！！これゎ参考になったわぁ(^^♪ ずっと写真の粗が出て悩んでたんだけど、これならいいよね☆ 早速フォト蔵登録しちゃったｗ	コメントへの返答 2010年10月31日 19:53 写真の粗は気になるよね～(･∀･) 自分、携帯で投稿した際の添付写真以外はほとんどこの方法ｗおまけに背景写真も引っ張ってきてるしｗ
隊長＠ 2010年10月30日 22:13 こういう方法があるんですね！勉強になりました！	コメントへの返答 2010年10月31日 19:54 ﾌﾞﾛｸﾞの基本ｽﾀｲﾙからは崩したくないけど、写真は大きく見せたいって場合にはいいかもです♪

<< ｶｰﾄﾞで。。。(*´д｀)

| 記事一覧 |

夜な夜な。。。 >>

プロフィール

「暫定対応で長らく放置してたバッテリー関連のD→B端子化完了(純正流用」

何シテル？ 06/28 13:39

ﾀｶﾋﾛ@spec.B [ 神奈川県 ]

写真好きなﾀｶﾋﾛですヽ(*´▽｀)ﾉ趣味は、ﾃﾞｼﾞﾀﾙ一眼ﾚﾌでの写真撮影と、自転車弄りです(爆単なる備忘録と化してます。。。(笑

ユーザー内検索

掲示板

ﾀｶﾋﾛ@spec.Bの掲示板

<< 2025/8 >>

ブログカテゴリー

リンク・クリップ

Kenko カテゴリ：Camera & Photo 2010/12/01 20:00:23
KONICA MINOLTA カテゴリ：Camera & Photo 2010/12/01 19:58:04
SIGMA カテゴリ：Camera & Photo 2010/12/01 19:56:01

[ 他のクリップをチェック ]

愛車一覧

	スバルレガシィツーリングワゴン 52494Kmからのﾘｽﾀｰﾄ！
	その他その他自転車ロードレースを戦う為の自転車です。
	その他その他マウンテンバイク競技のクロスカントリーと言う種目で戦う為の自転車です。が、戦闘能力高 ...
	トヨタサクシードバン会社の車ですがよく走りますw もちろん仕事専用なので弄る気はありません← 写真は拾い画 ...

[ 愛車一覧 ]

過去のブログ

2015年
01月	02月	03月	04月	05月	06月
07月	08月	09月	10月	11月	12月
2014年
01月	02月	03月	04月	05月	06月
07月	08月	09月	10月	11月	12月
2013年
01月	02月	03月	04月	05月	06月
07月	08月	09月	10月	11月	12月
2012年
01月	02月	03月	04月	05月	06月
07月	08月	09月	10月	11月	12月
2011年
01月	02月	03月	04月	05月	06月
07月	08月	09月	10月	11月	12月
2010年
01月	02月	03月	04月	05月	06月
07月	08月	09月	10月	11月	12月
2009年
01月	02月	03月	04月	05月	06月
07月	08月	09月	10月	11月	12月
2008年
01月	02月	03月	04月	05月	06月
07月	08月	09月	10月	11月	12月
2007年
01月	02月	03月	04月	05月	06月
07月	08月	09月	10月	11月	12月

RSS2.0

ヘルプ｜利用規約｜サイトマップ

あなたの愛車、今いくら？

複数社の査定額を比較して愛車の最高額を調べよう！

れさお！ 2010年10月29日 0:53 グッドタイミング！ありがとございます。ちょうど今ブログにフォト蔵載せました！・・・でもなんか変(--; objectを取ってtable borderつけるらしいってとこまではぐぐったのですが・・・画像単独は後で試して見ます(^^) 次は透明背景に挑戦せねば・・・(汗)	コメントへの返答 2010年10月31日 19:21 狙ってﾌﾞﾛｸﾞあげてみました(爆自分逆にｽﾗｲﾄﾞｼｮｰの方はやったことないのでどうやるのか。。。(謎単独の方は是非♪ 透過背景は変更箇所が多いので意外に面倒です(爆
nao! 2010年10月29日 1:01 この写真は～～～～～ｗｗｗ今回、フォト蔵から引っ張って来ましたがクリックして画像が大きくならない理由が分かりました！日々勉強・・・これ位、仕事も一生懸命やらなきゃ・・・（汗）	コメントへの返答 2010年10月31日 19:27 この写真やっと使う時がｗｗｗｗｗｗ写真載せて、その写真自体にﾘﾝｸ貼って別ｳｨﾝﾄﾞｳからﾘﾝｸ先の写真開かせてｗ何事も勉強です(･∀･) 自分もこれ位。。。(ry
ポン吉. 2010年10月29日 7:50 僕も教えてもらった　タカヒロっちと兄貴に教えてもらった通りにやってますが(笑	コメントへの返答 2010年10月31日 19:31 他にもｲﾛｲﾛやり方はありますよ♪ ﾘｯﾁ編集でUPするとか。。。ｗとりあえずこっちで慣れてるのでこっちでやってます♪
ぽんたか 2010年10月29日 7:52 へぇ～勉強になります(^^) 今度使わせて頂きたいと思います♪	コメントへの返答 2010年10月31日 19:32 こういうやり方もありますよ♪ 今度是非やってみて下さい(･∀･)
碧い六彗星 2010年10月29日 19:45 おいらもフォト蔵を使っていますが、みんカラ上で画像を反映させる時、苦労していました＾＾；ただ、おいらの問題は、カメラそのものの問題かと・・・。＾＾；（デジイチほしい・・・。＾＾；）	コメントへの返答 2010年10月31日 19:35 みんカラ上に表示させるのは結構面倒ですよね^^; 夜間とかのｺﾝﾃﾞﾁﾞ写真だと厳しいかもですが、縮小専用。てｿﾌﾄ使ってﾌｫﾄ蔵UPする前にあらかじめ小さくしたり、彩度上げたり、輪郭くっきりさせておけば結構いい感じになりますよ♪ 携帯で撮った写真はよくそうしてUPしてますｗ
たかちゃん。。 2010年10月29日 20:49 なるへそ～こんなやり方を知ってるのにネタがないタカヒロ君って・・（爆笑じゃんじゃ写真をUPしてくださいよ～(^o^)	コメントへの返答 2010年10月31日 19:38 そんなやり方もありますｗけどｸﾙﾏに関連するﾈﾀはないですね～(爆このやり方だとｺﾋﾟﾍﾟがﾒｲﾝなので結構面倒なんですよね^^;
ma～ 2010年10月29日 21:35 これ、自分もしたいんだけどどうしたらいいのか分からなくて…。。。今度挑戦です、わからなかったらまた教えて下さいね～！	コメントへの返答 2010年10月31日 19:45 これ今のCSSになった時にどうやったら載せられるのかわかりませんでした(爆今度是非やってみて下さい♪
≪ Shimon ≫ 2010年10月29日 23:55 へぇ～☆ 確かに、綺麗に撮った写真が普通の奴なら台無しですもんね(-_-;) これ便利ですねぇ～。良い事教えてもらいましたぁ(^o^)丿	コメントへの返答 2010年10月31日 19:49 普通てか普通以下だと(´Д｀)てなっちゃいますｗそもそもみんカラの1ﾌｧｲﾙ当たりの上限が300KB以下ってのがなければ別ｻｲﾄに登録して何て面倒な事する必要ないんですけどね～^^; これは是非♪て早速やってますねｗ
Yu-To 2010年10月30日 21:11 ぉ！！！これゎ参考になったわぁ(^^♪ ずっと写真の粗が出て悩んでたんだけど、これならいいよね☆ 早速フォト蔵登録しちゃったｗ	コメントへの返答 2010年10月31日 19:53 写真の粗は気になるよね～(･∀･) 自分、携帯で投稿した際の添付写真以外はほとんどこの方法ｗおまけに背景写真も引っ張ってきてるしｗ
隊長＠ 2010年10月30日 22:13 こういう方法があるんですね！勉強になりました！	コメントへの返答 2010年10月31日 19:54 ﾌﾞﾛｸﾞの基本ｽﾀｲﾙからは崩したくないけど、写真は大きく見せたいって場合にはいいかもです♪

	スバルレガシィツーリングワゴン 52494Kmからのﾘｽﾀｰﾄ！
	その他その他自転車ロードレースを戦う為の自転車です。
	その他その他マウンテンバイク競技のクロスカントリーと言う種目で戦う為の自転車です。が、戦闘能力高 ...
	トヨタサクシードバン会社の車ですがよく走りますw もちろん仕事専用なので弄る気はありません← 写真は拾い画 ...

日	月	火	水	木	金	土
					1	2
3	4	5	6	7	8	9
10	11	12	13	14	15	16
17	18	19	20	21	22	23
24	25	26	27	28	29	30
31

日	月	火	水	木	金	土
					1	2
3	4	5	6	7	8	9
10	11	12	13	14	15	16
17	18	19	20	21	22	23
24	25	26	27	28	29	30
31