xmas
クリスマス仕様の季節モノです。記事部分は可変。
livedoor Blogですでに配布しているものをFC2用に移植してみました。
プレビュー画像はWinIE6で表示させたときのものです。
他のブラウザでは表示が若干違うかもしれません。
オススメカスタマイズ
クリスマス仕様のデザインですがタイトルやサイドバーなどの画像を違う物に変更すれば季節に関係なく使えると思います。
記事タイトル部
.title{
(中略)
background:url('http://blog-imgs-29.fc2.com/c/i/e/cie/xmas_title.png') no-repeat;
}
サイドメニュータイトル部
.sidetitle{
(中略)
background:url('http://blog-imgs-29.fc2.com/c/i/e/cie/xmas_sidetitle.png') no-repeat;
}
この赤い画像URL部分をお好きなアイコンに変更してみて下さい。
このテンプレートは個人・法人を問わず自由に使用することが出来ますが著作権は放棄しておりません。
※ただしアダルト関係や宗教関係のブログ、公序良俗に反するブログでのご使用はお控えくださいますようお願いいたします。
画像の二次加工やHTML,CSSをカスタマイズしてのご利用はご自由にしてください。
ただし再配布や共有テンプレート化はお控えください。
このテンプレートに関しまして何かご質問などありましたらこちらにどうぞ。
制作環境は以下の通り。
OS：WinXP
ディスプレイ解像度: 1024x786 32bitカラー
ブラウザ：InternetExplorer6、Firefox1.0.7、Opera8.5、Netscape7.1
IE使用時の文字サイズ：中
ＦＣ２ブログでテンプレート、クリスマスをお借りしてるのですが。
Ｍａｃユーザーの方から、
「全体的に文字が右にずれていて、右のメニューバーにかぶっておる感じになってます」
と言われてしまいました・・・・。
デザインすごく気に入ってるので使っていきたいのですが、
なにか対処法などがあれば教えていただきたく
コメントしました。
お手数だとは思いますが、お願いします。
テンプレートのご利用ありがとうございます。[きゃー]
> 全体的に文字が右にずれていて、右のメニューバーにかぶっておる感じになってます
当方macでの詳細な動作確認が取れる環境を持ち合わせていませんのではっきりとした原因はわかりません。[汗]
macユーザーの方の環境にもよると思いますが、今その症状がこちらで確認できないので・・・
すこし考えさせてください。すみません。[しゅん]
私もmacじゃなくて、確認できなくて
なんとも言えず、挙句に知識がないので・・・
ごめんなさいーーーー。
（Safariでは問題ないようでした）
CSSの #content{ }の
margin-right:260px;
ここの赤文字部分を280pxくらいにして保存してもらえれば少しはましになると思います。
ただ他のブラウザで見た時にサイドメニューと記事部分との間の隙間が今までより開いてしまい少しかっこ悪いかもしれません。（特に支障はありませんが）
ありがとうございました★
ライブドアでもお世話になっておりますが、
ＦＣ２用もお借りします。
リンクさせていただこうと思ったのですが、
一度プラグインからリンクを外したらうまく表示されません。
どうにか解決してリンクさせていただきますね。
それと質問なんですが、コメントのツリー化ってできますか？
> コメントのツリー化ってできますか？
えとユーザーフォーラムで検索したら
http://hiyokokun.blog2.fc2.com/blog-entry-106.html
こんな記事が出てきました。
私は試していませんがココを見る限り出来るんじゃないでしょうか。[うんうん]
やっぱり二手間くらいかけなきゃならないのですね。
このままで行くことにします。
お手数をお掛けしてすいませんでした[しゅん]。
リンクはプラグインに非対応みたいだったので、
プラグインを無効にしたら、訳わかんなくなって、
まだ私が非対応です[汗2]
他はなんとかできたんだけどなぁ。
ということで、勉強します[わかば]。
いろいろありがとうございました。
記事本文中だけで良いなら、スタイルシートの
.main a{color:#f11600;text-decoration:none;}
.main a:link{color:#f11600;text-decoration:none;}
.main a:visited{color:#f11600;text-decoration:none;}
この部分を
.main a{color:#00f;text-decoration:none;}
.main a:link{color:#00f;text-decoration:none;}
.main a:visited{color:#00f;text-decoration:none;}
このように変更してください。
