buena suerte!@FC2BLOG

しばらく上に表示させておきます。
最新記事はこの記事より下になります。

ある方から記事エントリーページ(blog-entry-**.html)にアクセスするとブラウザが強制終了するという報告を受けました。
その方に色々と質問して何度も動作確認していただいて確認した所、以下のようなことがわかりました。

• 問題が発生する環境は、Mac OSX 10.4.6(Intel Macではない), Safari 2.0.3で再現性は100%。※OSやSafariのバージョンが低くても発生する可能性もあります。
• ほぼページを読み込んでプログレスバー残り１／５程度のところで問題が発生する。
• Safariのセキュリティ設定にある「ポップアップウィンドウを防ぐ」を オンにしていると問題が発生する。オフだと発生しない。
• User AgentをWindows IE6に偽装させるとたまに(？)表示される。
• Mac版Firefox1.5.0.1では問題は発生しない。
• Firefoxでエントリーページを表示 → ソースを表示して保存 → 保存したhtmlファイルをSafariで開く → 問題が発生する。
• Browsershotsで確認した所、Safariだと落ちる。 →このような感じ。

記事エントリーページにつけているコメント用オリジナル絵文字や、コメントプレビューで使用しているjavascriptが原因の可能性が高いと思っているのですが、同じ(といっても若干違います)javascriptを使っている本家のlivedoorブログでは特に落ちないみたいなんです。
(X)HTMLの記述にしても確認した限りミスもなく、それほど原因になるような所は見受けられませんでした。

コメントのスクリプトを外した状態では問題なくアクセスできるようなので、やはりjavascriptが原因なのかもしれません。
→http://cie.blog11.fc2.com/?style2=woods&no=31

色々と検索などでSafariが落ちる症状がないか調べたりもしましたがいまいち原因がつかめません。
何か情報をお持ちの方がいらっしゃいましたら、コメントでもメールでも構いませんのでご協力頂ければ嬉しいです。
よろしくお願い致します。

関連記事リンク
Safariをお使いの人にお願い。 - buena suerte!
Safariでエントリーページを表示すると強制終了する。 - FC2ブログ ユーザーフォーラム

角丸です。本文とか中のほうはサッパリしすぎかも。
各部に指定されている背景色を変えることで簡単に雰囲気を変えることも出来ます。
*ライブドアからの移植作品です。

上のプレビュー画像はWinIE6で表示させたときのものです。
他のブラウザでは表示が若干違うかもしれません。
» PREVIEW

7/23追記：絵文字に背景色がついてしまっていたので修正しました。

このテンプレートの使用上の注意

それぞれの幅は全体幅900px固定、コンテンツ(記事)部分600px固定、サイドバー部分300px固定です。
全体幅が900pxありますのでSVGA(800x600)の画面の方にはあまりやさしくないです。

おすすめカスタマイズ。

記事のはじめにも書いてありますが、ヘッダ部(黒色)、横カレンダー部(桃色)、コンテンツ部(水色)、サイドバー部(黄色)、フッタ部(緑色)のそれぞれの背景色を変更する事で簡単に雰囲気を変えることが出来ます。
CSSの修正箇所も少なくて簡単なので、配布しているままの色が気に入らなかったり個性を出したい方は挑戦してみてください。

ヘッダ部(黒色)

#banner {
〜
 background-color: #333;
〜
}

横カレンダー部(桃色)

#calendar {
〜
 background-color: #ece;
〜
}

コンテンツ部(水色)

#content {
〜
 background-color: #cee;
〜
}

サイドバー部(黄色)

#links {
〜
 background-color: #eec;
〜
}

フッタ部(緑色)

#footer {
〜
 background-color: #cec;
〜
}

以上に記述したCSSのそれぞれの赤い文字部分をお好みのカラーコードに変更してみてください。 コードについては「カラーコード」「色見本」などで検索すれば参考サイトがたくさん引っ掛かりますのでそちらを参照して下さい。 他の文字色やリンク文字色などは適宜お好きな色へどうぞ。

横カレンダーを消したい場合は #calendar { }中に

display: none;

という一文を入れると消せます。消した方がスマートかも。

使用条件、カスタマイズや加工などについて。

このテンプレートは個人・法人を問わず自由に使用することが出来ますが著作権は放棄しておりません。
※ただしアダルト関係や宗教関係のブログ、公序良俗に反するブログでのご使用はお控えくださいますようお願いいたします。

画像の二次加工やHTML,CSSをカスタマイズしてのご利用はご自由にしてください。
ただし再配布や共有テンプレート化はお控えください。

このテンプレートに関しまして何かご質問などありましたらこちらにどうぞ。

制作環境。

OS：WinXP
ディスプレイ解像度: 1024x786 32bitカラー
ブラウザ：Firefox1.5.0.4、Opera9、InternetExplorer6、Netscape8.1
IE使用時の文字サイズ：中

黒基調のシンプルなリキッドレイアウトデザインです。
シンプルなのでどなたでもお使いになれるかと思います。
*ライブドアからの移植作品です。

上のプレビュー画像はWinIE6で表示させたときのものです。
他のブラウザでは表示が若干違うかもしれません。
» PREVIEW

7/23追記：絵文字に背景色がついてしまっていたので修正しました。

このテンプレートの使用上の注意

全体幅、記事幅、サイドバー幅ともに可変ですので、ブラウザの幅に合わせて変化します。
余りにも幅を小さくしすぎるとデザインが崩れてしまうこともあります。

画像にリンクを貼ると下に点線が入ってしまうのは仕様です。
取り除くには少々面倒ですが

<a href="URI" class="img"><img src="URI" alt="Image" /></a>

というように画像タグを囲っているリンクタグにクラスを指定してあげると表示されなくなります。

このテンプレートは個人・法人を問わず自由に使用することが出来ますが著作権は放棄しておりません。
※ただしアダルト関係や宗教関係のブログ、公序良俗に反するブログでのご使用はお控えくださいますようお願いいたします。

画像の二次加工やHTML,CSSをカスタマイズしてのご利用はご自由にしてください。
ただし再配布や共有テンプレート化はお控えください。

このテンプレートに関しまして何かご質問などありましたらこちらにどうぞ。

制作環境は以下の通り。
OS：WinXP
ディスプレイ解像度: 1024x786 32bitカラー
ブラウザ：Firefox1.5.0.4、Opera9、InternetExplorer6、Netscape8.1
IE使用時の文字サイズ：中

Firefoxのビジュアルテーマのplastikfoxを参考にさせて頂いて作ってみました。
plastikfoxとは全く違うものになってしまいましたが、なんとかきれいに収まったと思います。
今回もライブドアからの移植作品です。

上のプレビュー画像はWinIE6で表示させたときのものです。
他のブラウザでは表示が若干違うかもしれません。
» PREVIEW

2006.05.08 追記: 記事一覧に対応しました。

このテンプレートの使用上の注意

それぞれの幅は全体幅900px固定、コンテンツ(記事)部分600px固定、サイドバー260px固定です。
全体幅が900pxありますのでSVGA(800x600)の画面の方にはやさしくありません。
モダンブラウザでご覧になるほうが色々といいかも。

このテンプレートは個人・法人を問わず自由に使用することが出来ますが著作権は放棄しておりません。
※ただしアダルト関係や宗教関係のブログ、公序良俗に反するブログでのご使用はお控えくださいますようお願いいたします。

画像の二次加工やHTML,CSSをカスタマイズしてのご利用はご自由にしてください。
ただし再配布や共有テンプレート化はお控えください。

このテンプレートに関しまして何かご質問などありましたらこちらにどうぞ。

制作環境は以下の通り。
OS：WinXP
ディスプレイ解像度: 1024x786 32bitカラー
ブラウザ：InternetExplorer6、Firefox1.5.0.2、Opera8.53、Netscape8.1
IE使用時の文字サイズ：中

すべてのテンプレートのフォントサイズを少し修正させて頂きました。

この修正でIEの文字サイズを「中」以外でブラウズした時、文字サイズが大きく変わってしまっていた症状が解消されます。
こちらの症状が気になっていた方は再度ダウンロードして頂ければ幸いです。

今年はコレで最後になりますが、来年も引き続きよろしくお願い致します。
では皆様よいお年を。