カテゴリ記事リスト（二段組）

カテゴリページ先頭に記事リストを表示する。
カテゴリ階層が増えてくると情報を探し出すのに面倒・・・検索もあるけど記事一覧があったら便利だよね。

1.　「デザイン」→「コンテンツ」→「記事」→「HTML編集」

<% if:archive_page_name eq 'month' -%>
<% if:pager.need_pager -%>
<div class="navi">
<% if:pager.previous_page %><a href="<% archive.page_url(pager.previous_page) %>"><% /if %>&lt;&lt;<% if:pager.previous_page %></a><% /if %><% loop:list_pager %> <% if:current_page ne pager_number %><a href="<% archive.page_url(pager_number)%>"><% /if %><% pager_number %><% if:current_page ne pager_number %></a><% /if %>&nbsp;<% /loop %><% if:pager.next_page %><a href="<% archive.page_url(pager.next_page) %>"><% /if %>&gt;&gt;<% if:pager.next_page %></a><% /if %>
</div>
<% /if -%>
<% /if -%>

<% /if -%>
<% if:page_name eq 'category' -%>
<div class="navi">
<a href="<% blog.page_url %>">TOP</a> / <% category.name %>
</div>
<% if:pager.need_pager -%>
<div class="navi">
<% if:pager.previous_page %><a href="<% category.page_url(pager.previous_page) %>"><% /if %>&lt;&lt;<% if:pager.previous_page %></a><% /if %><% loop:list_pager %> <% if:current_page ne pager_number %><a href="<% category.page_url(pager_number)%>"><% /if %><% pager_number %><% if:current_page ne pager_number %></a>&nbsp;<% /if %><% /loop %><% if:pager.next_page %><a href="<% category.page_url(pager.next_page) %>"><% /if %>&gt;&gt;<% if:pager.next_page %></a><% /if %>
</div>
<% /if -%>
<% /if -%>

<% loop:list_article -%>

<div class="blog">

blog記述上（ソース上段辺り）にあるnavi記述（過去ログとカテゴリ）を下記に書き換えます。ページ数を記事一覧の横に上にもってくるようにしてます。

<% if:archive_page_name eq 'month' -%>
<div class="lead">
<div class="lead-title">記事一覧　<% if:pager.previous_page %><a href="<% archive.page_url(pager.previous_page) %>"><% /if %>&lt;&lt;<% if:pager.previous_page %></a><% /if %><% loop:list_pager %> <% if:current_page ne pager_number %><a href="<% archive.page_url(pager_number)%>"><% /if %><% pager_number %><% if:current_page ne pager_number %></a><% /if %>&nbsp;<% /loop %><% if:pager.next_page %><a href="<% archive.page_url(pager.next_page) %>"><% /if %>&gt;&gt;<% if:pager.next_page %></a><% /if %></div>
<div class="cbody">
<% loop:list_article -%>
<a href="<% article.page_url %>" class="title"><% article.subject | shorten(29) %></a>
<% /loop -%>
<br style="clear:both "></div>
</div>
<% /if -%>

<% /if -%>
<% if:page_name eq 'category' -%>
<div class="lead">
<div class="lead-title"">記事一覧　<% if:pager.previous_page %><a href="<% category.page_url(pager.previous_page) %>"><% /if %>&lt;&lt;<% if:pager.previous_page %></a><% /if %><% loop:list_pager %> <% if:current_page ne pager_number %><a href="<% category.page_url(pager_number)%>"><% /if %><% pager_number %><% if:current_page ne pager_number %></a><% /if %>&nbsp;<% /loop %><% if:pager.next_page %><a href="<% category.page_url(pager.next_page) %>"><% /if %>&gt;&gt;<% if:pager.next_page %></a><% /if %></div>
<div class="cbody">
<% loop:list_article -%>
<a href="<% article.page_url %>" class="title"><% article.subject | shorten(29) %></a>
<% /loop -%>
<br style="clear:both "></div>
</div>
<% /if -%>

<% loop:list_article -%>

<div class="blog">

shorten（29）の数字は変数ですので変える事ができます。（2ヶ所）
タイトルが長い場合、語尾を「..」で省略してくれますので調整してね。
（下のwidthの幅÷7で計算するとちょうどいいはず^^;）

2.　スタイルシートに下記を追加する。

.lead {
text-align:left;
font-weight:normal;
line-height:1.3em;
margin:5px 0px 5px 0px;
padding:0px;
background-color: #fff;
border:1px solid #0E63AF;
}
.lead-title {
font-size: 90%;
font-weight:bold;
padding:0px 5px 0px 5px;
margin:0px;
background-color:#fff;
border-bottom:1px dotted #0E63AF;
}
.cbody {
font-size: 12px;
padding:0px 0px 0px 5px;
margin:0px;
}
.cbody a {
margin:0px;
padding-left:0px;
width: 200px;
float: left;
background-color: #fff;
font-weight: normal;
font-family:monospace;
}

私は　#content　の上に追加しました。
width: 200px;　は二段組の半分にした幅の長さですので自分にあった長さに設定し直して下さいね。（#contentの中にあるwidth幅÷2から5〜10（paddingの幅）引いた数字がちょうどいいはず^^;）
float: left;　は二段組表示なので一段表示にしたい場合は削除して下さい。
枠の色は自分の好きな色にしてね。

3.　アイコンを表示させたい場合は下記を　cbody a　に追加する。
padding-left　はアイコンの横幅数を設定すれば記事タイトルとアイコンが重ならないよ。

background-image:url('アイコンURLを記入');
background-repeat:no-repeat;
background-position:0px;

4.　再構築して出来上がり。

：：参考：：
Inqsite Blog > Seesaaブログカスタマイズ > カテゴリー記事リスト微調整
DesignWorks > Seesaaカスタマイズ > seesaaカスタマイズ カテゴリー内の新着記事をリストアップ

パンくずリスト＝トピックパス

例：HOME > Information＞カスタマイズ > パンくずリスト

パンくずリストとは 【topic path】 ─ 意味・解説 ： IT用語辞典 e-Words
童話「ヘンゼルとグレーテル」で、森の中で迷わないようにパンくずを少しずつ落としながら歩いたという故事が由来である。 英語では、パンくずリストの直訳「breadcrumbs list」のほかに、意味を捉えた「topic path」(トピックパス)という語も使われる。

1.　「デザイン」→「コンテンツ」→「記事」→「HTML編集」

<!-- Content -->
<% if:page_name eq 'article' -%>
<div class="navi">
<% if:previous_article -%><a href="<% previous_article.page_url %>">&lt;&lt;</a> <a href="<% previous_article.page_url %>"><% previous_article.subject | tag_break %></a> | <% /if -%>
<a href="<% blog.page_url %>">TOP</a>
<% if:next_article -%> | <a href="<% next_article.page_url %>"><% next_article.subject | tag_break %></a> <a href="<% next_article.page_url %>">&gt;&gt;</a><% /if -%>
</div>
<% /if -%>
<% if:page_name eq 'archive' -%>
<div class="navi">

ソース上段の方にあるnaviの記述を下記に書き換えます。
上記の削除ソースは「　≪　記事　TOP　記事　≫　」の表示部分ですので削除したくない方はその下に追加すればOKです。

<!-- Content -->
<div class="topicpath2">
<a href="<% blog.page_url %>">HOME</a>
<% if:page_name eq 'article' %> > <% loop:list_article -%><a href="<% article_category.page_url %>"><% article_category.name %></a> > <% article.subject %><% /loop %><% /if %>
<% if:page_name eq 'archive' %> > <% archive.createstamp | date_format("%Y年%m月") %><% /if %>
<% if:page_name eq 'category' %> > <% category.name %><% /if %>
</div>
<% if:page_name eq 'archive' -%>
<div class="navi">

2.　スタイルシートに下記を追加する。

.topicpath2 {
font-size:10px;
text-align:left;
margin:0px 5px 0px 5px;
}

私は　.navi{　のすぐ上に追加しました。
text-align、font-size、marginなどは自分のお好みに合わせて調整してね。変えるとこは文字色のとこです。

3.　再構築して出来上がり。

：：参考：：
ブログカスタマイズ > 記事コンテンツ > トピックパスの作成２

買い物

全部で700円　安い？　めちゃ安いと思わない？
この中で一番高いのは、LL卵180円で、次が玉ねぎ6個、なす5個、ピーマン5個って感じですｗ

いつも病院の帰り・・・正確に言うと薬局の帰り道なんだけどねｗ
ほか弁により月限定の弁当を買い、さらに1分ほど先に八百屋さんがある
高校からその前をよく通ってたけど、いつもそこはジジババしかいなかったし小さい店だったから気にもしなかったんだよね〜
昨年、何気に外にあったリンゴが安かったので中を覗いてみた。
|ﾟДﾟ)))ｺｿｰﾘ!!!!
いつも買う野菜が安かったのに驚き中に入り思わず買っていたね
それから病院帰りはそこに寄ることになりました

　(・−・)・・・ん?
このナス・・・＜( ﾟ ≧ﾟ)＞ ﾊﾅﾀｰｶﾀﾞｶｰ♪
思わず撮ってしまったけど普通のデパートとかじゃ売ってないよね
これ、めちゃ美味しいのかな？(￣m￣*)ﾌﾟｯ

そそ、昨日薬局から買物して帰宅する時間帯は、めちゃ天気がよくてクラクラするほどでした
夕方には凄く疲れてダウンし爆睡
夜中が降ったのに気付いたけど起きれず朝窓を閉めた・・・

家の中が・・・(　▽|||)サー

どこに居てもジメジメ・・・ジトジト・・・湿気が(((´･ω･`)ｶｯｸﾝ…
よけいだるくなった気分です。。。そして微熱ありﾍ(ﾟ∀ﾟﾍ)ｱﾋｬ

2週間前の検査結果

(｡-ω-)zzz...ん〜お腹が・・・
ん？お腹出てたのね・・・ないない・・・ﾑﾆｬﾑﾆｬ(｡-ω-)zzz...

~(=^‥^)ﾉ☆ ﾆｬﾆｬﾆｬ〜!　んっジル・・・おはよう。。。
ｺﾞﾛﾆｬﾝ ~(=^･･^)ヾ(^^ )ﾖｼﾖｼ...zzz...

(｡-ω-)zzz...(｡･ω･) ﾊｯ!

起きると既に時計は10:54
慌てて着替えながらタクシーの運ちゃんに電話する

ピンク「11:30までに○○病院行ける？」
タク運「大丈夫だよ〜今から行くね〜」
ピンク「じゃお願いしま〜す」

急いで準備して玄関で靴を履いてるともうタクシー到着
ん？お腹の調子がちょっと変だな？病院行くからちょうどいいかｗ

いつもと変わらない診察。そして・・・

【検査結果】
コレストロールは普通220なんだけど今回は290越えてた
尿検査はいつも（−）なのに2つも（＋）が
他は以上なし。

今まで異常なかったので様子見ることに。
次回検査で異常だったら対処するということでいつもと同じ薬が出ました。
が、しか〜し
診察のときに急にお腹が痛み冷や汗もんでに行きたく早く終らせた

ふと気付いたが・・・このこと言ってなかったけど平気だったかしら？
昨日の夜のうどんが原因だったかな？1袋250gを全部食べたからな〜
最初は布団かぶってたんだけどなぁ〜
パジャマ着てたのにお腹出して寝てたのが原因かな？
家帰ってもピーピーで何度に駆け込んだことやら(￣∇￣；)ハッハッハ

BlogPet背景：春1、夏2、秋11

■背景-春
└ ブラインド
■背景-夏
├ 夏の海
└ 潮騒
■背景-秋
├ 紅葉
├ 夜明け
├ たそがれ
├ 思い出のドライブ
├ 海の贈り物
├ 風の海
├ グラディションタイム
├ 一人の海
├ 朝焼け
├ Sundance
└ 埠頭

春と夏、秋を11つ追加しました　次回は冬を追加予定^^;
使いたいのがありましたら好きなのを持って帰ってくださいね。
場所は、私の本館「CREDENDO VIDES」から入り、Graphicsのとこに置いてます
持帰り方法は利用規約に書いてありますので読んでね。

風邪引いた？

夜中・・・やけに体が熱かった。
そのうち寒くなった・・・
汗でパジャマがびっしょりみたいだ・・・
これはヤバイと思って、だるい体を起して着替えた。
2回ほど着替えたかな〜うるおぼえだけど着替えた残骸があるから^^;
おかげで朝早く目が覚め・・・
彼に電話するが携帯止められていた・・・私のも(￣∇￣；)ハッハッハ
家からかけるが出ない・・・だるい・・・出ない・・・ふらつく・・・

本館にあったハーボットをゲームブログに移し、ここのブログペットを弄り昨日のコメにも返信し・・・なんだかんだと時間が過ぎた。

そう昨日はジル（猫）と一緒に風呂に入ったのだ。
なのでかなりの長風呂【〜〜〜(´▽｀A)〜〜〜】 ｲｲﾕﾀﾞﾅ~♪
いい湯だったけど胸やら太ももやら引っかき傷が染みた(　▽|||)サー
上がってからも暑くてしばらくバスタオル姿・・・
髪を乾かしお手入れして・・・
お腹が空いたのでご飯作って食べ・・・
ジルの毛をブラッシングし乾かし・・・ブラッシングし・・・
爪を切り・・・足裏の毛を切り・・・疲れた(ﾉ_-;)ﾊｱ…
何がいけなかったんだろ？・・・全部か？(￣∇￣；)ハッハッハ

外は暑いのに・・・ぃゃ家の中も暑いのに・・・体も熱くてだるい・・・
さて寒気がしてきたので寝ます。。。
ﾊﾞﾀﾘ (o_ _)o 〜〜〜 †

I feel･U･feel me

4月に注文してた指輪が6月頭に届きました(´∀｀*)ﾎﾟｯ
文字はタイトルにあるのが3つ彫られてます。
意味は・・・(´∀｀*)ｳﾌﾌ

モバではちょいと書いてましたが・・・

続きを読む