北京棒球小僧トップページへ矢印:赤(右3) カープキャップ1Blog technique 矢印:赤(右3)カープユニフォーム1カテゴリ記事リストを追加する方法

2006年03月30日

カープユニフォーム1 カテゴリ記事リストを追加する方法

ブログカスタマイズ ONE POINTアドバイス第34弾!!
今回はパンくずリストを追加して更にこの記事リストを追加するとかなりサイトとして素晴らしくなるんじゃないかなと思うツールです。
至って簡単に出来てしまうので挑戦してみてください。

まず、デザイン→記事コンテンツ→HTML編集
<% if:page_name eq 'category' -%>
<% /if -%>

の部分を
<% if:page_name eq 'category' -%>
<div class="lead">
<div class="lead-title"><% category.name %>内記事一覧</div>
<div class="cbody">
<% loop:list_article -%>
<a href="<% article.page_url %>" ><% article.subject | shorten(32) %></a>
<% /loop -%>
<br style="clear:both "></div>
</div>

<% /if -%>
の赤字部を追加します。
ひらめき記事リストの文字数はshorten(32)の括弧内の数値を調整してください。
続いてスタイルシートに
.lead {
font-weight:normal;
line-height:120%;
margin:5px 0px 5px 0px;
padding:0px;
background-color: #eeeeee;
border-right:2px solid #000;
border-bottom:2px solid #000
}
.lead-title {
font-size: 90%;
font-weight:bold;
padding:5px;
margin:0px;
background-color: #cccccc;
}
.cbody {
font-size: 12px;
padding:0px 5px 5px 5px;
margin:0px;
}
.cbody a {
margin:0px;
padding:0px;
width: 200px;
float: left;
background-color: #eeeeee;
font-weight: normal;
}
を追加すれば再構築で完了です。
posted by むさC16 at 00:00 | Comment(14) | TrackBack(0) | カープキャップ1Blog technique 上へジャンプ
この記事へのコメント
ブログ紹介サイトが出来ました。
もし、あなた様がよろしければ・・・
当サイト「BlogStation69」にてあなた様のブログをご紹介させていただけないでしょうか?
コメント用アイコン1Posted by Blogstation at 2006年03月30日 05:10
何とか修正しつつ形にはなってますが、1度クリックしたタイトルのものが紫になってしまいます。この調整方法を教えて下さい[ビックリ(字)]

そういえば、10時に起きれたんですね[笑顔(ヒヨコ)]
コメント用アイコン1Posted by ドカベン at 2006年03月30日 11:33
葛藤中[ビックリ(字)][ビックリ(字)]

どうしても1度クリックした後の色が変わってしまいます。
visitedを活用してもダメです。
あと、点々のノートのような線の引き方を教えて下さい。

はやくしないと、はやくしないと、はやくしないと。。。[ビビリ顔(パンダ)]です。
コメント用アイコン1Posted by ドカベン at 2006年03月31日 18:10
[現状]
.lead a: visited {
font-color: #0000CD;
}

これでは反映されません。
問題はクラスは“lead”ではなく“.cbody ”です。
よって、
.cbody a:visited {
font-color: #0000CD;
font-weight:bold;
text-decoration: none;
}

が正解です。
あと点線の追加は下記を追加してください。
border-bottom:dashed 1px #000000;

これでどうでしょうか?
コメント用アイコン1Posted by むさC16 at 2006年03月31日 19:21
やってみましたが、フォントの色はクリックするとやはり紫になってしまいます。。。
ボーダーはうまくいきました。

何が原因なのでしょうか。。。
コメント用アイコン1Posted by ドカベン at 2006年04月01日 09:37
効果があるかどうか分かりませんが
[現状]
font-color: #0000CD;

color: #0000CD;
に変更してみてください。
変わらないですかね[焦る(ヒヨコ)]
コメント用アイコン1Posted by むさC16 at 2006年04月01日 19:05
できたみたいです。visitedは反映されるようになったみたいですが、大本の色が指定している0000CD(メイビーブルー)ではなく、普通の青みたいです。
visitedが反映されて始めてわかりました。
根本の設定が何かに則られているようです。。。

どうにかなりませんかねぇ。。。道のりは遠し。。。
コメント用アイコン1Posted by ドカベン at 2006年04月02日 09:13
すいません、別件ですが、4月1日よりTBに1日100件以上の迷惑TBが入ってきます。
これの予防対策をご指導願います!!

消しても消しても増えてくる。。。
コメント用アイコン1Posted by ドカベン at 2006年04月03日 13:08
禁止IP、禁止ワードで対応するぐらいしか今の所、ないですね。
私も1分毎に迷惑TBがあった時がありました。
一日数百ものTB削除は嫌になりました。
現在は少し収まりましたが一番良い方法はまだ分かりません[泣く(ヒヨコ)]
コメント用アイコン1Posted by むさC16 at 2006年04月03日 17:02
「さくら」にも対策がないか[疑問(字)]問い合わせをしましたが、返答がありません[ビビリ顔(パンダ)]


何とかしたいですねぇ〜。。。
コメント用アイコン1Posted by ドカベン at 2006年04月03日 17:46
迷惑TBの発信元を特定する方法は極めて難しいです。
かと言って放置するとすごい事になります。
現状では禁止ワードでエッチ系のワードを絞って設定する方が有効かもしれませんね。
ちょいと有名になった代償だと考えてください[自慢顔(ヒヨコ)]
コメント用アイコン1Posted by むさC16 at 2006年04月03日 18:54
禁止ワードや禁止アドレス、禁止IPの有効的な活用方法がイマイチ理解できてませんが、要は1件ずつ追加をしていけばいいのでしょうか[疑問(字)]

う〜ん、更なる壁がっ[焦る(ヒヨコ)]
コメント用アイコン1Posted by ドカベン at 2006年04月04日 09:13
明白な解決方法がない場合、地道路線で対応してください。
こればかりは、どうしようもないです[焦る(ヒヨコ)]
コメント用アイコン1Posted by むさC16 at 2006年04月04日 14:48
今日も朝から削除の嵐[ビックリ(字)][ビックリ(字)]

でも、地道にやっただけあり、午後の襲撃は今の所なしです[ニヤリ顔(パンダ)]
コメント用アイコン1Posted by ドカベン at 2006年04月04日 16:49
上へジャンプ
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

この記事へのTrackBack URL

上へジャンプ
さくらインターネット株式会社 株式会社ぐるなび 株式会社オートウェイ 損保ジャパンの海外保険 オクトパストラベル・ジャパン
中国醸造株式会社 有限会社BBシステム 日本シグマックス株式会社 日本シグマックス株式会社 株式会社コーエイプランニング OTAIRECORD株式会社