ブロプー Blog

こんにちは！さいとうです
今日は寒いですねみなさん風邪をひいたりしていませんか？？
寒いのは苦手なんですが、買ったばかりのジャケットが着れるので、ちょっとうれしいです

それではlivedoorの公式テンプレートからコピーしてきたソースをベースにして、自分のオリジナルのテンプレートを作っていきます
今回は簡単にCSSだけを編集して、デザインをかえてみましょう

記事の文字を小さくしてみましょう。

記事の本文を表示させるタグは<$ArticleBody$>です。このタグを囲っているclass".article-body-inner"のfont-sizeを12pxに変更してみましょう
現在のCSSにはarticle-body-innerというクラス名は存在しないので、
.article-body-inner { font-size:12px; }
をCSSに追加してみてください。

追加したら再構築します。どうですか？文字が小さくなりましたよね？？

livedoorのプラグインは
第９回　ブログのコーディング（４）livedoorについて
でお話ししたように

<div class="sidetitlebody">
<div class="sidetitle">～～</div>
</div>
<div class="sidetop">～～</div>
<div class="side">
<div class="sidebody">～～</div>
</div>
<div class="sidebottom">～～</div>

このような構造になっています。ここのスタイルシートを変更して、背景をつけます
ちょっと長くなったので、次回に続きます

次回はプラグインのタイトルに背景を表示させる方法の、続きです！
更新は１０月６日（月）の予定です。お楽しみに

ブログ用テンプレートのサイトです↓↓↓↓↓↓↓↓↓全部無料で使えますょ