ＣｕｓbｌO |
忍者ブログテンプレートカスタマイズ ブログテンプレートＣＳＳ／ＨＴＭＬカスタマイズ覚書 忍者用ブログテンプレート作成中
カテゴリー記事タイトル一覧
１つのカテゴリーにある記事一覧を記事上部に表示させる
カテゴリ項目クリック時、記事上部に表示
カテゴリ項目クリック時、記事上部に表示
ＣＳＳ一番下に以下をコピペ サイズなどのカスタマイズはこれでする
/*-------------------------------------------------------
記事タイトル一覧部分 > 全体
-------------------------------------------------------*/
.TitleListBox {
font-size: 95%; /* フォントサイズ */
width: 542px; /* 枠の幅 */
text-align:left; /* テキスト位置 */
background-color:#E6E6FA; /* 背景色 */
border:1px solid #CCCCCC; /* 枠線の設定 */
padding:5px; /* 内側余白 */
margin: 0px 0px 15px 0px; /* 外側余白 */
}
/*-------------------------------------------------------
記事タイトル一覧部分 > タイトル
-------------------------------------------------------*/
.TitleListTitle {
font-weight: bold;
}
/*-------------------------------------------------------
記事タイトル一覧部分 > テキスト
-------------------------------------------------------*/
.TitleListText {
font-size: 95%;
text-align:left;
margin: 0px 0px 0px 10px;
}
/*-------------------------------------------------------
記事タイトル一覧部分 > ページリンク
-------------------------------------------------------*/
.TitleListPageLink {
font-size: 95%;
text-align:center;
}
ＨＴＭＬ
メインブロック エントリー<!--entry--> 上に以下をコピぺ ＨＴＭＬ<!-- タイトル一覧【カテゴリページ】 -->
<!--if_category-->
<div class="TitleListBox">
<div class="TitleListTitle">■<!--$g_page_title--></div>
<div class="TitleListText">
<!--entry-->
[<!--$entry_year-->/<!--$entry_mon-->/<!--$entry_day-->] <a href="<!--$entry_link-->"><!--$entry_title--></a> (No.<!--$entry_no-->)<br />
<!--/entry-->
</div>
<div class="TitleListPageLink">
<!--if_prev_page--><a href="<!--$pagelink_prev_link-->">≪</a> <!--/if_prev_page-->
<!--pagelink_10-->
[<!--$pagelink_10_link-->]
<!--/pagelink_10-->
<!--if_next_page--><a href="<!--$pagelink_next_link-->">≫</a> <!--/if_next_page-->
</div>
</div>
<!--/if_category-->
<!-- /タイトル一覧【カテゴリページ】 -->
<!-- タイトル一覧【アーカイブページ】 -->
<!--if_date-->
<div class="TitleListBox">
<div class="TitleListTitle">■<!--$g_page_title--></div>
<div class="TitleListText">
<!--entry-->
[<!--$entry_year-->/<!--$entry_mon-->/<!--$entry_day-->] <a href="<!--$entry_link-->"><!--$entry_title--></a> (No.<!--$entry_no-->)<br />
<!--/entry-->
</div>
<div class="TitleListPageLink">
<!--if_prev_page--><a href="<!--$pagelink_prev_link-->">≪</a> <!--/if_prev_page-->
<!--pagelink_10-->
[<!--$pagelink_10_link-->]
<!--/pagelink_10-->
<!--if_next_page--><a href="<!--$pagelink_next_link-->">≫</a> <!--/if_next_page-->
</div>
</div>
<!--/if_date-->
<!-- /タイトル一覧【アーカイブページ】 -->
PR
この記事にコメントする
最新記事
(06/23)
(06/19)
(05/14)
(05/14)
(04/28)
カテゴリー
最新トラックバック
ジェネレーター リンク
ソフト不要で作成カスタマイズできる
ＣＳＳ／ＨＴＭＬ
ブログ：
ネーム：
かすぽ
趣味：
美しい・綺麗なものの鑑賞
自己紹介：
ＣｕｓＢｌｏスタート：２０１０．０３．０７
３月１６日１作目完成とどうじに愛猫天使記念日
最近自分が引っ込み思案と知った。
フリーかつ手動作成まっしぐら中
３月１６日１作目完成とどうじに愛猫天使記念日
最近自分が引っ込み思案と知った。
フリーかつ手動作成まっしぐら中
素材配布サイト様へ：リンク漏れが有る場合以下の専用ページにコメントください
