＜CSS＞はてなブログ内の画像サイズの変更＆中央寄せにする！

photo by ZERGE_VIOLATOR

この度またまたブログをカスタマイズしましてん
画像を挿入しても、とっても大きかったり、左寄せになっていて
なんともむずがゆい感じがしておりましたので、
この度またまたスタイルシート（CSS）をいじりました

投稿画像のサイズを小さくする

.entry-content img {
  max-width: 65%;
 
}

いつものようにデザインCSSは修正前のものを必ずコピペしてメモ帳に保存してくださいね
.entry-content imgを検索

デフォルトではここでは100％となっています
投稿した画像を、使っているブログの幅全部で表示するという設定
私はいろいろ試して65％にしてみました
いかようにでもなるのでお好きなサイズにしてみてください！

画像を中央寄せにする

 .hatena-fotolife ,/* はてなで投稿した画像 */
 .http-image/* Flickr */
{
 	margin-right:auto;
 	margin-left:auto;
 	display:block;
 }

こちらはこのブログを使って画像を投稿
フォトライフを使っている人のみになってしまいます…
上記をコピペして貼りつけてくれれば、画像は中央寄せになります。

他のものに関しては下記のご参照を。。。
ま、当たり前のことなんですけどね…

<p align="center"><img src="投稿した画像のディレクトリ" alt=""></p>

って、、、
はてなブログもツールバーに中央寄せとか出来るようにしてくれればいいだけの話なんですけどね。。

[PR]