*Essence
HP用フリー素材とFC2共有テンプレートを作成・配布しています。
FC2ブログ共有テンプレート配布中♪
FC2ブログで共有テンプレートを配布しています。 テンプレートをご利用の場合はFC2会員になってブログを作成して下さい。* * * * * * * * * * * * * * * * * * * * * *
□ テンプレートの使い方
FC2ブログ管理ページの[環境設定] → [テンプレートの設定]をClick →
テンプレート管理の[共有テンプレート追加]をClick →
[共有テンプレートから検索]で作者 sorauta1 や 掲載テンプレート名 で検索して下さい。→
[詳細]をClick → [ダウンロード]ボタンを押す →
DLが完了したら[テンプレート管理]の画面に戻り、変更したいテンプレートに チェックを入れて適用ボタンをClick これで適用されているはず♪
不明な点は掲示板やMail、ブログのコメント等でお問い合わせ下さい。
確認ブラウザ : (OSは全てWinXPです)
IE6, IE7, Netscape7.2, Navigator9.0, Opera8.0, Firefox1.5, Safari3.0, Sleipnir2.7
最近とても多く頂くご質問で、背景に白いレースのボーダー画像を使用しているテンプレート(lace-ck2,ck3 lace-d2c,d3cなど)のレース部分が、一度表示された後消える現象を解消したいというのが有ります。
Winでは表示されず Macで閲覧すると表示されているらしく、その現象をブログを開設しているAuthor様自体が気付かない場合も。
幾つかのブログのHTMLソースを拝見させて頂くと、ほぼ共通している部分が有りました。
タグの閉じ忘れ、です。
記事内やプラグインで中央寄せする場合に使用するタグ <center> の終了タグ </center> が有りませんでした。
HTMLでは幾つかの終了タグを省略することが出来る以外、常に対で使用します。
W3Cの仕様書にも省略可能なタグが有りますが、実際には省略した場合ブラウザ側で終了タグを補完しており、厳格な意味で考えればなるべく終了タグを記述するようにお勧めします。
省略できる終了タグは
</p>、</th>、</td>、</dt>、</dd>、</li>
など で、終了タグの無いもの(<br> や <img> など)もあります。
XHTMLでは、終了タグは必ず記述します。省略は一切許されていません 。
テンプレートに同じような現象が有ったり、カラムが落ちたりする場合は、タグが対になっているか確認してみて下さい。
<center> で始まっているものが </center> で終わっているか、
<div> で始まっているものが </div> で終わっているか、
それを確認するだけで解決できる場合が沢山有ります。
Winでは表示されず Macで閲覧すると表示されているらしく、その現象をブログを開設しているAuthor様自体が気付かない場合も。
幾つかのブログのHTMLソースを拝見させて頂くと、ほぼ共通している部分が有りました。
タグの閉じ忘れ、です。
記事内やプラグインで中央寄せする場合に使用するタグ <center> の終了タグ </center> が有りませんでした。
HTMLでは幾つかの終了タグを省略することが出来る以外、常に対で使用します。
W3Cの仕様書にも省略可能なタグが有りますが、実際には省略した場合ブラウザ側で終了タグを補完しており、厳格な意味で考えればなるべく終了タグを記述するようにお勧めします。
省略できる終了タグは
</p>、</th>、</td>、</dt>、</dd>、</li>
など で、終了タグの無いもの(<br> や <img> など)もあります。
XHTMLでは、終了タグは必ず記述します。省略は一切許されていません 。
テンプレートに同じような現象が有ったり、カラムが落ちたりする場合は、タグが対になっているか確認してみて下さい。
<center> で始まっているものが </center> で終わっているか、
<div> で始まっているものが </div> で終わっているか、
それを確認するだけで解決できる場合が沢山有ります。
一昨日、自ブログのテンプレートを少し変えてみました。
このテンプレートを利用してみたい方、簡単なので是非カスタマイズに挑戦してみて下さい。
先ず、過去記事の
少しカスタマイズしたlace-d3cのCSS、宜しければどうぞ♪
こちらを参考に改変して下さい。
次に、改変後のスタイルシート編集枠内、上から4行目と5行目、9行目のカラーコードを #caac8c; に変更し、更に上から14行目を
background:url(http://blog-imgs-32.fc2.com/s/o/r/sorauta1/flo-o.jpg);repeat:repeat;
に変更して下さい。
次に、1/6程スクロールさせた #back-w { の下を
background:url(http://blog-imgs-32.fc2.com/s/o/r/sorauta1/lace4-y1000.gif);
に変更して下さい。
最後に更新ボタンを押して完了です。
ちなみに背景画像に使用している素材は、当方素材サイト web material *Essence にて配布されている画像を、このテンプレート用に色調変更したものです。
テンプレート以外でご利用頂く場合は、素材サイトでは配布しておりませんので、下記画像をクリックして表示されたものを自分のPCに保存しご利用下さいね。

このテンプレートを利用してみたい方、簡単なので是非カスタマイズに挑戦してみて下さい。
先ず、過去記事の
少しカスタマイズしたlace-d3cのCSS、宜しければどうぞ♪こちらを参考に改変して下さい。
次に、改変後のスタイルシート編集枠内、上から4行目と5行目、9行目のカラーコードを #caac8c; に変更し、更に上から14行目を
background:url(http://blog-imgs-32.fc2.com/s/o/r/sorauta1/flo-o.jpg);repeat:repeat;
に変更して下さい。
次に、1/6程スクロールさせた #back-w { の下を
background:url(http://blog-imgs-32.fc2.com/s/o/r/sorauta1/lace4-y1000.gif);
に変更して下さい。
最後に更新ボタンを押して完了です。

ちなみに背景画像に使用している素材は、当方素材サイト web material *Essence にて配布されている画像を、このテンプレート用に色調変更したものです。
テンプレート以外でご利用頂く場合は、素材サイトでは配布しておりませんので、下記画像をクリックして表示されたものを自分のPCに保存しご利用下さいね。

昨日の夕方、仕事から帰って鏡を見てビックリ!
白目が一部赤く染まってて、一瞬、目から血が出ているのかと思った。
見るとちょっとグロテスク…ホラーもスプラッターも見れる私でも、いざ自分がなると怖い。。
お風呂に入って温めてみたり、上がって保冷剤当てて冷やしてみたり、勿論目薬さしてみたり、疲労からかもとマッサージしてみたり。
明日の朝には幾分良いかな?などとそんなに心配してなかった。痛くないし。
そして今朝、治ってませんでした。
仕事場でも極力人と目を合わせないようにしてたけど、そういう訳にもいかず周囲に告白。
「あぁ〜、たまに有るよね、そういう事。気にしなくてもそのうち治るよ。」
…そういうもんですか?私は初めてだったもんでかなりビビリましたが…。
気になる結膜下出血
↑これだそうです。仕事の帰りに薬局で教えてもらいました。
暫くこの状態とお付き合いしないといけないので、薬剤師さん推薦の目薬を購入。
ある人曰く「たまに有る(?)」らしいので、見栄えは悪いけど我慢・我慢。
最近PCと長時間にらめっこで眼精疲労気味だったのも一因かも。。
明日はお休み。ちょっと休養しよ〜っと。
白目が一部赤く染まってて、一瞬、目から血が出ているのかと思った。

見るとちょっとグロテスク…ホラーもスプラッターも見れる私でも、いざ自分がなると怖い。。
お風呂に入って温めてみたり、上がって保冷剤当てて冷やしてみたり、勿論目薬さしてみたり、疲労からかもとマッサージしてみたり。
明日の朝には幾分良いかな?などとそんなに心配してなかった。痛くないし。
そして今朝、治ってませんでした。

仕事場でも極力人と目を合わせないようにしてたけど、そういう訳にもいかず周囲に告白。
「あぁ〜、たまに有るよね、そういう事。気にしなくてもそのうち治るよ。」
…そういうもんですか?私は初めてだったもんでかなりビビリましたが…。

気になる結膜下出血
↑これだそうです。仕事の帰りに薬局で教えてもらいました。
暫くこの状態とお付き合いしないといけないので、薬剤師さん推薦の目薬を購入。
ある人曰く「たまに有る(?)」らしいので、見栄えは悪いけど我慢・我慢。
最近PCと長時間にらめっこで眼精疲労気味だったのも一因かも。。
明日はお休み。ちょっと休養しよ〜っと。

過去に頂いたご質問を、当方も備忘録として(回答を探すのが大変なので^^;)記事にしておいたら楽かなぁ〜と。
…言う事で、少しずつ掲載していこうと思います。
カスタマイズのお役に立ちますように。
■ タイトルを画像にするカスタマイズ
タイトルにする画像は予め自分で用意しアップロードしておいて下さい。
先ず、HTML編集枠を少しスクロールさせた所に
<h1><a href="<%url>"><%blog_name></a></h1>
という部分が有りますので、ここを
<h1><a href="<%url>" title="<%blog_name>" alt="<%blog_name>"><img src="画像のURL" border="0"></a></h1>
に変更して下さい。
("画像のURL"の部分にアップロードした画像のURLを入れて下さい)
テンプレートでh1に他のスタイルが設定されていて表示が上手くいかない場合は、最初に指定されていたh1やh1 a などのCSSを徐々に外してみて下さい。
何かの時のために複製を作ってバックアップする事をお勧めします。
…言う事で、少しずつ掲載していこうと思います。
カスタマイズのお役に立ちますように。
■ タイトルを画像にするカスタマイズ
タイトルにする画像は予め自分で用意しアップロードしておいて下さい。
先ず、HTML編集枠を少しスクロールさせた所に
<h1><a href="<%url>"><%blog_name></a></h1>
という部分が有りますので、ここを
<h1><a href="<%url>" title="<%blog_name>" alt="<%blog_name>"><img src="画像のURL" border="0"></a></h1>
に変更して下さい。
("画像のURL"の部分にアップロードした画像のURLを入れて下さい)
テンプレートでh1に他のスタイルが設定されていて表示が上手くいかない場合は、最初に指定されていたh1やh1 a などのCSSを徐々に外してみて下さい。
何かの時のために複製を作ってバックアップする事をお勧めします。
10月8日は私の誕生日。
朝から旦那は忘れてるみたいだし、今日の私は仕事も休みだし、
台風も来てるし、風邪気味であんまり調子良くないし、
朝からウダウダ薬飲んで寝たり起きたり、結局家に篭ってたら あっという間に夕方。
誰とも会話なく(ウサギ達に話しかけてたけど)、夕飯作って旦那の帰りを待ってたら、
「ごめん、帰りちょっと遅くなる。先にご飯食べてて。」と電話。
いいんだけどね、ひとつ歳を食ったって何にも昨日と変わらない。
旦那はやっぱり忘れてる。私の誕生日。
「今日は誕生日なんだよね〜、私の。」結局自分から言ってみた。
「あ、え?そうだった。朝から忘れてた。…ごめん…。」と、旦那。
仕事の帰りにスィーツをお願いして、許してあげた。忘れてた事。
ホントに何となくの誕生日、コンビニのショートケーキでお祝いした。
去年のクリスマスの、残りのローソク立てて。
(乱文失礼(^^ゞ)
朝から旦那は忘れてるみたいだし、今日の私は仕事も休みだし、
台風も来てるし、風邪気味であんまり調子良くないし、
朝からウダウダ薬飲んで寝たり起きたり、結局家に篭ってたら あっという間に夕方。
誰とも会話なく(ウサギ達に話しかけてたけど)、夕飯作って旦那の帰りを待ってたら、
「ごめん、帰りちょっと遅くなる。先にご飯食べてて。」と電話。
いいんだけどね、ひとつ歳を食ったって何にも昨日と変わらない。
旦那はやっぱり忘れてる。私の誕生日。
「今日は誕生日なんだよね〜、私の。」結局自分から言ってみた。
「あ、え?そうだった。朝から忘れてた。…ごめん…。」と、旦那。
仕事の帰りにスィーツをお願いして、許してあげた。忘れてた事。
ホントに何となくの誕生日、コンビニのショートケーキでお祝いした。
去年のクリスマスの、残りのローソク立てて。
(乱文失礼(^^ゞ)





あ〜プラグイン3も追加して使用するといいですね(*^^)v
今の季節にピッタリのテンプレートに変えたんですね!
可愛い感じですね☆アヒルの子HTMLの文法チェック氷見 拓也 様へ再びのご訪問&コメント、有難うございます。m(__)m
分かる人に教えてもらうのが一番確実で早いのでしょうが、未熟者の当方には学習の意味も有りまして。
何事も、自分akiHTMLの文法チェックaki様分からない事を探しながら作るって楽しい…
そのスタンス、共感します♪
ボクも聞いて教えてもらったりするのは最終手段で、とりあえず自分で考えて試して、また考えて試し氷見 拓也終了タグについて小梅母様へ他サイト様の背景素材をご利用頂いても問題無いので、カスタマイズを楽しんで下さいね。
季節ものの背景素材、今後の作成課題に致します。akiトップ画像の変更方法アヒルの子様へ無事に表示できて何よりです♪
色々と応用できるBoxなので、例えばプラグイン3に追加すれば当方のトップページの上段のように「告知エリア」として使ったりする事も出来まaki終了タグについてありがとうございます。できました。
画像は、いろいろ探してみます。小梅母終了タグについて小梅母様へご利用のテンプレートは、背景画像と記事・メニュータイトル背景画像を共有しているので、背景を変えると一緒に変わっちゃうのです。
これを解消するには、背景と記事・メakiHTMLの文法チェック氷見 拓也 様氷見 拓也 様
コメント頂き有難うございます。m(__)m
文法チェック、初めはマイナス点でした。^^;
1つずつ修正しつつ、削除したくない部分の代替案が無いか…とか、探akiトップ画像の変更方法こんばんは☆aki様から先日教えていただいたように、DLしたのですが色を変えようと思ったりetc、なんかわからなくなってきましたが・・・aki様、やっとできました〜〜♪
ありがとうござアヒルの子トップ画像の変更方法アヒルの子様へお返事が遅くなり申し訳ございませんでした。
プラグインは用意されましたか?
「スクロールバー付きBox」をDLされていましたら、一番下の「HTMLの編集」を開いて下記のaki