*Essence

HP用フリー素材とFC2共有テンプレートを作成・配布しています。

Top Page › Category - Web制作備忘録
2016-05-04 (Wed)

只今、素材サイトリニューアル思案中!

只今、素材サイトリニューアル思案中!

なんだかんだと結局、仕事は(給与が毎月15日締めなので)5月15日までやることにしました。GWは忙しいからその前に辞めてしまおうかとも思ってたけれど…従業員が少なくなるのを判っていて辞める申し訳無さの方が勝ってしまい、「15日まで勤務できます。」なんて言ってしまった。。But!やっぱり伸ばした事を少し後悔。最近益々職務中の細かいチェックにムカつきが半端無い。嗚呼、早く15日来ないかな…。15日で仕事を辞めて、使える...

… 続きを読む

yomogimochi1012 様へ * by aki
いえいえ、こちらこそ こうしてお言葉を頂ける事に感謝!しております。(^_^)
また何かお気付きの点がございましたら、何なりとお声掛け下さいませ。

今後とも末永くお付き合い下さいね♪

ご報告ありがとうございます * by yomogimochi1012
ご連絡ありがとうございます。
漸く、正常に戻り一安心でした。

また、いつもご丁寧なお返事をいただき、
恐縮しております。

サイトの充実に力をお貸しいただけることの
お礼を申し上げることは勿論ですが、
そこにあたたかいお気持ちもいただいていることに
幸せな思いです。

また、違うタイプのものの操作をお伝えいただいていながら、
直ぐには呑み込めないものですから(恥)
時間を置いて確かめてみます。(^^ゞ
ありがとうございました。

aki様の構築中のものが素敵なものとなりますように。(^^♪


HTTP500サーバーエラーとプラグインについて、とお礼m(__)m * by aki
サーバーエラーの件、お教え頂き有難うございます。
6/3 a.m.9:30、コメント投稿時のエラー、復旧しました。
( FC2最新障害情報・メンテナンス情報ブログ より)

改めまして、コメント有難うございます。
無事プラグインも追加できたみたいですね♪良かったです。
ちなみに当方が使っているのは「Benri-Navi」というプラグインで、サイドメニューのカテゴリーをclickすると、開いたページに投稿リストが展開されるタイプの一覧です。
カテゴリーメニューを開いていない通常ページでは、そのページに掲載されているタイトルが表示されます。(1ページの表示件数は50件まで・環境設定で変更可能)
こちらのようなタイプが良いようでしたら、
「共有プラグイン追加」→「プラグイン名の欄に[Benri-Navi]といれる」→「検索ボタン」
で出てきますので検討してみて下さい。

この度は5/26にコメント頂いているにも関わらず、お返事が遅くなってしまい申し訳ございませんでした。
自サイト思案でブログのコメントに気付きませんでした…というのは自分勝手な言い訳でしか有りません。
見つけて頂いて使って頂けるだけでとても有り難い事なのですから、こちらこそ感謝!感謝!です。
是非、今後もテンプレートを使い込んでやって下さい!(^_^)

あらためてお礼申し上げます * by yomogimochi1012
何とかお教えいただいたこと、完成となりました。(*^^)v
お陰さまで、全体を通して見られるようになり、
いよいよ使い勝手が良くなりました。

そもそも、aki様のこのテンプレートに出会えたのも
ラッキーなのに、思うところを叶えていただき、楽しさ倍増です。(^^♪

有難うございました。m(__)m

感激しております * by yomogimochi1012
aki 様

どんなに感謝して良いものか、本当にありがとうございました。

ただ、お伝えいただいたことを試すには、時間がかかりそうですので、
その感想は後ほどにさせていただき、先ずは御礼を差し上げたく
メールしております。

重ね重ね、失礼をしておりました。
5月31日にもお知らせいただいていたのですね。
実はそれまでは、ずっとお返事がないかと見ておりましたのに、
5月31日以降今日まで知らずにおりました。本当に申し訳ないことです。

内容を分からないものが、それもどれ程のお時間を頂戴するものか
皆目わからない者だけの不用意さでお尋ねしてしまい、
どうしようと迷いながら、来ていました。
それが、ご回答をいただいたのですから、嬉しい限りです。

ただでさえ、ご自分のブログの構築にお忙しいなかを割いてのこと、
もったいないことでした。有難うございます。
取り急ぎ、お礼申し上げ、失礼いたします。

yomogimochi1012 様へ * by aki
大変お待たせ致しました。
同様の案件を色々探して試行錯誤してみたのですが、カテゴリー別の記事一覧を表示するには、archiveページを表示するしかないようです。
(FC2の独自タグの関係でindexページには表示できない??みたいです。)
しかも、archiveページはカテゴリー別のページを表示させると全記事一覧ページが表示できなくなるようです。(テンプレートTop画像右下の管理リンク「All articles」のリンクが全記事一覧ページです。)
このテンプレート同様yomogimochi1012様のお使いのものも標準で全記事一覧ページになっているので、カテゴリー別を表示するか全記事一覧を表示するかの択一になります。
そこで、どのページからでも表示されて簡単に閲覧できるようにならないかと探してみましたら、とっても使い勝手の良いブログパーツを見付けました。(^_^)
これなら簡単に導入出来、不要ならばプラグインから外せば良いだけ、それでいてすぐに記事が探せて使い易いという良ブログパーツです♪
導入方法はとっても簡単なので、宜しければ是非試してみて下さい。

FC2管理画面メニューの「プラグインの設定」→「PC用/公式プラグイン追加」→「フリーエリア」を追加。
タイトル「フリーエリア」をお好きなように変更し、プラグインカテゴリを「プラグインカテゴリ3」にして、下記のソースを「フリーエリア内容の変更」枠に貼り付けて下さい。


<style type="text/css">
.MC-title{
cursor:pointer;
}
.MC-title:hover{
background:#eee; //カテゴリにマウスオンしたときの背景色
}
.MC-parent{
border-bottom:1px #cccccc dotted; //親カテゴリごとの境界線
}
.MC-entry{ //記事リスト
}
.MC-body{
padding:0 10px 0 10px;
text-align:left; //全体
}
.MC-child{ //子カテゴリごとのグループ
}
.MC-link{ //記事タイトル
position:relative;
}
.MC-title+div,.MC-loadbox{display:none;}
.MC-link>span{position:absolute;top:0;left:0;}
.MC-link>a{display:block;padding-left:1.5em;}
</style>
<div class="MC-body">
<!--category-->
<!--category_parent-->
<div class="MC-parent">
<div class="MC-title">
<%category_name>
</div>
<div>
<!--/category_parent-->
<!--category_sub_hasnext-->
<div class="MC-child">
<div class="MC-title">
<a href="<%category_link>">├ <%category_name> (<%category_count>)</a>
</div>
<div class="MC-entry MC-load">
</div>
</div>
<!--/category_sub_hasnext-->
<!--category_sub_end-->
<div class="MC-child">
<div class="MC-title">
<a href="<%category_link>">└  <%category_name> (<%category_count>)</a>
</div>
<div class="MC-entry MC-load">
</div>
</div>
</div>
</div>
<!--/category_sub_end-->
<!--category_nosub-->
<div class="MC-parent">
<div class="MC-title">
<a href="<%category_link>"><%category_name> (<%category_count>)</a>
</div>
<div class="MC-entry MC-load">
</div>
</div>
<!--/category_nosub-->
<!--/category-->
<div>
<div class="MC-title">
<a href="archives.html">全エントリー一覧</a>
</div>
<div class="MC-entry MC-load">
</div>
</div>
</div>
<a class="MasterCategory" href="http://www.kurepelin.com/">MasterCategory</a>
<div class="MC-loadbox" style="display:none;">
<!--category_area--><!--topentry-->
<div class="MC-link"><span> ・</span><a class="kjax" href="<%topentry_link>" title="<%topentry_title>"><%topentry_title> [<%topentry_year>/<%topentry_month>/<%topentry_day>]</a></div>
<!--/topentry--><!--/category_area-->
<!--titlelist_area--><!--titlelist-->
<div class="MC-link"><span> ・</span><a class="kjax" href="<%titlelist_url>" title="<%titlelist_title>"><%titlelist_title></a></div>
<!--/titlelist--><!--/titlelist_area-->
<!--nextpage-->
<div class="MC-title" data-original="<%nextpage_url>">  ▼もっと見る</div>
<div class="MC-entry MC-load MC-more">
</div>
<!--/nextpage-->
</div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script charset="UTF-8" type="text/javascript" src="http://www.kurepelin.com/script/?id=MasterCategory&type=fc2"></script>

後は追加ボタンを押して頂ければ完了です。
暫くの間、このブログに見本としてプラグインを載せておきますので検討してみて下さい。
プラグインでは無く、全記事一覧ページをカテゴリー別記事一覧に変更したい場合は再度ご連絡下さいませ。m(__)m

yomogimochi1012 様へ * by aki
お返事が遅くなり申し訳ございません。
自サイトのリニューアル思案で、最近ブログ見てませんでした。大変申し訳無いです。m(__)m

ご質問の件ですが、早急に方法を調べましてこちらに掲示致しますので、今暫くお待ち頂けますか?
何卒、宜しくお願い致します。m(__)m

お尋ねいたします * by yomogimochi1012
aki 様

いつも、素敵なテンプレートを使わせていただき有難うございます。
お陰さまで、ブログを開く度、楽しい気分でいられます。
感興が湧くと言うのでしょうか。

ブログもその余勢をかって素敵な・・・とは参りませんが(笑)
日頃より好きな色やデザインのものに出会えた幸せに浸れるのは
幸せです。

今日は、厚かましく質問させていただきます。

*お尋ね*
記事がたまってきましたので、
ブログの最初にカテゴリー別のページを載せたいのですが、
(出来るならばカテゴリ別の図を掲げて)
そのような事は可能なものでしょうか。

***
けっして、急ぐものではありませんが、
若し、かなりな時間を頂戴するものでしたら、
ご迷惑をおかけするのは本意ではありません。
早々に断念いたしますので、お知らせいただければ幸いです。
よろしくお願いします。

Comment-close▲

2013-07-27 (Sat)

只今、サイトメニューPHP化中!

只今、サイトメニューPHP化中!

2006年の7月にオープンしてから、運営している素材サイト「web material *Essence」もいつのまにか7年経ちました。その間、何度かサイトリニューアルしてきましたが(あんまり変わり映えもしてないですが^^;)、少しずつHTMLやCSS等々覚えてきたので、出来るだけフレーム表示するのをやめようと思い立ち目下奮闘中です。キチンと勉強しなければ難しいCGIやJavaScript他 スクリプト言語を必要とするもの、新旧のクロスブラウザを目...

… 続きを読む

管理人のみ閲覧できます * by -

Comment-close▲

2013-04-29 (Mon)

掲示板スパム対策!その3&その後

掲示板スパム対策!その3&その後

掲示板のスパム対策を施してから1ヶ月、あれだけの書き込みが嘘だったかのように BBSがとっても静かになりました。(通常のコメントもいつも通り静かに…^^;)…というのも、此の度の対策でお世話になったKEN様(KENのつぶやき 掲示板を超簡単にガードせよ)からの御助言で、もう一点施した対策が効いているのだろうと思います。「掲示板へのリンクをJavaScriptで記述する」Google等の検索には掲載されなくなりますが、スパムのクロ...

… 続きを読む

2013-03-30 (Sat)

掲示板スパム対策!その2?

掲示板スパム対策!その2?

前回の近況報告記事に掲示板スパムの事を書きましたが、未だに英文spamが掲示板に書込みされます。。(-_-;)昨日は一気に65件の書込みがぁぁ~!ホント、嫌になってきます。マジで、腹が立ってきますっ!先般施した対策では、ちょっと甘いのかな~と、次なる手立てを講じる事に。再度cgi名を変更し、且つcgiにロボット検索よけのmetaタグを追加。<meta name="robots" content="noindex, nofollow">次に、投稿モード名を変更。...

… 続きを読む

2011-11-01 (Tue)

ホームページの著作権

ホームページの著作権

閲覧者の方の通報で、丙サイト web material *Essence のデザインに酷似したサイトを発見!…すごくショックでした。。 そのサイトのソースを見てみると、修正も無くあからさまに私の作ったものである証拠が!<meta name="author" content="web material Essence - aki"> とか<meta name="copyright" content="web material Essence - aki"> とか<link rev="made" href="http://e-ssence.main.jp/"> とか。使用し...

… 続きを読む

管理人のみ閲覧できます * by -

管理人のみ閲覧できます * by -

ちたえ様へ * by aki
コメント頂き有難うございます。m(__)m
また何かございましたら、いつでもご質問下さいませ。(^_^)

* by ちたえ
またまたお返事ありがとうございます。
遅れて見ちゃってますが、嬉しいです^^。

keiichiro0129 様へ * by aki
申し訳ございませんが、広告的な内容なので削除させて頂きます。m(__)m

マーチ様へ * by aki
マーチ様、いらっしゃいませ♪
コメント頂き有難うございます。m(__)m

自分のイメージを、時間を掛けて作っているのですから、真似されると正直腹が立ちますよね。
百歩譲って「このイメージが欲しい!」と思っても、配布物では無いのに丸パクリはいけません。
検索して調べてみると、模倣された事案ってわりと有るのですね。^^;
対処の仕方なんかも載ってたりします。
ホントに、そういうのはやめてもらいたいもんです。<(`^´)>

* by マーチ
思考錯誤ではなく
試行錯誤ですね。
字 間違えました。ゴメンナサイ・・・

* by マーチ
こんにちは。
ご無沙汰しております。
ご苦労されてますね。
でも・・・
気持ち よ~くわかります。
種類は違いますが思考錯誤して
一つの物を作るという点では私も同じです。
マネは絶対ダメですね~。絶対NG !
に賛成~。

ちたえ様へ * by aki
無事に直りましたか。良かったです。(^_^)
記事の更新をしてテンプレが崩れた場合は、記事の内容(リンクや画像タグの閉じ忘れなど)を疑ってみて、どのページへ移動してみても同じ崩れが有る場合は、常に表示されているメニューカラムを疑ってみて下さい。
追加したプラグインのタグの閉じ忘れが原因になっている事が有ります。
色んな質問を受ける事で当方の勉強にもなってますので、何か有ったら気兼ね無く相談下さいね。(^.^)

こちらこそ、今後とも宜しくお願い致します。m(__)m

* by ちたえ
おはようございます~~。
直りました~~
ありがとうです。
いつもこんなんですみません^^;

今後ともよろしくお願いします。

いろんな分野の勉強も必要ってことなんですね~~^^;
私の頭はついて行けません><

Comment-close▲

2011-09-16 (Fri)

知名度無いのにF5アタック?

知名度無いのにF5アタック?

9月13日から、自サイト(web material *Essence)のアクセス解析が異常な数になってます。カウンターはリロードをカウントしないようにしているから増えないけれど、アクセス解析を開いてみると実に320件の不明なアクセスが…。14日は無くて、15日は73件、今日は137件。アクセスページやリンク元のページが無い場合が殆どで、連続して1秒~数十秒間隔で立て続けに来ています。これって、何なんでしょうね。Proxy経由でやって来てい...

… 続きを読む

2010-01-11 (Mon)

スーパーリロード

スーパーリロード

え?今更?って感じですが、「スーパーリロード」って言葉は知らなかったもんで…ページを再読み込み(リロード)するには、ブラウザの「更新ボタン」をクリックしたり、F5やCtrl+Rなどを使ったりします。ブラウザでの動作を軽くするために、キャッシュという一時ファイルを使ってページを表示しますが、通常のリロードでは全てが再読み込みされる訳では無いので、内容が更新されなかったりする事があります。キャッシュをクリアし...

… 続きを読む

ちたえ様へ * by aki
素材サイトまでおっきくリンクして頂きまして有難うございます。
こちらからも、もし宜しければ当方素材サイトのユーザーリンク集に登録したいのですが…構いませんか?
可能であれば 88px×31px のサイズでバナーを作って頂けるとなお嬉しいです。(無くても大丈夫ですが)
http://e-ssence.main.jp/user-links.html
このページの「ペット関係」のカテゴリーです。
OKであればご自分で登録されるか、当方の紹介文で掲載の場合はコメントで「掲載可能」のお返事下さい。
宜しくお願い致します。m(__)m

こんばんわ。 * by ちたえです!
そうなんです。
またまたいろいろつついているところです。
コメントのところにakiさんの素材の足のマークを入れてみました。
ホントに原型を変えてしまってますが、
また、何かあったらよろしくお願いします。

コジまま様へ * by aki
テンプレートのご利用、有難うございます。
またまたテンプレートを通じてお友達が出来たようで とても嬉しいですi-185
背景の画像を変えたりも出来ますので、是非お好みにカスタマイズしてみて下さいね。

ご質問の件ですが、記事に「打ち消し」を付ける場合は、付けたい部分の文章をドラッグして打ち消しのボタンを押せば問題無く付くはずです。
タグとしては、付けたい部分の頭に <s> を、文末に </s> を入れれば打ち消しのついた文章になります。
再度試してみて表示できないようであればご連絡頂けますか?
宜しくお願い致します。m(__)m

No Subject * by コジまま
色々とありがとうございましたやっと
テンプレート変える事が出来ました
皆さんに可愛くなったっと好評です!
ありがとうございます(('ェ'o)┓ペコ

またまた質問ですいませんが
記事を書く所に打ち消しがあるんですが
昨日使おうと思ったら出来なかったんですが
何か問題があるんでしょうか?
いつもすいません

ちたえ様へ * by aki
そうなんですよ。(^_^)
皆様にお使い頂いて、本当に有り難い限りです。
周知頂いたのはきっと ちたえさんやウィルママさんにお使い頂いているからなんでしょうね。i-179
原型を留めない程のカスタマイズでもOKなので、自分色に変えていく事が出来るのも良いのかもしれません。
当方の分かる範囲で出来る限りのサポートは頑張りますので、今後とも末永くお付き合い下さいませ。m(__)m

おはです。 * by ちたえ
オー
コジまままでakiさんのテンプレだったんですね~。
何か似てるなぁ~って、思ってたんですよ。


管理人のみ閲覧できます * by -

管理人のみ閲覧できます * by -

コジまま様へ * by aki
表示カラムのサイズはあんな感じで良かったでしょうか?^^;
7日は小次郎クンのお誕生日だそうで。おめでとうございますi-185

話は変わりまして早速、カスタマイズ方法を掲載致します。
先ずは下記のリンクをクリックして、変更するHTMLソースを表示して下さい。

http://blog-imgs-37.fc2.com/s/o/r/sorauta1/candy-3cwh.txt
開いたウインドウの上部メニューバーより 表示(V)をクリック→エンコード(D)→日本語 (自動選択)か、日本語 (シフトJIS)を選択して文字化けを必ず修正して表示して下さい。

次に、HTML編集枠を表示して2/5より少しスクロールした所に
<!--コメント--> という部分が有ります。
ここから数十段下(半分より少し下)の
<!--/コメント--> までを削除し、その部分に上記で開いたHTMLソース全てをコピペして下さい。
(似たような部分も多く有りますので間違わないようにお願い致します。複製してバックアップを取っておいた方が安心です。)
次に、スタイルシート編集枠を2/3程スクロールした所に有る
.link_block {
margin-bottom: 10px;
border-top: 1px solid #cccccc;
}

という部分を下記のように変更して下さい。
.link_block {
background:url(http://blog-imgs-27.fc2.com/s/o/r/sorauta1/10.gif);
background-repeat:repeat;
margin: 15px 10px 0px 10px;
padding: 0px 15px 0px 15px;
border: 1px solid #CCCCCC;
}

後は「更新ボタン」を押すと、コメント投稿欄をコメントの上に表示するように出来ます。


次に、記事文字の大きさについてです。
記事だけでなくページ全体(記事+メニュー)で大きくしたい場合は、スタイルシート編集枠上の方の
body, td {
font-family: "MS UI Gothic", Sans-serif;
font-size: 12px;
line-height: 1.7;
color: #444444;
}

font-size: 13px; を加えて下さい。
全体では無く記事のみ大きくしたい場合は上記の箇所では無く、スタイルシート編集枠を半分より少し下までスクロールした所にある
.contents_body {
margin:15px 15px 0px 15px;
overflow:hidden;
}

font-size: 13px; を加えて下さい。
pxの数値を大きくすれば文字も大きくなります。


次に、新しいコメント順に表示する方法です。
FC2の「環境設定→環境設定の変更」をクリックし、「ブログの設定→コメント設定」をクリックします。
「コメント一覧表示」を「新しい順」にして更新ボタンを押して下さい。


以上ですが、ずらずら~っと連ねましたので不案内な点・不明な点が有りましたらコメント下さいませ。
宜しくお願い致します。m(__)m

No Subject * by コジまま
チョと忙しくてやっと教えて頂いたカスタマイズが出来ました。
ありがとうございます(('ェ'o)┓ペコ

すいませんが後記事の文字を少し大きくしたいのと
akiさんの所のようにコメント投稿する所を
上に枠付きでしたいんです
それからコメントの一番上が新しい物に
したいんですが・・・
色々言ってすいません
宜しくお願いします

Comment-close▲

2009-06-04 (Thu)

XML Sitemapを作ろう♪

XML Sitemapを作ろう♪

サイトマップには、サイトのページをリスト化して閲覧者が情報を見つけやすくするためのHTMLページと、Sitemapと呼ばれるXMLサイトマップが有ります。XMLサイトマップを作成して送信すると、Googleにクロール時URLを含むサイト上の全てのページを知らせることができます。Google ウェブマスターツールに登録するためのサイトマップ作成に、オンラインで簡単にXMLサイトマップを生成出来る無料ウェブサービスのSitemap Generatorを...

… 続きを読む

ゆーりん様へ * by aki
ゆーりん様 無事に表示できたようで何よりです。(^_^)
この度のご質問は今後のテンプレート(更新を含めて)に反映して参りたいと思います。
貴重なご意見、有り難うございました。
また何かございましたらご連絡下さいね。当方の出来る範囲で頑張ります。(^^;
そしてそして、これからも宜しくお願い致します。m(_ _)m

* by ゆーりん@スロ嬢
ありがとうございました★
無事、新しい窓で開くようになりました♪

おかげさまで可愛いページに
なりつつあります。後は私の力量です・・・(笑)
お世話になりましたっ

ゆーりん様へ * by aki
ゆーりん様 初めましてi-185
テンプレートのご利用、誠に有り難うございます。
ご質問のカスタマイズの件です。簡単なのでTRYしてみて下さい。(^_^)

先ず、管理画面→テンプレートの設定→(使用中のテンプレの)[修正]→HTML編集枠内をクリックし、『Ctrl + F』で検索窓を開きます。
検索窓に、
<%comment_url+str>
と入力して検索します。
検索で見つかった、<%comment_url+str>を、

<script type="text/javascript">
a="<%comment_url>";
if (a!="") document.write('<a href="'+a+'" target="_blank">URL</a>')
</script>
<noscript>
<a href="<%comment_url>" target="_blank">URL</a>
</noscript>


に書き換えます。
後は「更新」ボタンを押して保存して下さい。
これでコメント頂いた方のURLが別窓で表示されようになります。

色々カスタマイズして自分好みに作って下さいねi-1
末永く当方テンプレートとお付き合い下さいませ。m(_ _)m

* by ゆーりん@スロ嬢
はじめまして、ゆーりんと申します。
テンプレ使わせて頂いてます。数々のカスタマイズも
重宝しております。

今日は1つ相談なのですが・・・
コメント部分のURLを新しいウィンドウで開く
カスタマイズって出来ますでしょうか?

もし可能であればやり方を教えて頂けると
嬉しいです。お忙しいとは思いますがよろしくお願いします。

しぃ様へ * by aki
しぃ様、無事に表示されているようで何よりですi-185
著作権表記部分以外はカスタマイズOKなので、色々楽しんで下さいね。

これからも当方テンプレートと末永くお付き合い下さいませ。
よろしくお願い致します。i-179

* by しぃ
ご丁寧にありがとうございます!
とても分かりやすくて、私にも出来ちゃいました~><
感動です!
pxのことも感謝です~。
もっと勉強していきます^^
本当にありがとうございました!!

初めまして♪ * by aki
しぃ様 初めましてi-179

この度はcandy-2cをDL頂き、誠に有り難うございます。
ご質問の件ですが、headerの画像をランダムに表示させたいという事でご説明させて頂きます。
とは言え、当方JavaScriptは良く分からないので不具合が有るかもしれません。i-201
お使いになって挙動がおかしい場合のために、テンプレートの複製(バックアップ)を作って作業した方が良いと思います。

改変方法ですが 先ず、FC2ブログの管理画面左メニューより「環境設定→テンプレートの設定」をクリックし、candy-2cのHTML/CSS「編集」ボタンを押して下さい。
すると、テンプレートの編集枠が2つ(上がHTML・下がスタイルシート)表示されます。
HTML編集(上の枠)を少しスクロールさせて
</head>という部分の真上に

<script type="text/javascript">
<!--
rdmimg=new Array();
rdmimg[0]="ヘッダー画像のURL(一枚目)";
rdmimg[1]="ヘッダー画像のURL(二枚目)";
rdmimg[2]="ヘッダー画像のURL(三枚目)";
rdmhead=Math.floor(rdmimg.length*Math.random());
rdmimg=rdmimg[Math.floor(rdmhead)];
document.write ('<style type="text/css">#header{background:#fff url('+rdmimg+') 5px center no-repeat;}</style>');
// -->
</script>


を追加して下さい。(↑をコピペでOKです)
次に、ヘッダー画像のURL(一枚目)(二枚目)・・という部分を表示したい画像のURLに変更して下さい。
画像のURLはFC2ブログ管理画面で「ファイルのアップロード」の、アップロードした画像のURLになります。
アップロードした画像のURLを確認するためには、アップロードされた縮小表示の画像をクリックし、表示された画像のURL(ウィンドウ上部、http://blog-imgs-**.fc2.com/*/*/*/******/***.jpgのような感じ)になります。
画像を増やす場合は、
rdmimg[3]="ヘッダー画像のURL(四枚目)";
rdmimg[4]="ヘッダー画像のURL(五枚目)";
というように行を追加して下さい。

次に、スタイルシート編集(下の枠)を1/3程スクロールさせた所に/* ヘッダー部分 */という箇所が有ります。
その下の、

#header {
background:#ffffff url(http://blog-imgs-27.fc2.com/s/o/r/sorauta1/can.jpg);
background-repeat:no-repeat;
background-position: center;
width:560px;
height:330px;
margin: 10px 5px 0px 8px;
text-align: left;
position:relative;
}


という部分が有りますので、ここを下記のように変更して下さい。

#header {
margin: 10px 0px 0px 8px;
width:560px;
height:330px;
text-align: left;
position:relative;
}


以上、改変できましたら「更新」ボタンを押して下さい。
これでランダム画像表示になっていると思いますので、画面を何度かリロードさせて確認して下さいね。

それと、pxについての簡単な説明です。i-179
px(ピクセル)とはデジタル画像を構成する単位で、色のついた「点」です。
パソコンの画面や画像は小さな四角形の集まりで構成されていて、この1つ1つの四角を並べることで画面・画像を表現しています。
縦や横のサイズでpx表記されている場合は、縦(横)にいくつの四角を並べているかという事で、大きい数値ほど大きな画像サイズという事になります。

長くなりましたが、ご不明な点が有りましたらまたコメント下さいね。i-1

良かったです♪ * by aki
あひる様へ

上手くサイドカラムのサイズ変更しましたね~i-185
キチンと画像も表示されているようで良かったです。(^_^)
色んな方が閲覧されるので、全てのブラウザや画面の大きさに対応するのは難しいです。
ブラウザによってCSSの解釈も違いますし、同じIEですら6と7でカラムが落ちたりもするのです。(^^;
当方はまだまだ初心者なので不具合や不備が多々有ると思いますが、是非末永くお付き合い下さいね。
これからも宜しくお願い致します。m(_ _)m

p.s. ウサギさん可愛いですねi-185うちにも2羽のウサギが居ります。

* by しぃ
初めまして^^
この前candy-2cのテンプレお借りしました。
とてもかわいくて気にいってます^^
質問なのですが、TOP画像をランダムに変更することは可能でしょうか?
また、以前画像変更の記事がありましたが、
初心者なもので、サイズ幅がpxっていうのが
よく分かりませんでした;;
ど素人ですみません・・・。

ありがとうございます * by あひる
そうなんですね
素人なので。。 よく分からず いじっていたら

どんどん 変になってしまうので
ビックリしました
 
IE6からとfire fox の違いも
はじめは気が付かず。。。

一応。。 左右カラムの余白?をかえて
大きくしたので はみ出ていた
写真が修正できましたので
これでいこうとおもいます
お返事ありがとうございました

Comment-close▲

2009-03-15 (Sun)

フリーで使えるいい感じの手書き風フォント特集(日本語も)

フリーで使えるいい感じの手書き風フォント特集(日本語も)

素材を作るのにフォントは欠かせません。今回ご紹介しますのは、12点です。いずれも手書き風のスパイスの効いたフォントをご紹介いたします。...フリーで使えるいい感じの手書き風フォント特集(日本語も)特集記事、有難いです。...

… 続きを読む

いーこ様へ * by aki
いーこ様、初めまして♪
ブログにお越し頂きまして、誠に有難うございます。m(__)m
是非、機会が有ったら手書きフォントもテンプレートも、使ってみて下さいね。

* by いーこ
かわいい^^
素敵です★

有り難うございます。 * by aki
藍様、いつもご愛顧有り難うございます。
フリーフォントは遊び心が有って 見ているだけで楽しいですよねi-185
閲覧する側のパソコンに同じフォントが無いと表示してくれませんが、素材(タイトルやバナー等)に加工して是非使ってみましょう♪i-179

p.s. こちらにも遊びに来て頂き有り難うございます。m(_ _)m
また来て下さいねi-262

* by 藍
素材サイトの方でもお世話になっています。
藍です♪

フォント可愛いですねッ
早速ダウンロードしました!

Comment-close▲

2009-03-02 (Mon)

HTMLの文法チェック

HTMLの文法チェック

先月から自サイト web material *Essence のHTMLをW3Cで合格(という程のものか?)するために手直ししていました。本日無事に合格バナー(?)を頂けました。Another HTML-lint gateway での採点は99点!どうしても削除したくない部分が1点と減点されない警告は多々有りましたが、一応目指していたものに到達できました。W3CからもらったバナーはサイトのTopページにペタリ。何となく優越感…TopページのマークはW3Cの規格に準拠し...

… 続きを読む

氷見 拓也 様へ * by aki
再びのご訪問&コメント、有難うございます。m(__)m

分かる人に教えてもらうのが一番確実で早いのでしょうが、未熟者の当方には学習の意味も有りまして。
何事も、自分で悩みや思惑を解決する事の方が身に(実にも)なりますものね。
コラボですか。何か機会でも有れば良いですね♪
先ずは貴殿サイトに「相互リンク希望」のメールを送ってみました。(^_^)

aki様 * by 氷見 拓也
分からない事を探しながら作るって楽しい…
そのスタンス、共感します♪
ボクも聞いて教えてもらったりするのは最終手段で、とりあえず自分で考えて試して、また考えて試して、みたいなスタンスですから、だからハードルを越えた時には余計に楽しい、みたいな^^
何かコラボできればいいですね♪

氷見 拓也 様 * by aki
氷見 拓也 様
コメント頂き有難うございます。m(__)m

文法チェック、初めはマイナス点でした。^^;
1つずつ修正しつつ、削除したくない部分の代替案が無いか…とか、探しながらやってました。
例えばリンク先の target=”_blank” を使わずに別窓で開く方法とか。
ユーザビリティに関わる問題だとしても、サイトの訪問者が他サイトへ移動した後にもまた戻ってきてほしいなぁ~なんて。(^^ゞ

分からない事を探しながら作るって、結構楽しいですよね。
まだまだ色々と試行錯誤で構築・運営しておりますが、手間を掛けた分 大事に「育てていきたい」と思っております。
クリエーター様に対しておこがましいですが、お互い、頑張りましょう♪

初めまして♪ * by 氷見 拓也
another HTMLの公認バナーがないかなと思いサーフしてて、ここに寄り道しました^^
小生も初めて文法チェッカーの合格バナーを貼り付けた時は眺めたり消したり眺めたり・・・ちょっとした満足感に浸っていましたよ^^
最近この認定マークを貼ったサイト、増えてきたと思いません? 中にはチェックしてみるとエラーだらけだったりするとこもあります。みんなの評価、W3Cの評価も下げてしまう行為ですし、そーゆーのはやめてもらいたいですよね^^;
てか、初めてでとりとめないカキコでごめんなさい。
「サイトは育てるもの」
お互い、頑張りましょうね♪

初めまして。 * by aki
PHB様 初めまして。
リンクのお誘い、誠に有り難うございます。
しかしながら、貴殿ブログはPass制になっており拝見する事ができません。
申し訳ございませんが、当方のリンクは『相互』を基本としており、且つ未交流の場合すぐにはリンクできませんのでご了承下さいませ。m(_ _)m
宜しければメールでも構いませんのでPassをお教え頂ければ検討致します。

* by PHB
友達になりましょう!!
よければ、おれのブログもリンクに入れて下さい(^^)/

Comment-close▲