日付位置の変更
sunny というテンプレ (作者 skydesign さま)
1.日付とカテゴリーの位置を入れ替えたい。
2.日付表示を少し大きくしたい。
3.記事タイトルをクリックした時、そのページが表示されるようにしたい。
自分で色々調べてチャレンジしてみたのですが
上手くできませんでした(^^;
なるべく詳しく教えて頂けると嬉しいです。
よろしくお願い致します。
2011年04月10日 07:37 by ふわり姐さん
標野ゆき さま。
ご丁寧にありがとうございます。
初歩的な質問にもかかわらず
お時間をさいて下さり恐縮です。
大変勉強になりました。
全て出来ました。
ありがとうございました。
2011年04月11日 14:16 by ふわり姐さん
2.日付表示とカテゴリー表示は共通になっており
/* 記事カテゴリー等 */
.main_state {
margin-right: 15px;
margin-bottom: 5px; /* 下からの間隔 */
text-align: right; /* 文字右寄せ */
font-size: 10px; /* 文字の大きさ */
}
このようなCSSで指定されています。
HTMLのピンク色部分のmain_stateというクラス名をたとえばmain_state2に変更して
CSS内に
.main_state2 {
margin-right: 15px;
margin-bottom: 5px; /* 下からの間隔 */
text-align: right; /* 文字右寄せ */
font-size: 12px; /* 文字の大きさ */
}
このような指示を 新たに追加すれば、こちらの部分のみ大きくなるのではないでしょうか。
3.青文字部分を
<a id="<%topentry_no>" name="<%t opentry_no>" href="<%topentry_link>" >
このように変更すれば、おそらく個別記事にリンクされるのではないかと思います。
こちらのテンプレートは、ここに抜粋しただけでも
これだけたくさんのキャプションが加えられている とても親切なテンプレートです。一体なにを調べてどんなチャレンジをされた のか、疑問を覚えます。
2011年04月11日 13:33 by 標野ゆき
以下はテンプレートのHTMLの抜粋です。
<!--▽記事タイトル▽-->
<div class="main_title">
<a id="<%topentry_no>" name=&q uot;<%topentry_no>"><%topentry_title> ;</a>
</div>
<!--△記事タイトル△-->
<!--▽記事カテゴリー▽-->
<div class="main_state">
<!--community-->
<a href="<%topentry_thread_link>" title= "<%topentry_thread_title>へのリンク"><%tope ntry_thread_title></a> |
<a href="<%topentry_community_janrelink>" ; title="<%topentry_community_janrename>へのリンク&quo t;><%topentry_community_janrename></a> |
<!--/community-->
<a href="<%topentry_category_link>">& lt;%topentry_category></a>
</div>
<!--△記事カテゴリー△-->
<div class="main_body"><%topentry_body&g t;</div>
<div class="main_body">
<!--more_link--><a href="<%topentry_link&g t;#more">... 続きを読む
(中略)
<!--deny_tb--><!--/deny_tb-->
</div>
<div class="main_state"><%tope ntry_year>.<%topentry_month>.<%topentry_day> / <a href="#pagetop">Top↑</a></div& gt;
1.赤文字の部分がカテゴリーの表示、ピンク部分が投稿日時なので
この二つをそっくり入れ替えれば、表示も入替わるのではないかと思います。
2011年04月11日 13:30 by 標野ゆき
Copyright(c)1999 FC2, Inc. All Rights Reserved.
@fc2infoさんをフォロー