ウェブでお仕事　ねこやしき

ちょっとしたＴＯＰページが欲しいけど．．．ってないですか？
ここではＴＯＰ用のフリーエリアの設定方法をご説明します♪

わたし、悩んでいました ヽ(`Д´)ﾉ なんでぇ〜！！

未来日付の記事でＴＯＰページらしきものも更新したものの．．．
次々と日々の記事が表示されます。ファンブログでは表示記事数の指定が
出来ないんですね。10件位表示されるのかな？

簡単にいえばブログ記事表示の前に表示されるエリアを作るわけです。
もちろん記事編集のエディタを使用しないので日付表示などはありませんよ。

使い方は色々です、ＴＯＰで常に表示したい内容やブログの紹介文や、
フリーエリアからカテゴリにリンクさせたり。小さめにお知らせエリアにして
いつも通り日々の記事を表示させても良いし、1ページ作成してＴＯＰページのみ
表示させホームページ風にしたりできます。「ねこやしき」は後者ですね　(*゜▽゜*)

【作成は、こちらで〜す　↓↓↓】

はじめにスタイルシート内の記事の設定部分に下記指定をコピペしてください。

スタイルシートへ追記　　　　　　　　　　　　　　　　　　　　メインへ追記
/* ----------------トップフリーエリア設定 */ .free-area { background-color: #eeeeff; border: 1px solid #ccc; padding: 10px 10px 10px; margin: 5px 5px 5px 5px; font-size: 12px; } .free-area p { margin: 0px 0px 10px 0px; } .free-area ul { margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 17px; padding: 0px; } 　　　<!--index_area--> <!-- トップ用フリーエリア --> <div class="free-area"> ここに記事記入して下さいね。 </div> <!-- トップ用フリーエリア END --> <!--/index_area--><br>

フリーエリアの全体は、スタイルシート追記「free-area」 部分で設定します。

＜上記ＨＴＭＬの設定内容＞

background-color: #eeeeff;　→→　全体の背景カラーの設定です。白にするなら #ffffff
border: 1px solid #ccc;　　 →→　フリーエリアの枠線のカラー設定。枠線無しなら省いてOKです。
padding: 10px 10px 10px;　　→→　枠線と中身（記事）の余白設定。
margin: 5px 5px 5px 5px;　　→→　枠線とその周りの余白設定
font-size: 12px;　　　　 　　→→　エリア内の全体で基本の文字サイズ。

.free-area p では段落の行間幅を設定しますが、このままで良いかと。
.free-area ul ではエリア内のリスト指定をしますが、ここではサイズ的な設定のみなのでこのままで。

メインへ追記のコピペ先は、メインの中にある＜!--entry--＞ではじまりブログ記事の設定をしている部分があります。その＜!--entry--＞の真上に追記してください。
＜!--entry--＞より下に追記すると、１記事ごとにフリーエリアが表示されてしまいます。


フリーエリアの中に、スクロール付きテキストエリアを使用したり、
例えば、こんな感じも作れます。↓↓↓

TOP PAGE ここでブログの説明など軽くいっちゃって下さい♪♪ What's New 【お知らせ】などで使用できる、テキストエリアです 　2008/○/×..... 更新しました。 　2008/○/×.....　今日のお得情報。 　 　↑↑↑　こんな感じでＵＰ情報など記入してもＯＫです。 (*´д｀)=з　ごめんなさい．．．テキストエリア内では画像や、ＨＴＭＬが使用できないのです。残念ですが、テキストのみ可能です。