*All archives* |  *Admin*

スポンサーサイト
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

気が向いたら応援してください!(笑)
メールフォーム
FC2のメールフォームは とにかく小さい!(笑)
←原寸大ですが 本文のスペースに要件すべてを書くには イライラしそう…。
FC2ブログを使っている人は 確認画面でも入力が出来ることを知っているので わざわざこの小さいフォームに 要件すべてを入力をする人は少ないと思いますが…。
FC2ブログのお友達のメールフォームを使った時に きっと広い方が使いやすいだろうな~と思い メールフォームを広くすることにしました。

サイドスペースは どうしても横幅が限られているので メインスペースだと記事やコメントを書くような感じで 広くて使いやすいかと思います。


スタイルシートに 新しくメール用のフリースペースを作って HTML編集にメールフォームを追加しました。
プレビューを見ながら どうにか思うようなフォームになりました。
テンプレートを作れるような 知識があれば こんなの簡単なんだろうな…。(笑)
スポンサーサイト

気が向いたら応援してください!(笑)
最新コメントのツリー化
   今までで 一番難しいカスタマイズでした。
   点線のツリー化方法を 紹介して下さっているサイトは 沢山あるんですが
   ド素人の私にはなかなか理解が出来なくて かなり苦しみました。(笑)
   私には 自分のブログの最新コメントが ちゃんとツリー化になっているように
   見えているので とりあえず満足です。
   とにかく カテゴリとおそろいの 点線にしたかったんです~。(笑)
   その方法を忘れないように 記事にしておこうと思います。
   テンプレートを選ぶ時は サイドメニューは白色の方が良いかも。

← ① 左の長い点線の画像を 右クリックして
  「名前をつけて画像を保存する」 を選び ファイル名を
  「tree_a.gif」 に変えて 画像を保存。

← ② 左のL字の点線の画像を 右クリックして
      「名前をつけて画像を保存する」 を選び ファイル名を
      「tree_b.gif」 に変えて 画像を保存。

③ ブログの管理画面にログインします。
④ 左側メニューの 「ファイルのアップロード」 を選択。
   先ほどの 二つの画像「tree_a.gif」 と 「tree_b.gif」 をアップロードして
   その画像のアドレスを メモ帳などにコピーペイストしておく。
   たぶん… http://blog-imgs-○.fc2.com/○/○/○/ユーザー名/tree_a.gif
   こんな感じ↑のアドレスになります。

⑤ 左側メニューの 「テンプレートの設定」 を選択。
⑥ 現在自分が使っている テンプレート名の 「編集」 を選択。
⑦ 「テンプレート名 のHTML編集」 の 文字がたくさんある中の
  最後の行から少し上に 「</body>」 があるので その行のすぐ上に
  ↓ をコピーペイストする。
<script type="text/javascript">
<!--
function makeTreeElements (idName,objList) {
if (!objList.innerHTML) return;
var objLink = objList.getElementsByTagName('a')[0];
var linkUrl = objLink.getAttribute('href');
if (idName.indexOf('comment') > -1 || idName.indexOf('tb') > -1) {
var tmpText = objList.innerHTML.split("⇒");
tmpText[0] = tmpText[0].slice(0,tmpText[0].search(/<BR/i));
this.base = Array('<a href="',linkUrl,'">',tmpText[0],'</a>').join('');
this.elem = objLink.innerHTML;
} else if (idName.indexOf('entry') > -1) {
var tmpText = objList.innerHTML;
tmpText.match(/\((\d\d\/\d\d)\)/);
this.base = Array('<strong>[',RegExp.$1,']</strong>').join('');
this.elem = Array('<a href="',linkUrl,'">',objLink.innerHTML,'</a>').join('');
} else if (idName.indexOf('link') > -1) {
var tmpText = objList.innerHTML;
if ( tmpText.match(/\[(.+)\](.+)/) ) {
this.base = Array('<strong>',RegExp.$1,'</strong>').join('');
this.elem = Array('<a href="',linkUrl,'" target="_blank">',RegExp.$2,'</a>').join('');
}
}
return this;
}
function createTreeList(idName,option) { // version 2.2
var objFocus = this.document.getElementById(idName);
if (!objFocus) return;
if (!objFocus.innerHTML) return;
var objLists = objFocus.getElementsByTagName('li');
var linkList = new Array();
var outText = new Array();
if (objLists.length > 0) {
for (i=0;i<objLists.length;i++) {
var chckFlag = true;
var elemText = new makeTreeElements(idName,objLists[i]);
if (!elemText.base || !elemText.elem) return;
for (j=0;j<linkList.length;j++) {
if ( linkList[j].base.indexOf(elemText.base) > -1 ) {
chckFlag = false;
linkList[j][linkList[j].length] = elemText.elem;
}
}
if (chckFlag) {
var tmpNum = linkList.length;
linkList[tmpNum] = new Array();
linkList[tmpNum][0] = elemText.elem;
linkList[tmpNum].base = elemText.base;
}
}
if (linkList.length > 0) {
outText[outText.length] = '<ul>\n';
for (i=0;i<linkList.length;i++) {
outText[outText.length] = Array('<li>',linkList[i].base,option.top).join('');
if (linkList[i].length > 0 && option.sort) linkList[i].reverse();
for (j=0;j<linkList[i].length;j++) {
outText[outText.length] = (j == linkList[i].length - 1) ? option.end : option.list;
outText[outText.length] = Array(linkList[i][j],option.leef).join('');
}
outText[outText.length] = Array(option.btm,'</li>').join('');
}
outText[outText.length] = '</ul>\n';
objFocus.innerHTML = outText.join('');
}
}
}
var gTreeOption = new Array;
gTreeOption['sort'] = false; /* ツリー内の表示順 true:並び替える false:そのまま */
gTreeOption['list'] = '<li class="lst">'; /* ツリー用マーク(通常) */
gTreeOption['end'] = '<li class="end">'; /* ツリー用マーク(末端) */
gTreeOption['leef'] = '</li>\n'; /* 各枝の末尾 */
gTreeOption['top'] = '<ul class="tree">'; /* ツリー本体の最初 */
gTreeOption['btm'] = '</ul>'; /* ツリー本体の最後 */
createTreeList('newentrylist',gTreeOption); // 最新エントリリストのツリー化
createTreeList('entrylist',gTreeOption); // エントリリストのツリー化
createTreeList('commentlist',gTreeOption); // 最新コメントリストのツリー化
createTreeList('tblist',gTreeOption); // 最新トラックバックリストのツリー化
createTreeList('linklist',gTreeOption); // リンクリストのツリー化
// -->
</script>

⑧ 「更新」 を選択。

⑨ 同じ画面の下の方に 「テンプレート名のスタイルシート編集」 の
  文字がたくさんある中の 一番下の行に ↓ をコピーペイストする。
  赤い部分は ファイルのアップロードした 「tree_a.gif」 と 「tree_b.gif」 の
  アドレスに書き換える。
  文字の大きさが大きい場合は 12を11とか10に 書き換える。
/* -------------------------------------------------
ツリー
------------------------------------------------- */
ul.tree {
font-size: 12px;
margin-left: 3px;
padding: 0;
list-style: none;
}

ul.tree li.lst {
background-image: url(http://blog-imgs-○.fc2.com/○/○/○/ユーザー名/tree_a.gif);
background-repeat: no-repeat;
background-position: left top;
list-style-type: none;
list-style-image: none;
margin-left: 0px;
padding-left: 18px;
padding-bottom: 0px;
}

ul.tree li.end {
background-image: url(http://blog-imgs-○.fc2.com/○/○/○/ユーザー名/tree_b.gif);
background-repeat: no-repeat;
background-position: left top;
list-style-type: none;
list-style-image: none;
margin-left: 0px;
padding-left: 18px;
padding-bottom: 0px;
}

⑩ 「更新」 を選択。
⑪ 左側メニューの 「プラグインの設定」 を選択。
⑫ プラグインカテゴリから 「最新コメント」 の 「詳細」 を選択。
⑬ プラグインの改造の 「【HTMLの編集】」 を選択。
⑭ 文字を全部消して ↓をコピーペイストする。
<div id="commentlist">
<ul>
<!--rcomment-->
<li><%rcomment_etitle><br /><a href="<%rcomment_link>#comment"><%rcomment_name>(<%rcomment_month>/<%rcomment_day>)</a></li>
<!--/rcomment-->
</ul>
</div>

⑮ 「設定」 を選択。
  プレビューで 最新コメントの状態を見ても カテゴリーのツリー化の時のように
  なぜか プレビューでは 私は真ん中に見えてしまうんですが ブログのトップ
  ページでは ちゃんと左寄りになっています。

気が向いたら応援してください!(笑)
カテゴリのツリー化
現在のテンプレートに変えている時に 共有プラグインでツリー化が簡単に出来ることを知りました。
FC2のブログをお使いの方で カテゴリを細かく分けたい方にお勧めです。

ツリー化というのは こんな感じです。
左のカテゴリでいうと 親が太文字のレシピとかオイルの部分で 子がその下の青いリンクの文字の部分です。
膨大な過去の記事のから そういえば…アレは何だっけ?って探すのが面倒だったことが 細かく分類するきっかけでした。
自分のためのツリー化?(笑)

記事の数が少なければ少ないほど 過去の記事のカテゴリを変更するのが楽チンです。
こういう便利なプラグインを作れる方は 本当に尊敬しちゃいます。
ありがたく 使わせて頂いております。(笑)


【設定方法】
① ブログの管理画面にログインします。
② 左側メニューの「プラグインの設定」→「共有プラグイン追加 」→プラグイン名の部分に「ツリー親子カテゴリB」 と入力して「検索」



③ 「詳細」→文字の大きさや左寄せに変更がある場合は 数値の変更が出来ますが そのままでも問題ないかと…。(笑)→「ダウンロード」
ダウンロードした時点で 自分のブログのトップページに  ツリー親子カテゴリBの共有プラグインが表示されていると思います。
この時点では 全部が親の状態です。



④ 管理画面の 左側メニューの「カテゴリの編集」にて 親子にしたいカテゴリを設定します。
「子」に設定したいカテゴリの項目に チェックを入れてください。
変更するたびに 画面の下の「修正」ボタンを押さないと 作業が消えてしまうので注意して下さいね~。(笑)
← 私のカテゴリ編集画面は こんな感じです。


⑤ 左側メニューの「プラグインの設定」にて 「ツリー親子カテゴリB」の詳細から 「プレビュー」でどんな状態になっているか確認すると 私のブログでは真ん中に文字が集まって 変な状態になってますが トップページではちゃんと 左寄りになってます。
なんで真ん中に表示されているのかは 私には全くわかりません。(笑)


あ! 予断になりますが 点線はgifという画像ファイルです。
 や  の記号とは違います。
私は直リンクではなく 自分のブログでファイルアップロードして使わせていただきました。
気が向いたら応援してください!(笑)
広告を消す
ブログって更新がないと 広告が入るのは知ってたけど 記事を更新してるのに 広告が入るなんて!
半年もブログを休んでると 色々変わるんですねぇ~。
( ̄∇ ̄;) ハッハッハッ

一応設定を変更して あと数日で広告は消える予定なんですが…。
ホントに消えるかな?

一行くらいなら許せるかもだけど
6行はちょっと多いんじゃない?   →
o(`ω´*)oプンスコプンスコ



FC2の管理画面左の 環境設定から
一番上の環境設定の変更を選びます。






画面の環境設定から ブログの設定にマウスを当てると ビヨ~ンと色々出てくるので その中のアカマイの設定をクリックします。





高速表示設定(アカマイ利用設定)が 利用する になっている場合は 利用しない&広告を表示しないに変えて 更新ボタンを押します。
設定を変更しても 一週間は広告が表示されてしまうようです。
なので更新ボタンを押した直後は 高速表示設定(アカマイ利用設定)が 利用するになっていますが 一週間後には利用しない&広告を表示しないに変わってるのかな?




【追記 2008.07.10】
今朝ブログを見たら 広告が消えていました。

高速表示設定(アカマイ利用設定)も 利用しない&広告を表示しないに変わっていました。
気が向いたら応援してください!(笑)
ファビコン
← ファビコンって こういうのです。
ブラウザ(Internet Explorer Mozilla Firefox 他) によって 見えない人もいるけど これってきっと 自己満足カスタマイズでしょうね…。
アセアセ...(; ̄ー ̄A)

やり方は簡単です。
【ファビコン入手方法 ①②③種類】
① ファビコン配布サイトで 気に入ったデザインを ダウンロード。
② 自分の好きな画像(gif pngなど)を ネット上で切り抜き&縮小&ファビコン変換をしてダウンロード。(アイコンがにじむ確率大)
http://www.favikon.com/
③ 自分で16x16の 原寸大のアイコンを作り ネット上でファビコン変換をしてダウンロード。
http://www.html-kit.com/favicon/

私は③の方法です。


【設置方法】
ファビコン変換出来た画像を
管理画面 → ファイルのアップロード で
ダウンロードした favicon.icoを そのままアップロード。
このとき 名前を変えたり サムネイルにチェックが入ってたりすると ファビコンが壊れて表示しないかも…。


管理画面 → テンプレートの設定 で 画面の下の方に
今使っているテンプレートの
〇〇〇のHTML編集
があります。
<link rel="・・・・・・・・・・" > という行が 最初の方のどこかに 数行くらいひと固まりで並んでいます。
その一番上の行にでも
<link rel="shortcut icon" href="http://blog-imgs-・・・・・・・・・・/favicon.ico" >
↑の行を追加。
http://blog-imgs-・・・・・・・・・・/favicon.icoは アップロードした時の ファビコンのアドレスです。


ブログの確認では 確かファビコンは表示されないと思います。
インターネット一時ファイルの履歴が残っていると 設置直後は見れないかもしれません。
気が向いたら応援してください!(笑)
コメント投稿の枠を広くする
コメントのお返事を書く時 狭いなぁ~ って思いつつ ブログのあちこちサイズは変えましたが コメント投稿の部分は変えておらず 書いたコメントを読み返すのに スクロールバー使わないといけないのが だんだん面倒になってきて 自分の使いやすいサイズにしてみました。
書き込みにくいと思う方 いらっしゃったら ごめんなさいです。
← この画面って
意外とよく使う画面です。
コメントのところを 広くしてみました。

管理画面 → テンプレートの設定 で 画面の下の方に
今使っているテンプレートの
〇〇〇のHTML編集
があります。

ここから 
<!--コメント投稿-->
     :
     :
<!--/コメント投稿-->

 ↑ こんな部分があります。

もしもHTML編集から この部分を見つけられない時は ブラウザ(Internet Explorer 7)の 編集(E) → このページの検索(F)... → textarea id を入力 → 次へ をすれば たぶん見つかると思います。

ここの中を じっくり探すと…
<textarea id="comment" name="comment[body]" cols="横のサイズ(2ケタ)" rows="縦のサイズ(2ケタ)"></textarea>
 ↑ 並び方が全く同じでなくても こんな部分があります。

ここの2ケタの数字を 少し大きくしただけです。(笑)

それから 数値を変えた後 プレビューはトップの画面は見れますが コメント投稿の画面は 見れなかったように思います。
設定前の数値を忘れないように紙に書いておいて 少し大きい数値に設定して更新し プログの確認をクリックして コメント投稿の部分を見れば変わっていると思います。


テンプレートによって そこの数値を変えただけでは 広くならないのもあります。
そんな時は スタイルシートの編集の中から コメントフォームの部分を探して %の数値を変えなければ 広さは変わりません。
が… テンプレートによって その部分の呼び方が違うので 頑張って探しましょう!
気が向いたら応援してください!(笑)
ブログ名に吹き出し
年を重ねるごとに 記憶力は薄れていくものです。
ブログ名を見ても 誰のだっけ…?
なかなか覚えられなくて どうしても思い出せなくて 吹き出しが出るようにしてみました。
Internet Explorerでしか 見えないと思います…たぶん。

カスタマイズの知識は 全くありません。
なので スルーしちゃって下さい。(笑)
あ! でも間違ってたら 教えて下さいませ。

ブラグインカテゴリに 新しくフリーエリアを追加
新画面ならフリーエリアの 詳細 をクリック
旧画面ならフリーエリアの 設定の変更 をクリック

一番下の フリーエリア内容の変更に ↓こういう感じで お友達のアドレス・名前・ブログ名 その下に管理画面

<a href="お友達のブログのアドレス" title="お友達の名前">お友達のブログ名</a><br>
<a href="お友達のブログのアドレス" title="お友達の名前">お友達のブログ名</a><br>
<a href="お友達のブログのアドレス" title="お友達の名前">お友達のブログ名</a><br>

<ul>
<li><a href="./?admin">旧管理画面</a></li>
<li><a href="<%server_url>control.php">新管理画面</a></li>
</ul>


私は緑の管理画面を切り取って オレンジのリンクの上に貼り付けました。
旧管理画面は使っていないので 新管理画面だけ残し 名前を編集に変えました。
気が向いたら応援してください!(笑)
マニアック四柱推命

生年月日と出生時間
本人
相手
数字は半角で入力してください。 相手の情報を入れると相性診断も行います。

カテゴリ
最新コメント
コレ↓愛用してます

ヴェレダ
カレンドラベビーソープ
100g


ダイヤコーポレーション
丸型ランジェリーネット
24cm


ダイヤコーポレーション
丸型洗たくネット
33cm


セキスイ
ものほしスタンド
タオルが60枚干せる


パックスナチュロン
キッチンスポンジ


パックスナチュロン
ハンドソープ


エスケー
石けんハミガキ
ミント


アジュバン エミサリー
シャンプー300ml
トリートメント250g
送料無料


アルテ
オーガニック
クレンジング
150ml


マルティナ
シアーナ
クレンジングミルク
150ml


ネオナチュラル
ヒーリングローション
120ml


マルティナ
シアーナモイスチャーミルク
100ml


ネオナチュラル
UVホワイトプロ 30ml
SPF24 PA++


DHC
薬用リップクリーム
送料込み


ビオスリーH
1g×90包
お腹の調子がイイ

国産
本牛革底
ルームシューズ
ボアで暖かい

送料込
北海道南るもい産
ななつぼし
白米 2kg

海の精
やきしお
詰替用
60g

プロフィール

菌ちゃん

住人 : 菌ちゃん
今後の課題 : 洗い上がりのしっとり感
気になる事 : 石けん材料の善し悪し

合成界面活性剤入りの化粧品が 肌に及ぼす影響のことを全く知らずに使い続けた結果 超乾燥肌になってしまいました。
2006年から手作り石けんをはじめ 化粧品も日用品も出来るだけ 合成界面活性剤を使わないメーカー または使っていても肌へのダメージが少ないメーカーの製品を選んで使っています。

10歳のボタンインコを飼っています。
http://agapornis.blog40.fc2.com/

どうぞよろしくお願いします。

石けん材料のお店
ちょっぴりおすすめ
A&D
デジタル
ホームスケール
0.1g単位


お風呂の愉しみ
ホワイトパーム油
700ml


お風呂の愉しみ
ココナッツ油
700ml

牛乳パックや
お手持ちのモールドの
底に敷けば
ハニカムが作れる
テクスチャーシート

アクリルモールド
ミルクハーフセット
押出板付き

アクリルモールド
ミルクハーフセット
押出板なし

アクリルモールド
ロールショートセット
押出板付き

くまのプーさん
野菜抜き型
スタンプ用にも
コンフェ用にも◎


絵文字+
アルファベット
スタンプセット

アルファベット
スタンプセット
大特価

アルファベット
スタンプセット
期間限定特価


オリーブ石けん、
マルセイユ石けん
を作る


肌に髪に
「優しい石けん」
手作りレシピ32


美肌になろう!
手作りの
リキッドソープと
クレイ

リンク
[油脂] ↓植物油に関することは



[園芸・漢方]
素人園芸解説 -私はこう育てる-
自然と健康を化学する 漢方のツムラ
釜屋もぐさ本舗
化粧品成分ガイド.WEB


[コミュニティ]




[ブログ素材]


メールフォーム

名前:
メール:
件名:
本文:

ブログ内検索
QRコード
QR
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。