桃花のブログ一覧

画像を、ポチッとしたら…

大きくなる方法ってどうしてるんですか？と聞かれた。
そっか、これって記事にしてなかったか…(ネタ発見)

実は、とても簡単♪
画像を示す文(ＨＴＭＬ)全体にリンクをかけてます。

そんな…

ポチッとして、大きくして見ないででｗｗ
花より

たとえば、上の小さい写真の画像を示すＨＴＭＬが下、
＜img src='https://cdn.snsimg.carview.co.jp/carlife/images/bbsmsg/834847/p1.jpg' border='0'align=left＞　(>はHTMLとみなされちゃうので＞に変えてます)
このＨＴＭＬ全体に、掲示板に載せている大きな画像のプロパティ
https://cdn.snsimg.carview.co.jp/carlife/images/bbsmsg/834849/p1.jpg
をリンクさせてます。

この方法を使えば、文字に画像をリンクさせることも可能です。


ついでに、画像の縮小の基準は…

１枚でタイトルと同じ幅に貼り付ける時は、横幅を８００ピクセルに縮小しているのですが…
プロプィールがうーんと下のほうにいってしまうのが嫌で、向日葵からは横幅を５５０ピクセルにしてます。
　
横長２枚は、２７０×２０２ピクセル
縦長２枚は、２７０×３６０ピクセル　縦長３枚は、１８０×２４０ピクセル　で縮小しています。

写真のＨＴＭＬ間は、一文字分あけてあります。じゃないと写真がくっついちゃうから…

［何シテル？］のコメントのふきだし
スタイルシートいじっていると、
吹き出しが付かないのね…

ウチがスタイルシートのベースにしているのは、
シンプルブルー。

探してみたら、あっさり見つかった…たった五行

＞/*プロフィール：ふきだし*/
＞.ProfileBalloon
＞{
＞ background-color: #C0D0F0;
＞}

ふきだしって書いてあって判りやすい（笑）

スタイルシートいじられている方、どうします？

ときどき、コメントを書き込み、ポチッとしてしまった後に、『あ～、やっぱりあんな事書かない方が良かったかなぁ…』と凹む事があります。
ポチッとする前に見直す様にはしてるのですが…
伝言板には削除キーがあるのに…、コメントにも修正や削除キーがあればいのに…
(＞＜;)

追記
最近ＵＰしている２枚目以降の画像は、いちいち指定タグを打つのが面倒なので、自分がよく使うサイズのタグをあらかじめ何通りか作り、それを月の初めのblogに下書き記事で置き、そこから好みのサイズをコピーして使っています。

タグは掲示板に貼ってあります。
ご入用でしたら、掲示板からコピーして持っていってください。
(09.5.8)

　こっそり除きに行っていた[ひらり]氏のblog、綺麗な写真に見とれていて、はたと思った…『何で写真の横にコメントが入っているの？』『なんで写真が右や左に行くの？』悩んで、例の[〝よくわかる〟HTML…]。見たってわからん(ーー;)
　[だいすけ？]氏の「検索だけでスタイルシートいじりました」ってのを思い出して、検索かけたら出てました(*^^)v　ここまでが、写真の横に文字を入れれるにいたった流れです。(前置き長いって怒らないで…)

いよいよ本題

二枚目の画像を入れ込むと＜img src="http://　～　jpg" border="0"＞こんな感じの文字が出てきます。これが画像のタグです。

この画像の右側に文字を入れたい場合は[border="0"]と[>]の間に[align="left"]と入れ、入れたい文章の最後に＜br clear="all"＞と入れます。　追加の文字を入れ込んだ文章は下の様な感じになります。

＜img src="https://cdn.snsimg.carview.co.jp/carlife/images/bbsmsg/123456/p1m.jpg" border="0"align="left"＞実際の画像は入れたらこんな感じになります。(＜＞の文字が全角になっていますが実際は半角です。半角にしてしまうとHTMLタグと認識してしまうので…)写真の横に入れたい文章はここまでです。＜br clear="all"＞ここからは写真の下に文章が入ります。

実際の画像は入れたらこんな感じになります。(＜＞の文字が全角になっていますが実際は半角です。半角にしてしまうとHTMLタグと認識してしまうので…)写真の横に入れたい文章はここまでです。
ここからは写真の下に文章が入ります。

　文字を左側に入れたい場合は
left　の部分を　right　に変えるだけです。
　写真の横に入れたい文章の終わりに＜br clear="all"＞を入れるのを忘れないようにして下さい。

　ただし、ひらり氏はこの方法を利用していません。TABLEタグを使ってやっているそうです。私には、難しくてまだ理解できませんでした。
　私の使っている方法はIMGタグのALIGNの属性で画像の位置を指定しているます。
　この方法、あまりお勧めしませんと書いてある所もあります。何でお勧めできないんだろう？

追記(09.5.8)
最近ＵＰしている２枚目以降の画像は、いちいち指定タグを打つのが面倒なので、自分がよく使うサイズのタグをあらかじめ何通りか作り、それを月の初めのblogに下書き記事で置き、そこから好みのサイズをコピーして使っています。

タグは掲示板に貼ってあります。
ご入用でしたら、掲示板からコピーして持っていってください。
(09.5.8)

スタイルシー(HTMLタグ)を熟知している方には「何をいまさら…」と思われるでしょうが、やっと何とか貼り付けられるようになりました。

　二枚目の貼り付けは、[なかぢ氏]に教えていただきました。

１　まず、貼り付けたい写真を愛車のフォトギャラリリーやお勧めスポットにupします。私は、愛車フォトは車だけにしておきたかったので、車以外の写真は掲示板を写真置き場にしています。(ita@yokohamaさん、こっそり参考にして、勝手にまねしちゃいましたm(__)mすいません)
　この時、二枚以降の画像は、一枚目のように縮小はされませんので、あらかじめ好みの大きさにトリミングして下さい。

２　写真のある場所を開いて写真を右クリック、ウインドウを開きます。プロパティをクリックして開き、アドレス(URL)の部分をコピーします。

３ blogの本文の中の、画像を貼り付けたい場所にカーソルを持ってゆき、フレームの外にある[画像]をクリツク。小さいウインドウが出てきますので、そこに先ほどコピーしたアドレスを貼り付け、ＯＫをクリック。


　HTMLタグが出たら貼り付け完了です。打ち込み画面の本文にはタグしか出ていませんが、確認画面ではちゃんと写真が出てきます。
　この子はウチのしっぼの付いた娘、コーギーのモモです。掲示板の中にちゃんと同じ写真がありますよ。