コントロールの仕方について、
長いこと悩んでいました
メインのテンプレートでの枠線のコントロール方法は、
分かっていたのですが、
これは挿入した全ての画像についての枠線の定義。
私が知りたかったのは、
１つ１つの画像の枠線のコントロール方法。
今までにいろいろ調べたり、
自分で試してみたけど、全て失敗。
半分あきらめかけていたのですが、
今日、その方法が分かりました！
（試行錯誤の結果です
）Bloggerで画像を挿入後、HTMLへ行き
＜img styleを探します。
私の場合、メインのテンプレートで枠線を入れていないので、
画像を挿入しただけでは
＜img style="cursor: pointer; width: 267px; height: 201px;"
のようになっているのですが、このimg styleに、以下の太字を追加。
＜img style="border: 1px solid ; padding: 4px; color: rgb(192, 192, 192); cursor: pointer; width: 267px; height: 201px;"
border: 1pxは枠線の太さ。0pxにすると枠線なし。
solidは枠線の種類。noneにすると枠線なし。dottedは点線、dashedはダッシュ線、doubleは２重線（線の隙間は枠線の太さと一緒）、ridge、inset、outsetなど。
padding: 4pxは画像と枠線の隙間の大きさ。
color: rgb(192,192,192)は枠線の色。ここはRGB表示でなくても、color: grayのように、そのまま色の指定もできるし、HEX表示でもOK。
これで好きなように画像の枠線が
コントロールできるようになりました。
一応プログラマーの端くれなので、
これくらいは出来ないと。。。
↑
でもHTMLやCSSのプログラミングはした事ない
やっぱり自分で自分のページを
カスタマイズできるようになるのは楽しいです！
枠線の例↓
4 コメント:
はじめまして。ブログ村から飛んできたものです。私はお隣のオハイオに住んでます。
昔私もbloggerでブログを書いていたんですが、コメント欄の使い勝手の悪さでやめてしまいました。最近ではbloggerも随分使いやすくなったみたいですね！
また、こちらのブログにお邪魔します。
こんにちは、endunhamさん。オハイオですかぁ、お隣さんですね。
Bloggerの使いやすさ、についてはよく分からないです。他のを使ったことないので。「コメント欄が使いにくい」、というのは、identityを選択しなければいけないからでしょうか？
そういえば私の友達も、初めて私のブログにコメントを残すときに、どうやって残していいのか分かりにくかった、と言われたことがありました。昔はもっと使いにくかったのかしら？
今は何を使っているのでしょう？日本のかな？
こんにちは。また、お邪魔しまーす。
私が使ってた頃のbloggerは、コメント欄が文字化けしたりとよく悩まされましたよ。あとサイドバーに最近のコメントも表示できなかったし。lothlorienさんのブログみて、けっこう改善されたな～って思いました。
今私はこっちでけっこう使われているWordPressを使ってます。開発者向けのサーバーインストール型とbloggerのようにスペースを借りれるのと２種類あります。コメント投稿も日本のブログサービスに似て簡単ですよ。参考のために私のブログＵＲＬを貼って置きますね。
ところで、私も地球温暖化問題に興味があるので、『チーム・マイナス6％』に共感を覚えました。早速私もバナーを貼ってみようかと思ってますよ。
endunhamさん、今は文字化けとかないようですね。沢山の言語に対応されているみたいです。
WorkPressって、こっちではよく使われているんですかぁ。初めて聞きました！
コメントにリンクつけてくれたの、endunhamさんがはじめてです！私もやり方よく知らないのです。。。（HTML tagsを使えばいいだけ？）
そちらにもこれからお邪魔してみますね。
コメントを投稿