FC2ブログカスタマイズ 〜ブログ名を画像に変更〜
2008/03/30 Sun [Edit]
当ブログで配布中のテンプレート「h007-3middle」をカスタマイズ中の方から下記のご質問を頂きました。
タイトル画面を画像にする事はできますか?
詳細をお聞かせ頂いたところ、今回のタイトル画面とはページ上部(ヘッダー)にあるブログ名が表示されている部分でした。
表示させる場所から考慮すると、テキストで表示されている「ブログ名」をロゴ画像に変更されたいと捉えました。
既に質問者様が試された方法で画像は表示されそうに思えたのですが、上手く表示されなかったご様子なので、注意点などをなるべく多く交えつつ解説したいと思います。
また、より多くの方が今回のカスタマイズ「ブログ名を画像に変更」が実現出来るよう、初歩的な説明も記載したいと思います。興味のある方は続きをどうぞ!
※カスタマイズの説明は当ブログで配布中のテンプレート「h007-3middle」を使用中の方が対象です。
FC2ブログカスタマイズ 〜新着マーク〜
2008/03/25 Tue [Edit]
当ブログで配布中のテンプレート「h007-3middle」をカスタマイズ中の方から下記のご質問を頂きました。
タイトルの後に新着マークを着けようと思いトライしました。で、思い通り着いたのですが、1日経ってもマークが消えず困っています。
今回の新着マークの表示には FCafe 様の JavaScript を使用されているようでした。
簡単に今回の JavaScript の機能を説明をさせて頂くと、デフォルトでは24時間(1日)新着マーク(任意の新着アイコン)が表示される JavaScript です。設置方法は HTML の head にソースコードをペーストし、新着マークを表示したい部分にも短いソースコードをペーストして使用する JavaScript です。
実は今回、ご質問の内容が JavaScript なので解決に繋げる自信はないのですが、記事とした方が私なりの解決策など、いくらか分かりやすく提案させて頂けるかな?と思い、筆を尽くす次第です。
FC2ブログカスタマイズ 〜コメント送信ボタンをデフォルトに戻す〜
2008/02/10 Sun [Edit]
当ブログで配布中のテンプレート「h007-3middle」をカスタマイズ中の方から下記のご質問を頂きました。
標準のボタンデザインに戻すには、CSSを直す必要があると思うのですが、〜略〜 どのように訂正したらいいでしょうか?
今回のボタンとはコメントフォームの送信ボタンを指しています。配布中のテンプレートではこのボタンに画像を使用しているのですが、それを削除しブラウザ固有のデフォルトのボタンに戻すのが今回のカスタマイズのお題目となります。
興味のある方は続きをどうぞ。
※カスタマイズする前にテンプレートをバックアップ(複製)をしておくと安心です。
※今回のカスタマイズは当ブログで配布中のテンプレートが対象です。
display:block した a 要素(リンク)を IE6 でも安定させる方法
2008/02/09 Sat [Edit]
当ブログで配布中のテンプレート「h007-3middle」をカスタマイズ中の方から以下のご質問を頂きました。
右サイドバーは問題なくテーブルリンクになってますが、左サイドバーは通常のリンク(文字にポイントして指マークが出るリンク)になってしまいます。
上記のご質問の不具合は Windows の IE6 で確認でき、発生条件はテンプレートの記事部分の拡張カスタマイズと併せ、サイドバーの背景色、フォントサイズ、記事のタイトル部分の装飾などなど、多岐に及んでいますので、必ずしもテンプレートをカスタマイズした時に IE6 で発生するとは断言できません。今回、原因の追究を数日間試みていたのですが、残念ながらはっきりとした答えは見つかりませんでした。
しかし、原因(おそらく IE6 のバグ)は分りませんでしたが、解決策は発見できましたので、上記のご質問と似たような症状が発生した際は以下の解決方法をお試しください。
今回の解決方法を適用後 Mac と Windows のモダンブラウザで確認しましたが他の要素への悪影響はありませんでした。
また、Web 制作者の方も IE6 において display:block させた a 要素の挙動が不安定な時に覚えておいて損のない Tips(小技)だと思いますので、宜しければ続きをどうぞ。
FC2ブログカスタマイズ 〜記事とサイドバーの大きさを変更〜
2008/01/18 Fri [Edit]
当ブログで配布中のテンプレート「h007-3middle」をご使用中の方から、下記のご質問を頂きましたのでカスタマイズ方法を解説させて頂きます。
記事内を500までサイドバーを180までに変更したいのですが、どのようにすれば良いのでしょうか?
カスタマイズには HTML の編集を行えるエディタを用意されると、後述するカスタマイズ方法を実践されやすいと思います。ソースの行番号が分かり「EUC-JP」にエンコーディングされたソースコードを扱えるエディタならなんでも OK です。
※当ブログで配布中のデザインテンプレートがカスタマイズの対象となっています。
※テンプレートをカスタマイズする前にバックアップ(複製)しておくと安心です。
●2008年2月4日修正
他のサイズへ変更されたい方にも今回の記事が参考になるよう図解を使った解説に修正しました。
世間一般人様、お待たせしました。多少は他のサイズへカスタマイズする際に分かりやすくなったと思いますのでご覧ください^^






