RSSニュースのレイアウト方法
RSSトッピックスはスタイルシートでレイアウトを変更できます。
プレビュー時の設定はこのようになっております。
クラス名の変更や追加は出来ませんが、各クラスの細かな設定を変更して自由なレイアウトが出来ます。

 プレビュー表示時のスタイルシートの設定
※プレビュー時のままの設定をご利用の場合は このテキスト をコピー&ペーストでお使いください。

【ニュース全体を囲む外枠】

.rss_box { padding: 6px; width: 460px; background-color: #fff; border: 1px solid #999999; }

【RSSを配信しているサイト名】

.rss_name{ font-weight: bold; font-size: 14px; color: #FF0000; margin-left:4px; margin-bottom:2px; }

【RSSを配信しているサイトの詳細】

.rss_name_desc{ font-size: 11px; color: #666666; margin-left:4px; }

【RSSトッピックスを囲む枠】

.rss_sub_box { background:#F1F1FD; text-align:left; padding:4px; margin-top:6px; }

【RSSトッピックスのタイトル】

.rss_item { padding-right: 0px; font-weight : normal; font-size:9px; padding-bottom: 2px; color: #999; }

【RSSトッピックスのタイトル リンクの設定】

.rss_item a:link, .rss_item a:visited, .rss_item a:active { font-weight: bold; font-size: 12px; color: #999; text-decoration : none; }

【RSSトッピックスのタイトル リンクの設定】

.rss_item a:hover { font-weight: bold; font-size: 12px; text-decoration : underline; color: #333; }

【RSSトッピックスのタイトル】

.rss_title { line-height:120%; text-align:left; font-size:12px; color:#999999; }

【RSSトッピックスの概要(本文)】

.rss_desc { line-height:120%; text-align:left; font-size:12px; color:#666666; font-size:11px; }

【RSSトッピックスの投稿日】

.rss_date { color: #999; line-height:120%; text-align:left; font-size:9px; }

>> トップページへ戻る