FC2ブログ

無料新規登録

テンプレート・プラグイン

日付位置の変更

sunny　というテンプレ　(作者　skydesign　さま)

1.日付とカテゴリーの位置を入れ替えたい。
2.日付表示を少し大きくしたい。
3.記事タイトルをクリックした時、そのページが表示されるようにしたい。

自分で色々調べてチャレンジしてみたのですが
上手くできませんでした(^^;

なるべく詳しく教えて頂けると嬉しいです。
よろしくお願い致します。

by ふわり姐さん  2011年04月10日 07:37
by ふわり姐さん
2011年04月10日 07:37

コメント一覧 新しい順に表示▽ / 古い順に表示△

コメント一覧
新しい順  |  古い順

このコミュニティにご参加頂くと、コメントの書き込みができます

  • 標野ゆき さま。

    ご丁寧にありがとうございます。
    初歩的な質問にもかかわらず
    お時間をさいて下さり恐縮です。
    大変勉強になりました。
    全て出来ました。
    ありがとうございました。
    by ふわり姐さん  2011年04月11日 14:16
    by ふわり姐さん
    2011年04月11日 14:16
  • ２．日付表示とカテゴリー表示は共通になっており
    /* 記事カテゴリー等 */
    .main_state {
    margin-right: 15px;
    margin-bottom: 5px; /* 下からの間隔 */
    text-align: right; /* 文字右寄せ */
    font-size: 10px; /* 文字の大きさ */
    }
    このようなＣＳＳで指定されています。

    ＨＴＭＬのピンク色部分のmain_stateというクラス名をたとえばmain_state2に変更して

    ＣＳＳ内に
    .main_state2 {
    margin-right: 15px;
    margin-bottom: 5px; /* 下からの間隔 */
    text-align: right; /* 文字右寄せ */
    font-size: 12px; /* 文字の大きさ */
    }
    このような指示を 新たに追加すれば、こちらの部分のみ大きくなるのではないでしょうか。

    ３．青文字部分を
    <a id="<%topentry_no>" name="<%topentry_no>" href="<%topentry_link>">
    このように変更すれば、おそらく個別記事にリンクされるのではないかと思います。


    こちらのテンプレートは、ここに抜粋しただけでも
    これだけたくさんのキャプションが加えられている とても親切なテンプレートです。一体なにを調べてどんなチャレンジをされたのか、疑問を覚えます。

    by 標野ゆき  2011年04月11日 13:33
    by 標野ゆき
    2011年04月11日 13:33
  • 以下はテンプレートのＨＴＭＬの抜粋です。

    <!--▽記事タイトル▽-->
    <div class="main_title">
    <a id="<%topentry_no>" name="<%topentry_no>"><%topentry_title></a>
    </div>
    <!--△記事タイトル△-->


    <!--▽記事カテゴリー▽-->
    <div class="main_state">
    <!--community-->
    <a href="<%topentry_thread_link>" title="<%topentry_thread_title>へのリンク"><%topentry_thread_title></a> |
    <a href="<%topentry_community_janrelink>" title="<%topentry_community_janrename>へのリンク"><%topentry_community_janrename></a> |
    <!--/community-->
    <a href="<%topentry_category_link>"><%topentry_category></a>
    </div>
    <!--△記事カテゴリー△-->

    <div class="main_body"><%topentry_body></div>

    <div class="main_body">
    <!--more_link--><a href="<%topentry_link>#more">... 続きを読む
    （中略）
    <!--deny_tb--><!--/deny_tb-->
    </div>

    <div class="main_state"><%topentry_year>.<%topentry_month>.<%topentry_day> / <a href="#pagetop">Top↑</a></div>

    １．赤文字の部分がカテゴリーの表示、ピンク部分が投稿日時なので
    この二つをそっくり入れ替えれば、表示も入替わるのではないかと思います。

    by 標野ゆき  2011年04月11日 13:30
    by 標野ゆき
    2011年04月11日 13:30

3件中、1～3件表示

Copyright(c)1999 FC2, Inc. All Rights Reserved.