カスタマイズ覚え書き その２

カスタマイズ覚え書き以降のカスタマイズ備忘録

・プルダウンメニュー
・コメント欄に背景をつける
・投稿者の名前表示の変更　（関連）・コメントのナンバリング・投稿情報を行頭に
・プラグイン【コメント/トラックバック/カテゴリ】のツリー化表示

プルダウンメニュー（フォントサイズ、背景色指定／リンク先を別ウインドウで開く）
↓↓↓↓ <!--プルダウンメニューでジャンプするスプリクト--><!--NOEDIT--><SCRIPT LANGUAGE="JavaScript"> <!-- function JumpToURL(form) { var IndexName = form.menu_1.selectedIndex; var url = form.menu_1.options[IndexName].value; if (url != "-" ) cw=window.open(url,"cwin",""); } // --> </SCRIPT> <!--/NOEDIT--><!--NOEDIT--> <FORM METHOD="POST" NAME="menu_1"> <SELECT NAME="menu_1" onChange="JumpToURL(this.form)" style="font-size:10px;color:#585858;background-color:#e0fff0;"> <OPTION Value="-" SELECTED>メニュートップ項目 <OPTION Value="リンク先ＵＲＬ">テキスト </SELECT> </FORM><!--/NOEDIT--> </td> ↑↑↑↑
※メニュートップ項目・・あたしので言うところの
「＋＋＋ 　　POP's Link　　 ＋＋＋」「＋＋＋ 　POP's favorite　 ＋＋＋」
※<OPTION Value="リンク先ＵＲＬ">テキストを増やせばいくつでもイケる。
※（参照）プルダウンメニュー「JavaScript」：ナレッジ

コメント欄に背景をつける
ＣＳＳの textarea#text{ }もしくは、#text{ }に記述 ↓↓↓↓ background:url(http://・・・背景にしたい画像のアドレス) no-repeat; ↑↑↑↑ 小さな画像を繰り返して背景画像とする場合は ↓↓↓↓ background:url(http://・・・背景にしたい画像のアドレス); ↑↑↑↑
※CSS を保存。CSS のみ再構築。
※（参照）コメント欄に背景をつけたいんですが…：ナレッジ
※（参照）コメント欄に背景を付ける：Pet Lovers Only♪

投稿者の名前表示の変更
４枚のＨＴＭＬの次の部分を修正 ↓↓↓↓ <div class="posted">●●<a class="aposted" href="<$ArticlePermalink$>"> ↑↑↑↑
※通常、ＩＤが表示される。「POP0215 at」が「POP at」になってマス。
※（参照）投稿者の名前表示を変更するやり方：ナレッジ
※（関連）コメントのナンバリング・投稿情報を行頭に：☆★たのしんぼ日記★☆

プラグイン【コメント/トラックバック/カテゴリ】のツリー化表示
プラグイン・フリーエリアに記述する方法 ※コメント、トラックバック等のあとであればどの位置にでもおっけー ↓↓↓↓ <style> .key_area { padding:0 0 0 10px; text-align:left; } .key { } .leaf_area { margin:3px 3px 3px 3px; text-align:left; } .leaf { padding:2px 2px 2px 18px; margin:0; background: url(http://livedoor.blogimg.jp/pop0215/imgs/9/5/954c52c3.gif) no-repeat; } .leaf_last { padding:2px 2px 2px 18px; margin:0; background: url(http://livedoor.blogimg.jp/pop0215/imgs/4/1/4193781d.gif) no-repeat; } </style></center> <script type="text/javascript" src="http://blog.livedoor.jp/takoashi/js/ConvertTree.js"></script> <script type="text/javascript" src="http://blog.livedoor.jp/takoashi/js/CreateCommentsTree.js"></script> <script type="text/javascript" src="http://blog.livedoor.jp/takoashi/js/CreateTrackBacksTree.js"></script> <script type="text/javascript" src="http://blog.livedoor.jp/takoashi/js/CreateCategoryTree.js"></script> <script language="JavaScript"><!-- var commnets_div = GetPluginByTitle("☆最新のコメント☆"); var comments_tree = CreateTreeDataFromComments(commnets_div); var commenttd = new TreeDataObj(); // おまじない commenttd.OutKey = 'POP'; commenttd.LeafOut = 'さん'; ConvertTree(comments_tree,commnets_div,commenttd); var trackbacks_div = GetPluginByTitle("☆トラックバック☆"); var trackbacks_tree = CreateTreeDataFromTrackBacks(trackbacks_div); var trackbacktd = new TreeDataObj(); // おまじない ConvertTree(trackbacks_tree,trackbacks_div,trackbacktd); // --></script> ↑↑↑↑
※（参照）ミニカスタマイズ　２５：弱小エンジニアの小言
※（参照）　☆★ちょこっとカスタマイズ：たのしんぼ日記★☆
※弱小エンジニアの小言様ご提供のツリーの枝を変えました。

    　こちらのオリジナルから↓に。
　
 　
　

2006．9．16

Comments

1．　Posted by minmi at 2006年09月17日 05:03

POP師匠！

愛を込めてそう呼ばせていただきます。
あれから、すこぶる調子がいいです。
ディスクのクリーンアップってゆーのはやったことあるけど
POPちゃんに教えてもらったのは知らなかった・・
このページの投稿内容もちんぷんかんぷんで￥（◎日◎）￥
とにかく、もうちょっと勉強しなきゃ！だわね。(;^_^A ｱｾｱｾ･･･

でも、ほんとにありがとさんでした〜。
ｱﾘｶﾞﾁｭｰ (　＾Θ＾)ﾉﾉ‐‐‐‐‐ヾ(＠ｏ＠;)ﾉ ｶﾞﾋﾞｰﾝ!!

POP師匠！

愛を込めてそう呼ばせていただきます。
あれから、すこぶる調子がいいです。
ディスクのクリーンアップってゆーのはやったことあるけど
POPちゃんに教えてもらったのは知らなかった・・
このページの投稿内容もちんぷんかんぷんで￥（◎日◎）￥
とにかく、もうちょっと勉強しなきゃ！だわね。(;^_^A ｱｾｱｾ･･･

でも、ほんとにありがとさんでした〜。
ｱﾘｶﾞﾁｭｰ (　＾Θ＾)ﾉﾉ‐‐‐‐‐ヾ(＠ｏ＠;)ﾉ ｶﾞﾋﾞｰﾝ!!

2．　Posted by POP at 2006年09月17日 11:09

minmiちゃん

ホントにそのことが効果あったのか、たまたまなのか
イマイチあたしも自信がなかったりするのョ(＾＾;)
とりあえず調子良くなって良かったね☆
あたしのパソコンも古臭くて、しょっちゅー調子悪くなるから
あの手この手はあるので、またなんかあったときは
一緒に解決方法を探りましょうね(≧ω≦)ｂ

minmiちゃん

ホントにそのことが効果あったのか、たまたまなのか
イマイチあたしも自信がなかったりするのョ(＾＾;)
とりあえず調子良くなって良かったね☆
あたしのパソコンも古臭くて、しょっちゅー調子悪くなるから
あの手この手はあるので、またなんかあったときは
一緒に解決方法を探りましょうね(≧ω≦)ｂ