その数50以上
しかも以前ならば最新記事を狙って来た物ですが、今回は過去の記事から最新の記事までまんべんなく。
１記事に付き２〜３個づつ付いていますね〜
やつはニュータイプなのか！TB
Seesaaブログをひたすらカスタマイズし続けるブログ
最近のコメント
Seesaaでカテゴリ別新着リストを作る！ by 紫猫 (12/17)
Seesaaでカテゴリ別新着リストを作る！ by チャレンギャー (12/17)
Seesaaでカテゴリ別新着リストを作る！ by 紫猫 (12/17)
カスタマイズに関する質問コーナー by チャレンギャー (12/14)
カスタマイズに関する質問コーナー by 小林 (12/14)
Seesaaでカテゴリ別新着リストを作る！ by チャレンギャー (12/17)
Seesaaでカテゴリ別新着リストを作る！ by 紫猫 (12/17)
カスタマイズに関する質問コーナー by チャレンギャー (12/14)
カスタマイズに関する質問コーナー by 小林 (12/14)
最近のトラックバック
カテゴリ別新着記事リスト
08/19
カスタマイズに関する質問コーナー
11/15
メインのブロックにコンテンツを並列に並べてみる。
09/11
機能追加２
08/29
機能追加
08/26
TBスパムフィルター（但し手動）の使い方
08/26
TBスパムフィルター（但し手動）
08/23
シークレットコメントver.3の使い方
08/23
シークレットコメントver.3
07/24
Seesaaでカテゴリ別新着リストを作る！
07/21
シークレットコメント第２弾
07/19
Seesaaでシークレットコメント
07/06
4カラムテンプレートにヘッダ付き
06/24
スペース不足解消 ４カラムテンプレート
12/20
トラックバックボム
09/22
Seesaaメンテナンス
08/21
トラックバックについて
08/12
「まめログ」すべて公開
08/03
まめログ２
07/19
非公開コメント公開実験
06/29
やっちまったよ・・・・
メインのブロックにコンテンツを並列に並べてみる。
カスタマイズに関する質問コーナーにて、こんな質問を貰ったのでやってみます。
続きを読む
質問させていただきます｡
コンテンツの"新着記事"を､｢メイン｣のエリアに他のコンテンツと並列に置きたいのですが可能でしょうか？
例えば､｢メイン｣エリアへ"新着記事"と"ブログクリック"を表示順を同じ"50"で表示させた場合､"新着記事"の下に"ブログクリック"が表示されてしまいます｡
これを､メインエリア左側に"新着記事"右側に"ブログクリック"のようにしたいのです｡
自由形式を介して"新着記事"を表示することが出来ればTABLEを使えそうですが､いかがでしょうか？
よろしくお願いいたします｡
続きを読む
2005/11/15/
13:11
| カスタマイズ
Seesaaメンテナンス
9月27日(火)にSeesaaがメンテナンスをするようです。
Seesaaからのお知らせ
このメンテナンスにより
という事で、これまでに紹介して来た、
シークレットコメント関連
TBスパムフィルター関連
のカスタマイズが使用出来なくなる事が予想されます。
（メンテナンス後どのような状況になるのかは不明ですが、これらのカスタマイズをされた方は注意が必要です。）
続きを読む
Seesaaからのお知らせ
このメンテナンスにより
■ Seesaa ブログ、コメント/トラックバックスパム対策を強化
本メンテナンス後、Seesaa ブログのコメント/トラックバックスパム対策が強化されます。
これまで、コメントスパムに対しては禁止IPの設定、トラックバックスパムに対しては禁止URLの指定が可能でしたが、本メンテナンス後はコメント/トラックバック共に「禁止IP」、「禁止URL」、「禁止WORD」の指定が可能となるほか、ブログ管理者による承認機能が追加されます。
コメント/トラックバック承認機能は、いったん受けつつけたコメント/トラックバックをブログ管理者が表示の可否を選択できる機能となっております。
という事で、これまでに紹介して来た、
シークレットコメント関連
TBスパムフィルター関連
のカスタマイズが使用出来なくなる事が予想されます。
（メンテナンス後どのような状況になるのかは不明ですが、これらのカスタマイズをされた方は注意が必要です。）
続きを読む
2005/09/22/
01:50
| 日記
機能追加２
TBスパムフィルターとシークレットコメントVer.3の追加機能です。
このカスタマイズで最近のコメント、最近のトラックバックのコンテンツを対応させます。
サイドバーに上記のコンテンツを表示させたい時は、このカスタマイズをして下さい。続きを読む
このカスタマイズで最近のコメント、最近のトラックバックのコンテンツを対応させます。
サイドバーに上記のコンテンツを表示させたい時は、このカスタマイズをして下さい。続きを読む
2005/09/11/
03:20
| カスタマイズ
機能追加
シークレットコメントに機能を追加しました。
シークレットコメント機能に付いては、シークレットコメントver.3をご覧下さい。
今回の追加された機能は、コメント非表示機能です。
その記事へのコメントをすべて非表示にすることが出来ます。
（コメントの受付はします。）
必要な方は、お試し下さい。
続きを読む
シークレットコメント機能に付いては、シークレットコメントver.3をご覧下さい。
今回の追加された機能は、コメント非表示機能です。
その記事へのコメントをすべて非表示にすることが出来ます。
（コメントの受付はします。）
必要な方は、お試し下さい。
続きを読む
2005/08/29/
17:31
| カスタマイズ
TBスパムフィルター（但し手動）
以前も書いた様に、最近トラックバックスパムが増えています。
有効なTBはたま〜にしか無いのに、スパムは１日何件も・・・
そこで、管理者が一度チェックしてから公開出来る様にしてみました。
（手動ですので、TBが少ないブログじゃないとかえって手間が掛かりますが）
という事で、TB頂いた時は反映されるまで、少々時間が掛かりますがご了承下さい。
TBスバムにお困りの方いらっしゃいましたら一度お試し下さい。
続きを読む
有効なTBはたま〜にしか無いのに、スパムは１日何件も・・・
そこで、管理者が一度チェックしてから公開出来る様にしてみました。
（手動ですので、TBが少ないブログじゃないとかえって手間が掛かりますが）
という事で、TB頂いた時は反映されるまで、少々時間が掛かりますがご了承下さい。
TBスバムにお困りの方いらっしゃいましたら一度お試し下さい。
続きを読む
13:14
| カスタマイズ
シークレットコメントver.3
以前にやったシークレットコメント１回目と２回目では、
「携帯サイトからは丸見えなんですけど
」
という、かなり致命的な問題点が有りました。
でも、どうにもならんからほっとくか・・・
ということで、放置していたんですが
ふと思いついたので、もう一度改造してみました。（まだ問題点はありますが、なんとか使えそうな気がします。）
続きを読む
「携帯サイトからは丸見えなんですけど
」という、かなり致命的な問題点が有りました。
でも、どうにもならんからほっとくか・・・
ということで、放置していたんですが
ふと思いついたので、もう一度改造してみました。（まだ問題点はありますが、なんとか使えそうな気がします。）
続きを読む
17:31
| カスタマイズ
トラックバックについて
最近、最新記事のトラックバックを許可しない設定にしています。
これは、最近増えて来たトラックバックスパムに対応する為です。
もはや、その都度手作業で消して行くのが不可能な状況になっておりますので、この様な措置を取っています。
ご了承下さい。続きを読む
これは、最近増えて来たトラックバックスパムに対応する為です。
もはや、その都度手作業で消して行くのが不可能な状況になっておりますので、この様な措置を取っています。
ご了承下さい。続きを読む
2005/08/21/
03:48
| 日記
カスタマイズに関する質問コーナー
こんな事したいけどどうやってやるの？
やってみたけど上手くいかない。
等々、カスタマイズやスタイルシートの疑問は、ここにコメントしてみて下さい。
出来る範囲でですが解決のお手伝いをさせてもらいます。
※質問内容を、記事にさせて頂く事が有りますのでご了承下さい。
※回答までに時間のかかる事が有ります。
やってみたけど上手くいかない。
等々、カスタマイズやスタイルシートの疑問は、ここにコメントしてみて下さい。
出来る範囲でですが解決のお手伝いをさせてもらいます。
※質問内容を、記事にさせて頂く事が有りますのでご了承下さい。
※回答までに時間のかかる事が有ります。
2005/08/19/
23:37
| Q&A
「まめログ」すべて公開
前回スタイルシートを別のブログに上書きしてしまったりという失敗をしてからバックアップは大切だね！と思いながら、何にもしてなかったりするのですが、
けっこうめんどいのよ！これが。
なんせHTMLやらコンテンツやら全部バラバラだし。
こんな感じで、全部一覧に出来る機能付けてくれないかな〜＞seesaaさん？
という訳で、バックアップも兼ねてまめログの中身全部公開してみます。
何かの参考にしてみて下さい（何の参考にもならんと思うけど・・・）続きを読む
けっこうめんどいのよ！これが。
なんせHTMLやらコンテンツやら全部バラバラだし。
こんな感じで、全部一覧に出来る機能付けてくれないかな〜＞seesaaさん？
という訳で、バックアップも兼ねてまめログの中身全部公開してみます。
何かの参考にしてみて下さい（何の参考にもならんと思うけど・・・）続きを読む
2005/08/12/
14:49
| 日記
Seesaaでカテゴリ別新着リストを作る！
今まで追記を使わずにやって来た訳ですが、記事にソースを入れたりしていると、異常に長くなってしまったりする訳です。
そこで、とうとう追記を使う事にしました。（他のカスタマイズの為に取っておこうと思ったんですが・・・）
ついでにTOPをもう少し見やすくしてみようと言う事で、新着記事をカテゴリ別に表示してみました。
さっそくやってみましょう！続きを読む
そこで、とうとう追記を使う事にしました。（他のカスタマイズの為に取っておこうと思ったんですが・・・）
ついでにTOPをもう少し見やすくしてみようと言う事で、新着記事をカテゴリ別に表示してみました。
さっそくやってみましょう！続きを読む
2005/07/24/
02:44
| カスタマイズ
シークレットコメント第２弾
前回の記事で記事毎にコメントの公開or非公開に出来るカスタマイズをしたんですが、
やっぱりコメント毎に選択出来る方が良いというご意見を頂きました。
でっ！色々考えてみた所・・・
出来ました〜！
という訳でさっそく始めましょう。
（なお、このカスタマイズで不都合が起こっても当サイトでは一切責任を負いません、ご了承下さい。）
記載間違えや、不具合が有るかもしれません気付いた方は、非公開コメントでご指摘下さい（笑）
携帯サイトの方からは、見えてしまう事が発覚しました。今の所対応不可能です。
新しくなったシークレットコメントVer.3をご利用下さい
続きを読む
やっぱりコメント毎に選択出来る方が良いというご意見を頂きました。
でっ！色々考えてみた所・・・
出来ました〜！
（なお、このカスタマイズで不都合が起こっても当サイトでは一切責任を負いません、ご了承下さい。）
記載間違えや、不具合が有るかもしれません気付いた方は、非公開コメントでご指摘下さい（笑）
携帯サイトの方からは、見えてしまう事が発覚しました。今の所対応不可能です。
新しくなったシークレットコメントVer.3をご利用下さい
続きを読む
2005/07/21/
04:14
| カスタマイズ
4カラムテンプレートにヘッダ付き
前回の4カラムテンプレートにヘッダを付けてみました。
多少は使える様になったでしょうか？
もし使いたい方いらっしゃいましたらご自由にどうぞ！
サンプルはこちらです。
クリックで大きくなります。
でっ！ソースはこちら
body {
margin: 0px auto 10px auto;
padding:0px;
text-align:center;
color:#000;
width:800px;
background-color:#000;
font-size:12px;
background-image:url(../image/bg.gif);
background-repeat:repeat-y;
background-position : center;
}
a{
text-decoration:underline;
color:#333;
}
a:hover{
color:#f00;
text-decoration:none;
}
#banner{
width:800px;
background-color:#ccc;
}
#content{
padding-top:3px;
float:left;
width:400px;
margin-left:3px;
}
#links-left{
width:130px;
float:left;
}
#links{
padding-top:3px;
width:130px;
float:left;
margin-left:2px;
}
#footer{
padding-top:3px;
width:130px;
float:left;
margin-left:1px;
}
h1 {
margin:0px;
padding:15px 5px;
font-size:18px;
font-weight:bolder;
}
h1 a{
text-decoration:none;
}
h2 {
margin:0px;
padding:0px;
}
h3 {
font-size:16px;
padding:0px;
margin:0px;
}
.description {
display:block;
padding:5px 0px;
font-weight:bolder;
}
.navi {
text-align:center;
padding:0px 0px 5px 0px;
}
.blog {
margin:0px 0px 10px 0px;
text-align:left;
background-color:#bbb;
}
.blogbody {
background-color:#ddd;
margin:0px 5px;
}
.date{
color:#fff;
padding:5px 0px 0px 5px;
font-size: 12px;
}
.title{
font-weight:bolder;
padding:5px 0px 0px 0px;
}
.title a{
text-decoration: none;
}
.text{
font-size: 12px;
padding:5px 0px;
background-color:#eee;
margin:0px 2px 2px 2px;
}
.posted{
color:#fff;
font-size: 10px;
padding:0px;
text-align:right;
background-color:#bbb;
}
.posted a{
color:#fff;
}
.posted a:hover{
color:#f00;
}
#comments input{
max-width:250px;
}
#comments textarea{
max-width:400px;
}
.comments-head{
padding:5px 0px;
}
.comments-body {
}
.comments-post{
font-size: 10px;
text-align:right;
}
#trackback {
text-align:left;
}
.sidetitle {
font-weight:bolder;
padding:5px 0px 0px 0px;
background-color:#eee;
margin:0px 2px;
}
.side {
font-weight:normal;
line-height:1.2em;
padding:0px;
margin:5px 2px 10px 2px;
text-align:left;
}
#calendar {
width:126px;
margin:0px 2px 5px 2px;
padding:0px 0px 2px 0px;
background-color:#eee;
}
#calendar table {
width:122px;
margin:0px 2px;
}
#calendar th{
padding:5px 1px 0px 0px;
color:#555;
font-weight:bord;
background-color:#ddd;
}
#calendar td{
color:#fff;
background-color:#bbb;
padding:0px 1px 0px 0px;
}
.calendarhead {
padding:5px 0px 0px 0px;
text-align:center;
}
.syndicate {
font-size:10px;
}
input{
max-width:120px;
}
#diet-container{
padding:5px;
}
.diet-title{
padding:2px 10px 2px 5px;
width:90px;
margin-top:5px;
}
.diet-content{
padding-left:10px;
}
#diet-foods{
padding-left:10px;
}
.food-title{
width:20%;
clear:left;
float:left;
}
.food-content{
width:75%;
padding-top:10px;
}
これをコピーしてスタイルシートにペーストして下さい。
更に
背景用画像
をダウンロードしてファイルマネージャーでアップロードして下さい。
以上で完了です。
新たに出来たサイドバーには、フッタ部分のコンテンツが配置されますので、好きな様に配置し直して下さい。
（なお、このカスタマイズで不都合が起こっても当サイトでは一切責任を負いません、ご了承下さい）
ご利用は無料です。
感想等お聞かせ下さい。
多少は使える様になったでしょうか？
もし使いたい方いらっしゃいましたらご自由にどうぞ！
サンプルはこちらです。
クリックで大きくなります。
でっ！ソースはこちら
body {
margin: 0px auto 10px auto;
padding:0px;
text-align:center;
color:#000;
width:800px;
background-color:#000;
font-size:12px;
background-image:url(../image/bg.gif);
background-repeat:repeat-y;
background-position : center;
}
a{
text-decoration:underline;
color:#333;
}
a:hover{
color:#f00;
text-decoration:none;
}
#banner{
width:800px;
background-color:#ccc;
}
#content{
padding-top:3px;
float:left;
width:400px;
margin-left:3px;
}
#links-left{
width:130px;
float:left;
}
#links{
padding-top:3px;
width:130px;
float:left;
margin-left:2px;
}
#footer{
padding-top:3px;
width:130px;
float:left;
margin-left:1px;
}
h1 {
margin:0px;
padding:15px 5px;
font-size:18px;
font-weight:bolder;
}
h1 a{
text-decoration:none;
}
h2 {
margin:0px;
padding:0px;
}
h3 {
font-size:16px;
padding:0px;
margin:0px;
}
.description {
display:block;
padding:5px 0px;
font-weight:bolder;
}
.navi {
text-align:center;
padding:0px 0px 5px 0px;
}
.blog {
margin:0px 0px 10px 0px;
text-align:left;
background-color:#bbb;
}
.blogbody {
background-color:#ddd;
margin:0px 5px;
}
.date{
color:#fff;
padding:5px 0px 0px 5px;
font-size: 12px;
}
.title{
font-weight:bolder;
padding:5px 0px 0px 0px;
}
.title a{
text-decoration: none;
}
.text{
font-size: 12px;
padding:5px 0px;
background-color:#eee;
margin:0px 2px 2px 2px;
}
.posted{
color:#fff;
font-size: 10px;
padding:0px;
text-align:right;
background-color:#bbb;
}
.posted a{
color:#fff;
}
.posted a:hover{
color:#f00;
}
#comments input{
max-width:250px;
}
#comments textarea{
max-width:400px;
}
.comments-head{
padding:5px 0px;
}
.comments-body {
}
.comments-post{
font-size: 10px;
text-align:right;
}
#trackback {
text-align:left;
}
.sidetitle {
font-weight:bolder;
padding:5px 0px 0px 0px;
background-color:#eee;
margin:0px 2px;
}
.side {
font-weight:normal;
line-height:1.2em;
padding:0px;
margin:5px 2px 10px 2px;
text-align:left;
}
#calendar {
width:126px;
margin:0px 2px 5px 2px;
padding:0px 0px 2px 0px;
background-color:#eee;
}
#calendar table {
width:122px;
margin:0px 2px;
}
#calendar th{
padding:5px 1px 0px 0px;
color:#555;
font-weight:bord;
background-color:#ddd;
}
#calendar td{
color:#fff;
background-color:#bbb;
padding:0px 1px 0px 0px;
}
.calendarhead {
padding:5px 0px 0px 0px;
text-align:center;
}
.syndicate {
font-size:10px;
}
input{
max-width:120px;
}
#diet-container{
padding:5px;
}
.diet-title{
padding:2px 10px 2px 5px;
width:90px;
margin-top:5px;
}
.diet-content{
padding-left:10px;
}
#diet-foods{
padding-left:10px;
}
.food-title{
width:20%;
clear:left;
float:left;
}
.food-content{
width:75%;
padding-top:10px;
}
これをコピーしてスタイルシートにペーストして下さい。
更に
背景用画像
をダウンロードしてファイルマネージャーでアップロードして下さい。
以上で完了です。
新たに出来たサイドバーには、フッタ部分のコンテンツが配置されますので、好きな様に配置し直して下さい。
（なお、このカスタマイズで不都合が起こっても当サイトでは一切責任を負いません、ご了承下さい）
ご利用は無料です。
感想等お聞かせ下さい。
2005/07/06/
23:31
| 売れないテンプレート屋さん
やっちまったよ・・・・
seesaaブログの良い所は、複数ブログの管理が簡単！という事です。
それはもう簡単なので、思わずいっぱいブログを作ってしまう訳です。
そしてもう一つの良い所は、カスタマイズの自由度が非常に高いという事です。
それはもういじり倒してしまう訳です。
ただ、今の欠点としては、とっても重い事です。
更新やカスタマイズをしようとすると、とってもいらいらしちゃうわけです。
この長所と短所が組み合わせるととっても恐ろしい事が起きてしまいます。
私は、seesaaで数個のブログを作っているのですが、常にどこかちょこちょこ改造していたりします。
私はファイアーフォックスのプラグインを使ってCSSの編集をするのですが、編集が終わるとすべてをコピペして上書きするようにしていました。
昨日も、ちょこっといじったのでいつものようにコピペ・・・・・・
・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
別のブログのCSSをまめログに上書きしてしまいましたorz
切り替えたつもりが、seesaaの重さのおかげで切り替わっていないままやっちまったようです。
さらに追い打ちをかけるように有る事実が判明！
バックアップ取ってね〜
という事で、バックアップはしっかりとっておきましょうね！！という教訓でした。
そういう訳でまめログ・・・暫くの間ひどい状態になります。
それはもう簡単なので、思わずいっぱいブログを作ってしまう訳です。
そしてもう一つの良い所は、カスタマイズの自由度が非常に高いという事です。
それはもういじり倒してしまう訳です。
ただ、今の欠点としては、とっても重い事です。
更新やカスタマイズをしようとすると、とってもいらいらしちゃうわけです。
この長所と短所が組み合わせるととっても恐ろしい事が起きてしまいます。
私は、seesaaで数個のブログを作っているのですが、常にどこかちょこちょこ改造していたりします。
私はファイアーフォックスのプラグインを使ってCSSの編集をするのですが、編集が終わるとすべてをコピペして上書きするようにしていました。
昨日も、ちょこっといじったのでいつものようにコピペ・・・・・・
・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・
別のブログのCSSをまめログに上書きしてしまいましたorz
切り替えたつもりが、seesaaの重さのおかげで切り替わっていないままやっちまったようです。
さらに追い打ちをかけるように有る事実が判明！
バックアップ取ってね〜
という事で、バックアップはしっかりとっておきましょうね！！という教訓でした。
そういう訳でまめログ・・・暫くの間ひどい状態になります。
2005/06/29/
13:51
| 日記
スペース不足解消 ４カラムテンプレート
サイドバーのスペースが足りないよ〜と悩むあなたに贈る４カラムテンプレートはいかがですか？
テンプレート公開第一弾をお届けします。
使えるか使えないかはともかく４カラムです。
今回はCSSのみで作っているのでコピペのみで使えます。
まずは、サンプルをご覧下さい。
クリックで大きくなります。
ソースはこちら
body {
margin:0px;
padding:0px;
text-align:center;
color:#000;
background-color:#eee;
font-size:12px;
}
a{
text-decoration:underline;
color:#333;
}
a:hover{
color:#f00;
text-decoration:none;
}
#container{
text-align:center;
margin: 10px auto 10px auto;
padding-top:10px;
width:793px;
background-image:url(../image/bg.gif);
background-repeat:repeat;
}
#banner{
float:left;
width:130px;
}
#content{
float:left;
width:400px;
}
#links-left{
width:130px;
float:left;
}
#links{
width:130px;
float:left;
}
#footer{
clear:left;
padding:5px 0px; 5px 0px;
background-color:#ccc;
}
h1 {
margin:0px;
padding:15px 5px;
font-size:18px;
font-weight:bolder;
}
h1 a{
text-decoration:none;
}
h2 {
margin:0px;
padding:0px;
}
h3 {
font-size:16px;
padding:0px;
margin:0px;
}
.description {
display:block;
padding:5px 0px;
font-weight:bolder;
}
.navi {
text-align:center;
padding:0px 0px 5px 0px;
}
.blog {
margin:0px 0px 10px 0px;
text-align:left;
background-color:#bbb;
}
.blogbody {
background-color:#ddd;
margin:0px 5px;
}
.date{
color:#fff;
padding:5px 0px 0px 5px;
font-size: 12px;
}
.title{
font-weight:bolder;
padding:5px 0px 0px 0px;
}
.title a{
text-decoration: none;
}
.text{
font-size: 12px;
padding:5px 0px;
background-color:#eee;
margin:0px 2px 2px 2px;
}
.posted{
color:#fff;
font-size: 10px;
padding:0px;
text-align:right;
background-color:#bbb;
}
.posted a{
color:#fff;
}
.posted a:hover{
color:#f00;
}
#comments input{
max-width:250px;
}
#comments textarea{
max-width:400px;
}
.comments-head{
padding:5px 0px;
}
.comments-body {
}
.comments-post{
font-size: 10px;
text-align:right;
}
#trackback {
text-align:left;
}
.sidetitle {
font-weight:bolder;
padding:5px 0px 0px 0px;
background-color:#eee;
margin:0px 2px;
}
.side {
font-weight:normal;
line-height:1.2em;
padding:0px;
margin:5px 2px 10px 2px;
text-align:left;
}
#calendar {
width:126px;
margin:0px 2px 5px 2px;
padding:0px 0px 2px 0px;
background-color:#eee;
}
#calendar table {
width:122px;
margin:0px 2px;
}
#calendar th{
padding:5px 1px 0px 0px;
color:#555;
font-weight:bord;
background-color:#ddd;
}
#calendar td{
color:#fff;
background-color:#bbb;
padding:0px 1px 0px 0px;
}
.calendarhead {
padding:5px 0px 0px 0px;
text-align:center;
}
.syndicate {
font-size:10px;
}
input{
max-width:120px;
}
#diet-container{
padding:5px;
}
.diet-title{
padding:2px 10px 2px 5px;
width:90px;
margin-top:5px;
}
.diet-content{
padding-left:10px;
}
#diet-foods{
padding-left:10px;
}
.food-title{
width:20%;
clear:left;
float:left;
}
.food-content{
width:75%;
padding-top:10px;
}
これをコピーしてスタイルシートにペーストして下さい。
更に
背景用画像
をダウンロードしてファイルマネージャーでアップロードして下さい。
以上で完了です。
新たに出来たサイドバーには、トップ部分のコンテンツが配置されますので、好きな様に配置し直して下さい。
（なお、このカスタマイズで不都合が起こっても当サイトでは一切責任を負いません、ご了承下さい）
ご利用は無料です。
感想等お聞かせ下さい。
テンプレート公開第一弾をお届けします。
使えるか使えないかはともかく４カラムです。
今回はCSSのみで作っているのでコピペのみで使えます。
まずは、サンプルをご覧下さい。
クリックで大きくなります。
ソースはこちら
body {
margin:0px;
padding:0px;
text-align:center;
color:#000;
background-color:#eee;
font-size:12px;
}
a{
text-decoration:underline;
color:#333;
}
a:hover{
color:#f00;
text-decoration:none;
}
#container{
text-align:center;
margin: 10px auto 10px auto;
padding-top:10px;
width:793px;
background-image:url(../image/bg.gif);
background-repeat:repeat;
}
#banner{
float:left;
width:130px;
}
#content{
float:left;
width:400px;
}
#links-left{
width:130px;
float:left;
}
#links{
width:130px;
float:left;
}
#footer{
clear:left;
padding:5px 0px; 5px 0px;
background-color:#ccc;
}
h1 {
margin:0px;
padding:15px 5px;
font-size:18px;
font-weight:bolder;
}
h1 a{
text-decoration:none;
}
h2 {
margin:0px;
padding:0px;
}
h3 {
font-size:16px;
padding:0px;
margin:0px;
}
.description {
display:block;
padding:5px 0px;
font-weight:bolder;
}
.navi {
text-align:center;
padding:0px 0px 5px 0px;
}
.blog {
margin:0px 0px 10px 0px;
text-align:left;
background-color:#bbb;
}
.blogbody {
background-color:#ddd;
margin:0px 5px;
}
.date{
color:#fff;
padding:5px 0px 0px 5px;
font-size: 12px;
}
.title{
font-weight:bolder;
padding:5px 0px 0px 0px;
}
.title a{
text-decoration: none;
}
.text{
font-size: 12px;
padding:5px 0px;
background-color:#eee;
margin:0px 2px 2px 2px;
}
.posted{
color:#fff;
font-size: 10px;
padding:0px;
text-align:right;
background-color:#bbb;
}
.posted a{
color:#fff;
}
.posted a:hover{
color:#f00;
}
#comments input{
max-width:250px;
}
#comments textarea{
max-width:400px;
}
.comments-head{
padding:5px 0px;
}
.comments-body {
}
.comments-post{
font-size: 10px;
text-align:right;
}
#trackback {
text-align:left;
}
.sidetitle {
font-weight:bolder;
padding:5px 0px 0px 0px;
background-color:#eee;
margin:0px 2px;
}
.side {
font-weight:normal;
line-height:1.2em;
padding:0px;
margin:5px 2px 10px 2px;
text-align:left;
}
#calendar {
width:126px;
margin:0px 2px 5px 2px;
padding:0px 0px 2px 0px;
background-color:#eee;
}
#calendar table {
width:122px;
margin:0px 2px;
}
#calendar th{
padding:5px 1px 0px 0px;
color:#555;
font-weight:bord;
background-color:#ddd;
}
#calendar td{
color:#fff;
background-color:#bbb;
padding:0px 1px 0px 0px;
}
.calendarhead {
padding:5px 0px 0px 0px;
text-align:center;
}
.syndicate {
font-size:10px;
}
input{
max-width:120px;
}
#diet-container{
padding:5px;
}
.diet-title{
padding:2px 10px 2px 5px;
width:90px;
margin-top:5px;
}
.diet-content{
padding-left:10px;
}
#diet-foods{
padding-left:10px;
}
.food-title{
width:20%;
clear:left;
float:left;
}
.food-content{
width:75%;
padding-top:10px;
}
これをコピーしてスタイルシートにペーストして下さい。
更に
背景用画像
をダウンロードしてファイルマネージャーでアップロードして下さい。
以上で完了です。
新たに出来たサイドバーには、トップ部分のコンテンツが配置されますので、好きな様に配置し直して下さい。
（なお、このカスタマイズで不都合が起こっても当サイトでは一切責任を負いません、ご了承下さい）
ご利用は無料です。
感想等お聞かせ下さい。
2005/06/24/
19:05
| 売れないテンプレート屋さん
