menu
基礎知識 タグseoアフィリエイトIT用語ブログカスタマイズseesaaMTFC2

seesaaブログでカテゴリーページに記事一覧を入れる

カテゴリーページに記事一覧があったら便利かな〜?と思って入れてみました。

逆になんかごちゃごちゃしてしまったような気もしますが。。。

参考にしたのは
Inqsite Blogさんのカテゴリー記事リスト微調整


このままだと、Inqsite Blogさんのブログに合う色なので
私はスタイルシートで

.lead {
font-weight:normal;
line-height:120%;
margin:5px 0px 5px 0px;
padding:0px;
background-color: #FFFEF3;
border-top:1px solid :#755930;
border-bottom:1px solid :#755930;
}
.lead-title {
font-size: 90%;
font-weight:bold;
padding:5px;
margin:0px;
background-color :#FFFAE1;
}
.cbody {
font-size: 12px;
padding:0px 5px 5px 5px;
margin:0px;
}
.cbody a {
margin:0px;
padding:0px;
width: 200px;
float: left;
background-color:#FFFEF3;
font-weight: normal;
}

と、色と線の位置を変えています。
 

その後、やっぱりごちゃごちゃしたかな〜?と思って
タグを以下のように変えました

<div class="lead">
<div class="lead-title"><a
href="<% blog.page_url %>">TOP</a><% category.name %>内一覧</div>
<div class="cbody">
<% loop:list_article -%>
<a href="<% article.page_url %>" class="title">・<% article.subject | shorten(34) %></a>
<% /loop -%>
<br style="clear:both "></div>
</div>

また、><が全角でごめんなさい。実際貼るときには赤い文字以外は半角でお願いします。


これだと、タイトルのところにパンくずが入るので一石二鳥です。

あ〜。すっきりした♪
posted by えのさん at 2006-04-29 | Comment(2) | TrackBack(0) | seesaaブログカスタマイズ
この記事へのコメント
やみあがりのひさびさに
えのさんのブログを訪れてみたら。。。

オオッ!!
カスタマイズの内容が、高度だ〜!!
(@_@;)

早速、えのさんのブログを参考に
カテゴリごとの記事一覧を作ってみました☆

CSSなんて、
初めて編集しましたよ〜!!

このタグを使えば、
「見づらい」酷評されている
「ブログと画像加工の便利帳」の
カテゴリごとの記事一覧も
もっとみやすくなるのかな〜???
Posted by しもまゆ at 2006年05月17日 16:59
しもまゆさん ありがとう♪
右の空白がもう少し狭くなるといいんだけど〜
私の技術ではここまででした。
記事数が多いと、どうしてもごちゃごちゃしちゃうね。
Posted by えのさん at 2006年05月17日 19:00
コメントを書く
お名前: [必須入力]

メールアドレス:

ホームページアドレス:

コメント: [必須入力]

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。
※ブログオーナーが承認したコメントのみ表示されます。
この記事へのトラックバックURL
http://blog.seesaa.jp/tb/17188747
※ブログオーナーが承認したトラックバックのみ表示されます。
※言及リンクのないトラックバックは受信されません。

この記事へのトラックバック

<記事一覧>
■SEOの基礎知識
seoとはキャッシュされるって?グーグルサイトマップと利用法pingサーバー送信先<最新版>...more
■検索エンジンに登録
グーグルに登録しようヤフーに登録しようmnsに登録しようグーグルサイトマップに登録しよう
■アフィリエイトの基礎知識
アフィリエイトって何?グーグルアドセンスを貼るときの注意レンタルサーバーってどこがいいの?...more
■IT用語の基礎知識
トラックバックとはpingを送信する意味パンくずリストって何?...more
■seesaaブログカスタマイズ
seesaaブログで日付を消すseesaaブログで新着記事の日付を消すseesaaブログにパンくずリストを付けるseesaaブログでタイトルタグの順番を変えるseesaaブログで表を入れるseesaaブログでトップに戻るを入れるseesaaブログでこのページのトップへを入れるseesaaブログでコピーライトを入れるseesaaブログでナビメニューを付けるseesaaブログでグーグルサイトマップを使う...more
■FC2ブログカスタマイズ
...more
■MTブログカスタマイズ
MTで日付を消すMTでトップページの月別アーカイブを消す...more
■タグ関連の記事
画像にリンクを張るテーブルタグ+画像文字の色を変える画像を配置する 文章回り込みのタグ文字の大きさを変える...more
×

この広告は1年以上新しい記事の投稿がないブログに表示されております。