FC2ブログテンプレート aaa design

FC2ブログのテンプレートを作っています。リクエスト、ご質問受付中。

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

ポイントサイト


楽天のお買い物の1%分がキャッシュバックされます。
他にもいろいろ。

FC2ブログ開設 >>
スポンサーサイト

タイトル横に日付を移動させる

タイトル横に日付を持ってくるには、「テンプレートの編集」→「HTMLの編集」で、
<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>」の続きを読む">続きを読む &raquo;</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;
}

と書き込むと、タイトル横の右端に寄ります。

FC2ブログ開設 >>

トマトテンプレート

aaa_tomato_2l
夏野菜トマト。リストマーク画像のプチトマト以外は装飾なしのシンプルデザイン。2カラム・幅可変・プラグイン対応。文字は小さめですが環境により変更可能。

FC2ブログ開設 >>

夏海テンプレート

aaa_ocean_2s
透きとおった海水。2カラム・幅固定・プラグイン対応。文字は小さめですが環境により変更可能。トップ画像以外は装飾なしのシンプルデザイン。

FC2ブログ開設 >>

文字のサイズを変える

aaadesignのテンプレートでは、見る人が好きな文字サイズに変えられるよう、キーワードで指定しています。

サイズの見本です。

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;

ちなみに、以上のサイズの指定を消すと初期設定のサイズになるので、全体に大きめになります。

FC2ブログ開設 >>

Top|Next »

HOME

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。