注目タグ

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

トピック詳細

日付位置の変更

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

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

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

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

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

コメント一覧 3件中、1~3件表示

  • 標野ゆき さま。

    ご丁寧にありがとうございます。
    初歩的な質問にもかかわらず
    お時間をさいて下さり恐縮です。
    大変勉強になりました。
    全て出来ました。
    ありがとうございました。

    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 標野ゆき