Entries
色々気になる
小心者な私としては納品済みのテンプレをどれだけの人が使っているのかが気になるのです。FC2ブログトップに掲載されている新着ブログなどをたまにチェックするのですが、自分のテンプレを使ってくれている人や改造の踏み台にしてくれる人を見るとほくそ笑んでしまうわけです。小市民的ですね。
先ほど偶然友人の女の子がCFDN製のテンプレを使っていてくれているのを発見しました。シンプルでかわいいと感想まで書いてあって上機嫌な私。単純です。
10件のコメント
[C13] テンプレート
こんにちは。
デザインが一番好きなので「ｃｆｄｎ_ｐ」を色を変更して使っています。色はオリーブを基本にしましたがピンクも可愛らしくて好きなんですよ、ホントは。
あちこちいじってみてはやり直し、の繰り返しですがそれがだんだん面白くなってきたりして（笑）
このサイトのデザインも好きなんです。でも１アドレス１個のサイトですもんね。。残念！！
新しいデザインを見るのも楽しみのひとつです。
頑張ってくださいね。
デザインが一番好きなので「ｃｆｄｎ_ｐ」を色を変更して使っています。色はオリーブを基本にしましたがピンクも可愛らしくて好きなんですよ、ホントは。
あちこちいじってみてはやり直し、の繰り返しですがそれがだんだん面白くなってきたりして（笑）
このサイトのデザインも好きなんです。でも１アドレス１個のサイトですもんね。。残念！！
新しいデザインを見るのも楽しみのひとつです。
頑張ってくださいね。
- 2004-11-25
- 編集
[C15] こんにちは
こんにちは。
うちのテンプレ愛用して下さっているようでありがとうございます。
前景色などが改造されていてオリジナリティを出していますね。作者としても色々と改造して使ってもらえれば嬉しいです。
新しいデザインも本決定ではないのですが、2本ほど追加出来るかもしれません。本決定しましたらお知らせしますので、お楽しみに。
うちのテンプレ愛用して下さっているようでありがとうございます。
前景色などが改造されていてオリジナリティを出していますね。作者としても色々と改造して使ってもらえれば嬉しいです。
新しいデザインも本決定ではないのですが、2本ほど追加出来るかもしれません。本決定しましたらお知らせしますので、お楽しみに。
- 2004-11-26
- 編集
[C19] 質問なんですが・・・
初めまして。掲示板に書いたのですが、どうも文字化けしてしまって・・・
こちらにお邪魔して次第です。もし、これも文字化けしているようでしたら・・・削除願いますm(_ _"m)ﾍﾟｺﾘ
既出を検索かけて、自分の設定を見直したのですが、解決しませんので、質問させていただきます。
背景画像を固定し、文字のみをスクロールさせたくて、以下のタグを埋め込みました。
div#wrapper {
width : 740px;
margin : 0 auto;
background:#fff;
background-image: url(http://blog2.fc2.com/m/oooooo/file/oooooo.jpg);
background-attachment: fixed;
background-position: 0% 100%;
background-repeat: no-repeat;
}
その上で確認すると、確かに左下に背景固定されてるのですが、
開いた画面の左下ではなく、Blog全体の左下になってしまい、
文字だけのスクロールになっていません。
タグがまちがって要るのか、他も直さないといけないのかが解らなくて、
質問させていただきました。
ご指導宜しくお願いします。
尚、使用テンプレートはcfdn_pです。
こちらにお邪魔して次第です。もし、これも文字化けしているようでしたら・・・削除願いますm(_ _"m)ﾍﾟｺﾘ
既出を検索かけて、自分の設定を見直したのですが、解決しませんので、質問させていただきます。
背景画像を固定し、文字のみをスクロールさせたくて、以下のタグを埋め込みました。
div#wrapper {
width : 740px;
margin : 0 auto;
background:#fff;
background-image: url(http://blog2.fc2.com/m/oooooo/file/oooooo.jpg);
background-attachment: fixed;
background-position: 0% 100%;
background-repeat: no-repeat;
}
その上で確認すると、確かに左下に背景固定されてるのですが、
開いた画面の左下ではなく、Blog全体の左下になってしまい、
文字だけのスクロールになっていません。
タグがまちがって要るのか、他も直さないといけないのかが解らなくて、
質問させていただきました。
ご指導宜しくお願いします。
尚、使用テンプレートはcfdn_pです。
- 2004-12-10
- 編集
[C20] 背景画像の固定について
こんにちは。
まず、背景を固定する場合はwrapperではなく、body要素に対して対応するスタイルを与えて下さい。
wrapperは仮想的にカラムを作り出すために回り込みを利用しています。回り込みには幅を固定する必要があるので与えてある要素です。
みんとさんのサイトURLが記述されていないので、実際にどういったデザインなのかがピンとこないのですが、body要素に対して背景のスタイルを与えるという事でお試し下さい。
差し支えなければサイトのURLをお知らせ下さい。もう少し立ち入った説明が出来るかもしれません。
一般公開することに差し支えがあれば、管理者だけに表示を許可するボタンにチェックして戴ければ私だけが閲覧出来ます。
アドレスなどは秘密厳守しますので、宜しければご利用下さい。
以下追記です。
みんとさん、レス確認しました。
まず確認したいのですが、ご使用のブラウザはIEでしょうか？
多分Windows版IEであろうと推測して下記の記事を書きます。
改造で使用しているbackground-attachment:fixedですが、これが今回のポイントです。
本来、CSSではbody要素だけでなく全ての要素に対して背景を設定出来ます。当然、背景に対するプロパティであるbackground-attachmentも設定出来るわけですが、困った事に設計の古いIEはbackground-attachmentプロパティに対応しない為、今回のような現象が発生しているわけです。
マイクロソフトがIEの更新を止めている間に他のブラウザ（Mozilla・Netscape・Operaなど）は着々と標準化への進化を進め、既に前述の問題をクリアしています。最も利用者の多いWindows版のIEにはもう少し頑張って欲しいところなのですが。
と、このままでは愚痴だけで終わりそうなので対策を練ってみました。
Document Object Model（DOM）を使い、擬似的に背景画像の縦座標を補間しています。
<head>〜</head>の間に下記のコードを挿入して下さい。
<script type="text/javascript">
<!--
if (document.all) {
document.write("<style type='text/css'>\ndiv#wrapper { background-position-y:expression(document.compatMode == 'CSS1Compat' ? document.documentElement.scrollTop-this.offsetTop + 480 : document.body.scrollTop-this.offsetTop + 480); }\n<"+"/style>\n");
}
// -->
</script>
480という数値はみんとさんが使用している背景画像の高さです。なのでこのまま挿入して構いません。
技量不足で他に案が浮かばず、このような対応になりました。スミマセン。
まず、背景を固定する場合はwrapperではなく、body要素に対して対応するスタイルを与えて下さい。
wrapperは仮想的にカラムを作り出すために回り込みを利用しています。回り込みには幅を固定する必要があるので与えてある要素です。
みんとさんのサイトURLが記述されていないので、実際にどういったデザインなのかがピンとこないのですが、body要素に対して背景のスタイルを与えるという事でお試し下さい。
差し支えなければサイトのURLをお知らせ下さい。もう少し立ち入った説明が出来るかもしれません。
一般公開することに差し支えがあれば、管理者だけに表示を許可するボタンにチェックして戴ければ私だけが閲覧出来ます。
アドレスなどは秘密厳守しますので、宜しければご利用下さい。
以下追記です。
みんとさん、レス確認しました。
まず確認したいのですが、ご使用のブラウザはIEでしょうか？
多分Windows版IEであろうと推測して下記の記事を書きます。
改造で使用しているbackground-attachment:fixedですが、これが今回のポイントです。
本来、CSSではbody要素だけでなく全ての要素に対して背景を設定出来ます。当然、背景に対するプロパティであるbackground-attachmentも設定出来るわけですが、困った事に設計の古いIEはbackground-attachmentプロパティに対応しない為、今回のような現象が発生しているわけです。
マイクロソフトがIEの更新を止めている間に他のブラウザ（Mozilla・Netscape・Operaなど）は着々と標準化への進化を進め、既に前述の問題をクリアしています。最も利用者の多いWindows版のIEにはもう少し頑張って欲しいところなのですが。
と、このままでは愚痴だけで終わりそうなので対策を練ってみました。
Document Object Model（DOM）を使い、擬似的に背景画像の縦座標を補間しています。
<head>〜</head>の間に下記のコードを挿入して下さい。
<script type="text/javascript">
<!--
if (document.all) {
document.write("<style type='text/css'>\ndiv#wrapper { background-position-y:expression(document.compatMode == 'CSS1Compat' ? document.documentElement.scrollTop-this.offsetTop + 480 : document.body.scrollTop-this.offsetTop + 480); }\n<"+"/style>\n");
}
// -->
</script>
480という数値はみんとさんが使用している背景画像の高さです。なのでこのまま挿入して構いません。
技量不足で他に案が浮かばず、このような対応になりました。スミマセン。
- 2004-12-10
- 編集
[C25] お手数おかけしてます
お手数をおかけしております。
いただいたコードをそのまま<head>のすぐ後に、貼り付けてみたのですが、変わりませんでした・・・
このコードを貼り付けただけではダメなんでしょうか＾＾；
仰るとおり、ブラウザーはIEを使用しております。
せっかく対策を講じていただいたのに・・申し訳ないです。。。
いただいたコードをそのまま<head>のすぐ後に、貼り付けてみたのですが、変わりませんでした・・・
このコードを貼り付けただけではダメなんでしょうか＾＾；
仰るとおり、ブラウザーはIEを使用しております。
せっかく対策を講じていただいたのに・・申し訳ないです。。。
- 2004-12-13
- 編集
[C26] 挿入場所
えと、正しく挿入されているでしょうか？
場所的には<link rel="start" href="http://blog2.fc2.com/xxxxx/" title="最初の記事">の次の行辺りに挿入すればいいと思います。
これで出来ないようであれば、もしかしてwrapper部分に適用しているfilter:Alpha(opacity=80);と衝突しているのかもしれませんね。一時的にfilter:Alpha(opacity=80);部分を外してお試し下さい。
javascript自体はみんとさんのサイトを拝見しながら作り、私のところでテスト済みですので変更は必要ないハズです。
初心者向けではないのですが、頑張ってみて下さい。
場所的には<link rel="start" href="http://blog2.fc2.com/xxxxx/" title="最初の記事">の次の行辺りに挿入すればいいと思います。
これで出来ないようであれば、もしかしてwrapper部分に適用しているfilter:Alpha(opacity=80);と衝突しているのかもしれませんね。一時的にfilter:Alpha(opacity=80);部分を外してお試し下さい。
javascript自体はみんとさんのサイトを拝見しながら作り、私のところでテスト済みですので変更は必要ないハズです。
初心者向けではないのですが、頑張ってみて下さい。
- 2004-12-13
- 編集
[C28] ありがとうございます
お教えいただいた部分にコードを貼り、filter:Alpha(opacity=80);
を貼ったり、削除したりしてみたのですが、下の方にほんの少し画像は見えるのですが、全部表示されないみたいです。
記事部分の背景の問題でしょうか・・・？
本当にお手数をおかけして申し訳ありません・・・m(_ _"m)ﾍﾟｺﾘ
を貼ったり、削除したりしてみたのですが、下の方にほんの少し画像は見えるのですが、全部表示されないみたいです。
記事部分の背景の問題でしょうか・・・？
本当にお手数をおかけして申し訳ありません・・・m(_ _"m)ﾍﾟｺﾘ
- 2004-12-13
- 編集
[C30] 縦位置
それであれば+480の数値を少しずつ増減してみて下さい。それが背景画像の縦座標になります。
私の環境（WindowsXP SP2＋IE6）では現在のみんとさんのサイトがそれなりに再現出来ているように見えます。
私の環境（WindowsXP SP2＋IE6）では現在のみんとさんのサイトがそれなりに再現出来ているように見えます。
- 2004-12-14
- 編集
[C32] ありがとうございました＾＾
本当にありがとうございました＾＾！
＋４８０を１００にしたら表示されました＾＾
同じ環境（WindowsXP SP2＋IE6）だったんですが・・見え方って違うんですね＾＾；
今回は、本当にお世話になりました＾＾
今後も、素敵なテンプレート、期待しています。
ありがとうございました＾＾
＋４８０を１００にしたら表示されました＾＾
同じ環境（WindowsXP SP2＋IE6）だったんですが・・見え方って違うんですね＾＾；
今回は、本当にお世話になりました＾＾
今後も、素敵なテンプレート、期待しています。
ありがとうございました＾＾
- 2004-12-14
- 編集
[C33] 良かったです
無事、修正できたようで何よりです。
擬似的な方法ですが、これくらいしか対処法が思い浮かびませんでした。
元がシンプルですので、色々と改造してみて下さいね。
擬似的な方法ですが、これくらいしか対処法が思い浮かびませんでした。
元がシンプルですので、色々と改造してみて下さいね。
- 2004-12-14
- 編集
コメントの投稿
1件のトラックバック
[T2] かわいいっす。FC2のデザイナさん。
- 2004-11-26
- 発信元 : トラックバック厨房
- トラックバックURL
- http://cfdn.blog1.fc2.com/tb.php/11-4e6297bc
- この記事に対してトラックバックを送信する（FC2ブログユーザー）
あのロリポップが運営する次世代レンタルサーバー「チカッパ！」
ブログ・CGI・PHP・MYSQLが使えて容量500MB〜1GBまで選択出来ます！
デザインが一番好きなので「ｃｆｄｎ_ｐ」を色を変更して使っています。色はオリーブを基本にしましたがピンクも可愛らしくて好きなんですよ、ホントは。
あちこちいじってみてはやり直し、の繰り返しですがそれがだんだん面白くなってきたりして（笑）
このサイトのデザインも好きなんです。でも１アドレス１個のサイトですもんね。。残念！！
新しいデザインを見るのも楽しみのひとつです。
頑張ってくださいね。