タイトル横に日付を移動させる
タイトル横に日付を持ってくるには、「テンプレートの編集」→「HTMLの編集」で、
<ul></ul>タグを書き込み、この色の部分を■に移動させます。
次に、「テンプレートの編集」→「スタイルシートの編集」で、どこにでもいいので
と書き込むと、タイトル横の右端に寄ります。
FC2ブログ開設 >>
<ul></ul>タグを書き込み、この色の部分を■に移動させます。
<!-- 記事タイトル部分 -->
<ul>■</ul>
<h2 class="entry-header">
<a href="<%topentry_link>" title="「<%topentry_title>」の永続的アドレス"><%topentry_title></a>
</h2>
<!-- 記事本文部分 -->
<div class="entry-body">
<%topentry_body>
<!--more_link-->
<p class="entry-more"><a href="<%topentry_link>" title="「<%topentry_title>」の続きを読む">続きを読む »</a></p>
<!--/more_link-->
<!--more-->
<%topentry_more>
<!--/more-->
</div>
<!-- 記事フッター部分 -->
<ul class="entry-footer">
<li class="date"><%topentry_year>-<%topentry_month>-<%topentry_day></li>
<li class="category">
<a href="<%topentry_category_link>" title="カテゴリ「<%topentry_category>」の記事一覧"><%topentry_category></a></li>
<ul>■</ul>
<h2 class="entry-header">
<a href="<%topentry_link>" title="「<%topentry_title>」の永続的アドレス"><%topentry_title></a>
</h2>
<!-- 記事本文部分 -->
<div class="entry-body">
<%topentry_body>
<!--more_link-->
<p class="entry-more"><a href="<%topentry_link>" title="「<%topentry_title>」の続きを読む">続きを読む »</a></p>
<!--/more_link-->
<!--more-->
<%topentry_more>
<!--/more-->
</div>
<!-- 記事フッター部分 -->
<ul class="entry-footer">
<li class="date"><%topentry_year>-<%topentry_month>-<%topentry_day></li>
<li class="category">
<a href="<%topentry_category_link>" title="カテゴリ「<%topentry_category>」の記事一覧"><%topentry_category></a></li>
次に、「テンプレートの編集」→「スタイルシートの編集」で、どこにでもいいので
li.date {
float: right;
}
float: right;
}
と書き込むと、タイトル横の右端に寄ります。
FC2ブログ開設 >>
aaa_tomato_2l
aaa_ocean_2s
文字のサイズを変える
aaadesignのテンプレートでは、見る人が好きな文字サイズに変えられるよう、キーワードで指定しています。
サイズの見本です。
xx-small より小さい
x-small 小さい
small すこし小さい
medium 通常
large すこし大きい
x-large 大きい
xx-large より大きい
「テンプレートの編集」→「スタイルシートの編集」でこの色の部分を書き換えれば完了です。
ほかに、パーセントやピクセルなどいろいろな単位で指定することもできます。
ちなみに、以上のサイズの指定を消すと初期設定のサイズになるので、全体に大きめになります。
FC2ブログ開設 >>
サイズの見本です。
xx-small より小さい
x-small 小さい
small すこし小さい
medium 通常
large すこし大きい
x-large 大きい
xx-large より大きい
「テンプレートの編集」→「スタイルシートの編集」でこの色の部分を書き換えれば完了です。
ほかに、パーセントやピクセルなどいろいろな単位で指定することもできます。
/* body要素以下全てに適用されます */
font-size: small;
/* タイトル */
font-size: x-large;
/* 記事のタイトル部分 */
font-size: medium;
/* コメントの見出し */
font-size: medium;
/* コメントのタイトル */
font-size: small;
/* トラックバックトップ */
font-size: medium;
/* トラックバックのタイトル */
font-size: small;
/* 広告タグ削除不可のブロック */
font-size: x-small;
font-size: small;
/* タイトル */
font-size: x-large;
/* 記事のタイトル部分 */
font-size: medium;
/* コメントの見出し */
font-size: medium;
/* コメントのタイトル */
font-size: small;
/* トラックバックトップ */
font-size: medium;
/* トラックバックのタイトル */
font-size: small;
/* 広告タグ削除不可のブロック */
font-size: x-small;
ちなみに、以上のサイズの指定を消すと初期設定のサイズになるので、全体に大きめになります。
FC2ブログ開設 >>
