マージン
2014年4月4日
Categories | ブログ（WordPress)
ブログに「Count Per Day」を投入。
カウント表示のデフォルトは右寄せになってて、当ブログだと右寄せ過ぎたので
改良した。メモる。
いじるファイルはcounter.css
blog/wp-content/plugins/count-per-day/counter.css
TeraPadで開き196行目に
赤枠（margin-right:10px;）を追記。
しっかり右側に10ピクセル余白入った。
しまい
2013年8月26日
Categories | ブログ（WordPress)
ワードプレスの小技ネタです。
記事内に画像を入れて公開したら「画像と文章の上下マージンが狭くない？」
って経験ないですか。じゃ改行を入れ隙間を作る対処を・・・
いちいちそんな事をしなくても、スタイルシートに画像のマージンを指定すれば
対処出来ます。
いじるファイルはテーマフォルダ内のstyle.css と、content.php の2つ。
まず content.php の「 <?php the_content(); ?> 」を
ボックス「<div class=”content”>」で囲む。
<div class="content"> <?php the_content(); ?> </div>
次にstyle.cssにこう記述。
div.content img {
margin-top:36px;
margin-bottom:36px;
border: solid 4px #ffffff;
-moz-box-shadow: 0px 0px 16px #777777;
-webkit-box-shadow: 0px 0px 16px #777777;
box-shadow: 0px 0px 16px #777777;
/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
}※ margin-top/margin-bottom は、自分の好みで増減してください。
また４行目以下は画像に枠を付け影を装飾しました。必要なければ削除してください。
2012年9月9日
Categories | ホームページ
流行のソーシャルボタンを幾つか横並びに設置しても
何だかGoogle +1（プラスワン）ボタンだけマージンあり過ぎくない？
って悩んでるの私だけであろうか？
変なところに神経質なぢぶんではありますが
折角だったら均等にボタン並べたいん。
で、色々とタグを駆使しでけました＾＾
ネッ！
Google +1（プラスワン）ボタン共々均等間隔に並んでしょ。
要はリストタグでこんな感じに作る。
<ul> <li> <span style="color: #ff0000;">style="width:60px;overflow:hidden"</span> <g:plusone size="medium"> </g:plusone> </li> <li> <a href="https://twitter.com/share" data-lang="ja">ツイート</a> </li> </ul>
<li>に赤文字の部分を追加するんだな。
Google +1（プラスワン）ボタンの表示サイズはmediumで横60ピクセル。
それを強制的にスタイルで書いちまえばきっちり均等になるはず。
参考ページ（ https://www.hcz.jp/history/2007_09_11.html）
因みにスタイルシート(CSS)はこんな感じです。
li {
float:left;
margin: 0 5px;
padding: 0;
list-style:none;
}
しまい
