読者です 読者をやめる 読者になる 読者になる

アラフォー独身OL赤裸々生活日記

ぐうたらして過ごしてきてしまった独身女。。キャッシング・借金まみれの生活を抜け出して心機一転!貯金するぞ!! ヨガと韓国ドラマ、海外ドラマ大好きです❤

<CSS>はてなブログ内の画像サイズの変更&中央寄せにする!

http://www.flickr.com/photos/47257185@N03/10874001974
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]


PAGE TOP