カスタマイズって楽しい!
みなさん、いじくってますか〜
私は毎日のようにいじくってます。
何を?
ブログです、ブログ。
最初のうちは全く興味なかったのですが、色々な人のブログを見ているうちに、はまりました。
やっぱりおしゃれなブログはついつい長居して見ちゃうし、綺麗にして損はないんじゃないかと。
だけど、そこは悲しき40代。
全く知識がないものですから、色々なブログを参考に、できる範囲での改善となっております。
まず最初にいじったのが・・・
「引用」
書評を書くこともあるので、結構頻繁に使います。
でも、はてなブログの初期状態のものはお世辞にも格好いいとは言えず・・・
こんな感じ。
これをこんな感じに。
どうです?格好良いですよね?
下のコードを、コピーして、はてなブログ管理画面から
「デザイン→カスタマイズ(レンチの絵)→デザインCSSをクリックして貼り付け→変更を保存する」
これだけです。
/* 引用のデザイン1 */
.entry-content blockquote {
padding: 20px 55px;
background: rgba(245,245,245,0.8);
color: #222;
position: relative;
border: solid 1px #fff;
margin: 0.8em 0;
}
/* 引用のデザイン2 */
.entry-content blockquote:before {
color: rgba(200, 200, 200, 1);
content: "“";
font-family: serif;
font-size: 600%;
left: 0;
line-height: 1em;
position: absolute;
top: 0;
}
/* 引用のデザイン3 */
.entry-content blockquote:after {
content: "”";
font-family: serif;
position: absolute;
bottom: 0;
right: 0;
font-size: 600%;
color: rgba(200,200,200,1);
line-height: 0;
}
※参考にした記事
リスト
次に手をつけたのが、「リスト」です。
ただの点です。
なんの味気もないので、これを・・・
赤のダイヤにしました。
これだけでだいぶ印象が違います。
※参照にした記事
いかがでしたか?
心優しいブロガーさん、先駆者達のおかげで、私のようなITに弱いおっさんでもカスタマイズできるのです。
本当にありがたいですね。
私も将来、誰かの役に立つような記事を書きたいです。
それが恩返しになるのかなぁと
次回は「タイトル」と「見出し」をお送りしたいと思います。
では!