←前のエントリ |  ↑↑Blog |  ↑Category |  ↓Comment |  ↓Trackback |  次のエントリ→

上記スタイル設定を破棄してCSS用のclass属性をつけて出力する


選択

PiyoFeedsの出力形式に関する設定です。
選択すると設定したスタイル情報(Font size、color)は使用せず、tableも使用しないで以下の構成で出力されます(表示するしないは引き継がれますので表示しないものは出力されません)。
CSSについてよく知らない方は選択しないことをお薦めします。

正常時(アイテム数N):
<div class="piyofeeds">
 <div class="pf_channel">
  <div class="pf_channel_rss">(RSSへのリンク)</div>
  <div class="pf_channel_title">(ChannelのTitle)</div>
 </div>
 <div class="pf_items">
  <div class="pf_item">
   <div class="pf_item_title">(Item1のTitle)</div>
   <div class="pf_item_description">(Item1のDescription)</div>
  </div>
  ・・
  <div class="pf_item">
   <div class="pf_item_title">(ItemNのTitle)</div>
   <div class="pf_item_description">(ItemNのDescription</div>
  </div>
 </div>
 <div class="pf_logo">(PiyoFeedsのロゴ)</div>
</div>


異常時:
<div class="piyofeeds">
 <div class="pf_error">(エラーメッセージ)</div>
</div>

サイトのCSSファイルにて設定すれば意図通りの表示になります。

例えば、このサイトの最近のコメント部分では、この機能を利用し、以下のようなCSSの設定をしています。
.pf_item {
	background:#fff;
	padding: 2px;
	margin: 2px;
	border: 1px dashed;
	font-size: midlle;
}

.pf_item_description {
	color:#000;
	padding: 3px;
	font-size: small;
	font-weight: bold;
	border-top: 1px dotted;
}

投稿時間: 2005年02月11日 (金) at 12:30     

←前  |  ↑↑Blog |  ↑Category |  ↑Entry top |  ↑Comment |  次→
←前  |  ↑↑Blog |  ↑Category |  ↑Entry top |  ↑Comment |  次→