%PDF-
%PDF-
Mini Shell
Mini Shell
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja" id="sixapart-standard">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta name="generator" content="Movable Type Pro 5.12" />
<link rel="stylesheet" href="http://rappan.sakura.ne.jp/blog/styles-site.css" type="text/css" />
<link rel="alternate" type="application/atom+xml" title="Atom" href="http://rappan.sakura.ne.jp/blog/atom.xml" />
<link rel="alternate" type="application/rss+xml" title="RSS" href="http://rappan.sakura.ne.jp/blog/rss.xml" />
<title>
道化師ラッパンのボヤキ [年がら年じゅう]
</title>
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://rappan.sakura.ne.jp/blog/rsd.xml" />
<script type="text/javascript" src="http://rappan.sakura.ne.jp/blog/mt.js"></script>
<script type="text/javascript" src="http://rappan.sakura.ne.jp/blog/menufolder.js" charset="utf-8"></script>
</head>
<body class="layout-three-column">
<div id="main-box">
<div id="box" class="clearfix">
<div id="head">
<div id="header">
<h1 id="blog-name"><a href="http://rappan.sakura.ne.jp/blog/" accesskey="1">道化師ラッパンのボヤキ</a></h1>
<p class="blog-description">年がら年じゅう、寝る間も惜しんで、趣味に没頭するマニアックな日々。
</p>
</div>
<div id="head-navi">
<UL id="under1">
<LI><A href="http://rappan.sakura.ne.jp/blog/" title="ブログのトップへ">ブログトップ</A>
<LI><a href="http://rappan.sakura.ne.jp/blog/allentry.php" title="記事一覧へ">記事一覧</A>
<LI><a href="http://rappan.sakura.ne.jp/blog/tagcloud.php" title="タグ一覧へ">タグクラウド</A>
</UL>
<UL id="under2">
<LI id="list"><A href="リンク先" title="#">このサイトについて</A>
<LI><A href="../" title="ホームに戻る">「年がら年じゅう」ホーム</A>
</UL>
</div>
</div>
<div id="head-calendar"><object classid='clsid:d27cdb6e-ae6d-11cf-96b8-444553540000' codebase='http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0' width='650' height='22' id='w_calendar300'><param name='allowScriptAccess' value='always' /><param name='movie' value='http://rappan.sakura.ne.jp/blog/w_calendar300.swf?xmlURL=http://rappan.sakura.ne.jp/blog/xml/&kc=4&fC=3b0077&eC=ff7f00&tC=dd0000&tp=0&mf=2&link=1&tg=1' /><param name='quality' value='high' /><param name='wmode' value='transparent' /><param name='bgcolor' value='#cccccc' /><embed src='http://rappan.sakura.ne.jp/blog/w_calendar300.swf?xmlURL=http://rappan.sakura.ne.jp/blog/xml/&kc=4&fC=3b0077&eC=ff7f00&tC=dd0000&tp=0&mf=2&link=1&tg=1' quality='high' wmode='transparent' bgcolor='#cccccc' width='650' height='22' name='w_calendar300' allowScriptAccess='always' type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/go/getflashplayer' /></object></div>
<div id="links-left-box">
<dl id="links-left">
<dt class="sidetitle">
Categories
</dt>
<dd class="side" id="categories">
<ul class="tree">
<li class="tree"><div class="subcategories" id="subcategories28name">水槽</div>
<div id="subcategories28list"><ul class="tree">
<li class="tree"><a href="http://rappan.sakura.ne.jp/blog/aqua/arua2/" title="12">水槽全体</a> [6]
</li>
<li class="tree"><a href="http://rappan.sakura.ne.jp/blog/aqua/abeni/" title="21">アベニーパファ</a> [39]
</li>
<li class="tree"><a href="http://rappan.sakura.ne.jp/blog/aqua/otosin/" title="22">オトシン</a> [12]
</li>
<li class="tree"><a href="http://rappan.sakura.ne.jp/blog/aqua/numaebi/" title="29">ヌマエビ</a> [5]
</li>
<li class="tree"><a href="http://rappan.sakura.ne.jp/blog/aqua/mizukusa/" title="20">水草</a> [18]
</li>
<li class="tree"><a href="http://rappan.sakura.ne.jp/blog/aqua/terra/" title="44">テラリウム</a> [5]
</li>
<li class="tree_end"><a href="http://rappan.sakura.ne.jp/blog/aqua/etc/" title="35">その他</a> [1]
</li>
</ul></div>
</li>
<li class="tree"><div class="subcategories" id="subcategories40name">食虫植物</div>
<div id="subcategories40list"><ul class="tree">
<li class="tree"><a href="http://rappan.sakura.ne.jp/blog/cp/dionaea/" title="41">ハエトリソウ</a> [46]
</li>
<li class="tree"><a href="http://rappan.sakura.ne.jp/blog/cp/sarra/" title="42">サラセニア</a> [4]
</li>
<li class="tree"><a href="http://rappan.sakura.ne.jp/blog/cp/utri/" title="43">ウトリキュラリア</a> [3]
</li>
<li class="tree"><a href="http://rappan.sakura.ne.jp/blog/cp/cephalotus/" title="50">セファロタス</a> [1]
</li>
<li class="tree"><a href="http://rappan.sakura.ne.jp/blog/cp/import/" title="52">輸入</a> [13]
</li>
<li class="tree"><a href="http://rappan.sakura.ne.jp/blog/cp/planter/" title="49">プランター台</a> [4]
</li>
<li class="tree_end"><a href="http://rappan.sakura.ne.jp/blog/cp/transplant/" title="51">植え替え</a> [3]
</li>
</ul></div>
</li>
<li class="tree"><div class="subcategories" id="subcategories23name">日々の出来事</div>
<div id="subcategories23list"><ul class="tree">
<li class="tree"><div class="subcategories" id="subcategories24name">お出かけ</div>
<div id="subcategories24list"><ul class="tree">
<li class="tree"><a href="http://rappan.sakura.ne.jp/blog/diary/odekake/nara/" title="55">奈良県</a> [1]
</li>
<li class="tree_end"><a href="http://rappan.sakura.ne.jp/blog/diary/odekake/hyogo/" title="10">兵庫県</a> [5]
</li>
</ul></div>
</li>
<li class="tree"><a href="http://rappan.sakura.ne.jp/blog/diary/diary2/" title="15">ただの日記</a> [6]
</li>
<li class="tree"><a href="http://rappan.sakura.ne.jp/blog/diary/nande/" title="26">ちょいとツッコミ</a> [3]
</li>
<li class="tree"><a href="http://rappan.sakura.ne.jp/blog/diary/pc/" title="13">パソコン</a> [2]
</li>
<li class="tree"><a href="http://rappan.sakura.ne.jp/blog/diary/auction/" title="8">オークション</a> [2]
</li>
<li class="tree"><div class="subcategories" id="subcategories25name">メモ</div>
<div id="subcategories25list"><ul class="tree">
<li class="tree_end"><a href="http://rappan.sakura.ne.jp/blog/diary/memo/clover/" title="19">クローバー</a> [1]
</li>
</ul></div>
</li>
<li class="tree_end"><a href="http://rappan.sakura.ne.jp/blog/diary/conveni/" title="53">コンビニ</a> [1]
</li>
</ul></div>
</li>
<li class="tree_end"><div class="subcategories" id="subcategories30name">ブログ</div>
<div id="subcategories30list"><ul class="tree">
<li class="tree"><div class="subcategories" id="subcategories31name">MT5</div>
<div id="subcategories31list"><ul class="tree">
<li class="tree"><div class="subcategories" id="subcategories32name">カスタマイズ</div>
<div id="subcategories32list"><ul class="tree">
<li class="tree"><a href="http://rappan.sakura.ne.jp/blog/blog/mt50/custom/php/" title="7">php化</a> [4]
</li>
<li class="tree"><a href="http://rappan.sakura.ne.jp/blog/blog/mt50/custom/side/" title="9">サイドメニュー</a> [4]
</li>
<li class="tree"><a href="http://rappan.sakura.ne.jp/blog/blog/mt50/custom/theme/" title="2">テーマ</a> [9]
</li>
<li class="tree"><a href="http://rappan.sakura.ne.jp/blog/blog/mt50/custom/parts/" title="3">ブログパーツ</a> [1]
</li>
<li class="tree_end"><a href="http://rappan.sakura.ne.jp/blog/blog/mt50/custom/page2/" title="33">ページ構成</a> [9]
</li>
</ul></div>
</li>
<li class="tree_end"><div class="subcategories" id="subcategories34name">プラグイン</div>
<div id="subcategories34list"><ul class="tree">
<li class="tree"><a href="http://rappan.sakura.ne.jp/blog/blog/mt50/plugin2/consti/" title="54">構成系</a> [4]
</li>
<li class="tree"><a href="http://rappan.sakura.ne.jp/blog/blog/mt50/plugin2/image/" title="4">画像系</a> [2]
</li>
<li class="tree"><a href="http://rappan.sakura.ne.jp/blog/blog/mt50/plugin2/edit/" title="6">編集系</a> [4]
</li>
<li class="tree_end"><a href="http://rappan.sakura.ne.jp/blog/blog/mt50/plugin2/entry/" title="11">記事系</a> [3]
</li>
</ul></div>
</li>
</ul></div>
</li>
<li class="tree"><div class="subcategories" id="subcategories36name">MT3.2</div>
<div id="subcategories36list"><ul class="tree">
<li class="tree"><a href="http://rappan.sakura.ne.jp/blog/blog/mt32/page/" title="5">ページ構成</a> [13]
</li>
<li class="tree"><a href="http://rappan.sakura.ne.jp/blog/blog/mt32/plugin/" title="17">プラグイン</a> [3]
</li>
<li class="tree"><a href="http://rappan.sakura.ne.jp/blog/blog/mt32/css/" title="18">スタイルシート</a> [9]
</li>
<li class="tree_end"><a href="http://rappan.sakura.ne.jp/blog/blog/mt32/memomemo/" title="16">覚書</a> [2]
</li>
</ul></div>
</li>
<li class="tree"><a href="http://rappan.sakura.ne.jp/blog/blog/tool/" title="14">ツール</a> [2]
</li>
<li class="tree"><a href="http://rappan.sakura.ne.jp/blog/blog/up/" title="1">バージョンアップ</a> [4]
</li>
<li class="tree_end"><a href="http://rappan.sakura.ne.jp/blog/blog/iko/" title="37">移行</a> [3]
</li>
</ul></div>
</li>
</ul>
<script type="text/javascript">
<!--
FoldNavigation('subcategories28','initState',true);
FoldNavigation('subcategories40','initState',true);
FoldNavigation('subcategories23','initState',true);
FoldNavigation('subcategories24','initState',true);
FoldNavigation('subcategories25','initState',true);
FoldNavigation('subcategories30','initState',true);
FoldNavigation('subcategories31','initState',true);
FoldNavigation('subcategories32','initState',true);
FoldNavigation('subcategories34','initState',true);
FoldNavigation('subcategories36','initState',true);
//-->
</script>
</dd>
<dt class="sidetitle">
Recent Comments
</dt>
<dd class="side">
<ul>
<li><a href="http://rappan.sakura.ne.jp/blog/2012/04/30-103805.php">蓋開放して1週間後</a>
<ul>
<li>
└ <a href="http://rappan.sakura.ne.jp/blog/2012/04/30-103805.php#c138" title="c138">Wahter</a> 05/07
</li>
<li>
└ <a href="http://rappan.sakura.ne.jp/blog/2012/04/30-103805.php#c139" title="c139">ラッパン</a> 05/09
</li>
</ul>
</li>
</ul>
</dd>
<dt class="sidetitle">
Recent Entries
</dt>
<dd class="side">
<ul>
<li><a href="http://rappan.sakura.ne.jp/blog/2012/07/20-203152.php" title="e231">5回目の株輸入</a></li>
<li><a href="http://rappan.sakura.ne.jp/blog/2012/07/17-142509.php" title="e229">恐れていたけど、やはり白点出ました</a></li>
<li><a href="http://rappan.sakura.ne.jp/blog/2012/07/16-132707.php" title="e228">捕獲してから3週間経ちました</a></li>
<li><a href="http://rappan.sakura.ne.jp/blog/2012/07/16-105229.php" title="e227">明日香村に行ってきました</a></li>
<li><a href="http://rappan.sakura.ne.jp/blog/2012/07/08-143341.php" title="e226">タイガーオトシン購入</a></li>
<li><a href="http://rappan.sakura.ne.jp/blog/2012/07/07-141250.php" title="e225">バンパイヤ・オトシン（ホワイト）購入</a></li>
<li><a href="http://rappan.sakura.ne.jp/blog/2012/07/03-112323.php" title="e224">追っかけて食べてました</a></li>
<li><a href="http://rappan.sakura.ne.jp/blog/2012/07/01-171356.php" title="e223">一応認識したようだ</a></li>
<li><a href="http://rappan.sakura.ne.jp/blog/2012/06/30-165039.php" title="e222">一旦サテライトへ</a></li>
<li><a href="http://rappan.sakura.ne.jp/blog/2012/06/29-165416.php" title="e221">モンスタープレミアム購入</a></li>
</ul>
</dd>
<dt class="sidetitle">
Recent Trackbacks
</dt>
<dd class="side">
<ul>
<li><a href="http://rappan.sakura.ne.jp/blog/2011/08/10-094130.php" rel="nofollow">やっぱり続くコメントスパム[MT5]</a>
<ul>
<li>
└ <a href="http://pandaer.net/blog/pandablog/2012/05/movable-type-514-en.html" title="p3" rel="nofollow">PandaTechLabo</a> 05/28
</li>
</ul>
</li>
<li><a href="http://rappan.sakura.ne.jp/blog/2011/03/23-140002.php" rel="nofollow">アイテムをまとめてアップロード[MT5]</a>
<ul>
<li>
└ <a href="http://www.shintoko.jp/engblog/archives/2010/09/25-230918.php" title="p1" rel="nofollow">ところによりエンジニア</a> 04/29
</li>
</ul>
</li>
</ul>
</dd>
</dl>
</div>
<div id="content">
<div class="blog">
<!--
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/"
xmlns:dc="http://purl.org/dc/elements/1.1/">
<rdf:Description
rdf:about="http://rappan.sakura.ne.jp/blog/2010/03/16-023527.php"
trackback:ping="http://rappan.sakura.ne.jp/mt/mt-tb.cgi/19"
dc:title="カテゴリリストのツリー化[MT5]"
dc:identifier="http://rappan.sakura.ne.jp/blog/2010/03/16-023527.php"
dc:subject="サイドメニュー"
dc:description=" カテゴリーが異様に長くなってるので、いい手はないかと思っていた。まぁ以前のブ..."
dc:creator="ラッパン"
dc:date="2010-03-16T02:35:27+09:00" />
</rdf:RDF>
-->
<div class="entry-box">
<h2 id="a000019" class="entry-header"><a href="http://rappan.sakura.ne.jp/blog/2010/03/16-023527.php">カテゴリリストのツリー化[MT5]</a></h2>
<div class="title-img"><img src="http://rappan.sakura.ne.jp/blog/titleimg/img09.gif"></div>
<div class="entry-title">
<div class="space">
</div>
<p class="date">2010年3月16日</p>
</div>
<div class="entry">
<div class="entry-content clearfix">
<p>
カテゴリーが異様に長くなってるので、いい手はないかと思っていた。まぁ以前のブログ記事も後々持ってこようなんて思ってるから、最初にカテゴリを作りすぎたってこともあったりして・・・。<img alt="bleah" height="16" src="http://rappan.sakura.ne.jp/mt/mt-static/plugins/CKEditor/ckeditor/plugins/mobilepictogram/images/bleah.gif" title="bleah" width="16" /></p>
<p>
前からいじるならこれ！と決めていたので早速お世話に。</p>
<blockquote>
<p>
[参考サイト]</p>
<ul>
<li>
<a href="http://www.koikikukan.com/archives/2007/02/09-005015.php" target="_blank">小粋空間>>サブカテゴリーリストの折りたたみ+ツリー化 for Movable Type</a></li>
</ul>
</blockquote>
<p>
この方すごいね。ブログいじり始めた当初からよく記事読ませていただいてます。解説もよくわかるし・・・。( ﾟдﾟ)ﾊｯ! それよか作業進めよ。<img alt="sweat01" height="16" src="http://rappan.sakura.ne.jp/mt/mt-static/plugins/CKEditor/ckeditor/plugins/mobilepictogram/images/sweat01.gif" title="sweat01" width="16" /></p>
<p>
</p>
<h4>
<font face="Courier New">menufolder.jsのダウンロードと設定</font></h4>
<p>
<font face="Courier New">menufolder.jsをダウンロードしてきた。<strong>バージョン7.00</strong>が最新なんかな？ほんで中身確認。</font></p>
<p>
<font face="Courier New">若干書いてある内容は違ってたりするけど、要はvarの文字の指定があってたらええねんな。</font>1か所だけ、記事と違うとこがあったので変更した。</p>
<pre>
<code>→ var offsetForTitleAndMarkOfSubcategory = <span class="af"><font color="#0000ff">1</font></span>;</code></pre>
<p>
そんで、メインページと同じとこにUP。</p>
<p>
</p>
<h4>
各ページにscript 要素追加</h4>
<p>
メインページ・カテゴリ別ブログ記事リスト・ブログ記事・月別ブログ記事リストの４つに追加。</p>
<p>
</p>
<h4>
カテゴリアーカイブの内容を変更</h4>
<p>
実は本（レッスンブック）見て1から書いたので、タグの順序とか若干違っているのであった。</p>
<p>
いくら考えても、その違いがなぜあるのかわからんかったので、思い切って全部削除し、小粋さんが表示されているソースにそっくり書き換えた。<img alt="sweat02" height="16" src="http://rappan.sakura.ne.jp/mt/mt-static/plugins/CKEditor/ckeditor/plugins/mobilepictogram/images/sweat02.gif" title="sweat02" width="16" /></p>
<p>
</p>
<h4>
CSS追加</h4>
<p>
メニューのフォントサイズが少しこのままだと小さいので、9pxやめて<strong>11px</strong>にしました。</p>
<p>
これもこのままコピーして追加。（青字が変更箇所）</p>
<pre>
<code>ul.tree {
margin: 0 0 0 5px;
padding: 0;
font-size: <span style="color: #00f">11px</span>;
list-style: none;
}
</code></pre>
<p>
</p>
<h4>
ツリー画像のUP</h4>
<p>
で、完成。</p>
<p>
</p>
<p>
記事が古かったので、不具合出たらどうしよう・・・とか思ったけど、MT5でもいけたみたい。</p>
<p>
</p>
<p>
最近思うんやけど、こないいじるのに苦労するんやったら、小粋さんの公開されているテンプレートをそのままもらって、いじった方がよかったかなーと思ったりしてる。</p>
<p>
次・・・バージョン上がって、１からやり直す時は、小粋さんのテンプレートもらうことにしよう・・・。<img alt="happy02" height="16" src="http://rappan.sakura.ne.jp/mt/mt-static/plugins/CKEditor/ckeditor/plugins/mobilepictogram/images/happy02.gif" title="happy02" width="16" /></p>
<div class="entry-tags">
<h3 class="entry-tags-header">タグ:</h3>
<ul class="entry-tags-list">
<li class="entry-tag"><a href="http://rappan.sakura.ne.jp/mt/mt-search.cgi?IncludeBlogs=2&tag=%E3%82%AB%E3%83%86%E3%82%B4%E3%83%AA%E3%83%BC%E3%83%AA%E3%82%B9%E3%83%88&limit=20&IncludeBlogs=2" rel="tag">カテゴリーリスト</a></li>
<li class="entry-tag"><a href="http://rappan.sakura.ne.jp/mt/mt-search.cgi?IncludeBlogs=2&tag=%E3%83%84%E3%83%AA%E3%83%BC%E5%8C%96&limit=20&IncludeBlogs=2" rel="tag">ツリー化</a></li>
</ul>
</div>
</div>
<p class="entry-footer">
<a href="http://rappan.sakura.ne.jp/blog/2010/03/16-023527.php">Permalink</a>
|
Category : <a href="http://rappan.sakura.ne.jp/blog/blog/mt50/custom/side/" title="">サイドメニュー</a>
|
<a href="http://rappan.sakura.ne.jp/blog/2010/03/16-023527.php#comments" title="comments19">Comments</a> [0]
|
<a href="http://rappan.sakura.ne.jp/blog/2010/03/16-023527.php#trackbacks" title="trackbacks19">Trackbacks</a> [0]
</p>
</div>
</div>
<!--
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/"
xmlns:dc="http://purl.org/dc/elements/1.1/">
<rdf:Description
rdf:about="http://rappan.sakura.ne.jp/blog/2010/03/15-100306.php"
trackback:ping="http://rappan.sakura.ne.jp/mt/mt-tb.cgi/18"
dc:title="タグ入力の時一覧から選択できるように[MT5]"
dc:identifier="http://rappan.sakura.ne.jp/blog/2010/03/15-100306.php"
dc:subject="編集系"
dc:description=" タグクラウドをいじったところで、またタグ関連でいじっていくことに。 前々か..."
dc:creator="ラッパン"
dc:date="2010-03-15T10:03:06+09:00" />
</rdf:RDF>
-->
<div class="entry-box">
<h2 id="a000018" class="entry-header"><a href="http://rappan.sakura.ne.jp/blog/2010/03/15-100306.php">タグ入力の時一覧から選択できるように[MT5]</a></h2>
<div class="title-img"><img src="http://rappan.sakura.ne.jp/blog/titleimg/img06.gif"></div>
<div class="entry-title">
<div class="space">
</div>
<p class="date">2010年3月15日</p>
</div>
<div class="entry">
<div class="entry-content clearfix">
<p>
タグクラウドをいじったところで、またタグ関連でいじっていくことに。</p>
<p>
前々から記事を書いてタグを書くときに、同じカテゴリーなんかの以前の記事で使用したタグが何やったのかわからないので不便を感じていた。</p>
<p>
で、今回も何かええのがないかなと検索してたら、ありました。<img alt="shine" height="16" src="http://rappan.sakura.ne.jp/mt/mt-static/plugins/CKEditor/ckeditor/plugins/mobilepictogram/images/shine.gif" title="shine" width="16" /></p>
<blockquote>
<p>
[参考にしたサイト]</p>
<p>
<a href="http://blog.aklaswad.com/2008/000434.html" target="_blank">blog.aklaswad.com>>TaggingHelper For MT4.2</a></p>
</blockquote>
<p>
MT4.2のみで動作と書いてありましたが、早速ためしてみることに・・・。</p>
<p>
</p>
<p>
ダウンロードして解凍したTaggingHelperForMT4_2フォルダの中身<strong>TaggingHelperフォルダ</strong>を、例によってMTをインストールしたフォルダのpluginsフォルダにほりこむだけでした。</p>
<p>
</p>
<p>
記事の新規作成画面を開くと、「タグ」の下にABC順と書いてあるので、それをクリックしたら一覧が出ました。<img alt="think" height="16" src="http://rappan.sakura.ne.jp/mt/mt-static/plugins/CKEditor/ckeditor/plugins/mobilepictogram/images/think.gif" title="think" width="16" /></p>
<p>
<img alt="100315-1.gif" class="mt-image-center" height="156" src="http://rappan.sakura.ne.jp/blog/image/blog/100315-1.gif" style="text-align: center; margin: 0px auto 20px; display: block" width="350" /></p>
<p>
</p>
<p>
ちなみに・・・もう１つ見つけたプラグインがありまして、<strong>tagSupportプラグイン</strong>っていうんやけど、こちらはMT5では作動しなかったです。<img alt="bearing" height="16" src="http://rappan.sakura.ne.jp/mt/mt-static/plugins/CKEditor/ckeditor/plugins/mobilepictogram/images/bearing.gif" title="bearing" width="16" /></p>
<div class="entry-tags">
<h3 class="entry-tags-header">タグ:</h3>
<ul class="entry-tags-list">
<li class="entry-tag"><a href="http://rappan.sakura.ne.jp/mt/mt-search.cgi?IncludeBlogs=2&tag=%E3%82%BF%E3%82%B0%E5%85%A5%E5%8A%9B&limit=20&IncludeBlogs=2" rel="tag">タグ入力</a></li>
</ul>
</div>
</div>
<p class="entry-footer">
<a href="http://rappan.sakura.ne.jp/blog/2010/03/15-100306.php">Permalink</a>
|
Category : <a href="http://rappan.sakura.ne.jp/blog/blog/mt50/plugin2/edit/" title="">編集系</a>
|
<a href="http://rappan.sakura.ne.jp/blog/2010/03/15-100306.php#comments" title="comments18">Comments</a> [0]
|
<a href="http://rappan.sakura.ne.jp/blog/2010/03/15-100306.php#trackbacks" title="trackbacks18">Trackbacks</a> [0]
</p>
</div>
</div>
<!--
<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/"
xmlns:dc="http://purl.org/dc/elements/1.1/">
<rdf:Description
rdf:about="http://rappan.sakura.ne.jp/blog/2010/03/14-152702.php"
trackback:ping="http://rappan.sakura.ne.jp/mt/mt-tb.cgi/17"
dc:title="タグクラウドをいじってみる[MT5]"
dc:identifier="http://rappan.sakura.ne.jp/blog/2010/03/14-152702.php"
dc:subject="サイドメニュー"
dc:description=" タグクラウドをかっこよく、デザイン性にあふれるものにできないかと、検索してい..."
dc:creator="ラッパン"
dc:date="2010-03-14T15:27:02+09:00" />
</rdf:RDF>
-->
<div class="entry-box">
<h2 id="a000017" class="entry-header"><a href="http://rappan.sakura.ne.jp/blog/2010/03/14-152702.php">タグクラウドをいじってみる[MT5]</a></h2>
<div class="title-img"><img src="http://rappan.sakura.ne.jp/blog/titleimg/img03.gif"></div>
<div class="entry-title">
<div class="space">
</div>
<p class="date">2010年3月14日</p>
</div>
<div class="entry">
<div class="entry-content clearfix">
<p>
タグクラウドをかっこよく、デザイン性にあふれるものにできないかと、検索していたら次のサイトが見つかりました。<img alt="flair" height="16" src="http://rappan.sakura.ne.jp/mt/mt-static/plugins/CKEditor/ckeditor/plugins/mobilepictogram/images/flair.gif" title="flair" width="16" /></p>
<blockquote>
<p>
[参考サイト]</p>
<p>
<a href="http://3ping.org/2007/10/20/1428" target="_blank">3.5ping.org>>Tag Cloudのスタイル</a></p>
</blockquote>
<p>
</p>
<p>
いやーカラフルで、このごちゃごちゃ感よくて、早速導入を。</p>
<p>
ほんで、<strong>スタイルシートの設定だけで済む</strong>とこがええ。とりあえず、6色で段階的に頻度を表すとこは、8色に変更してみました。</p>
<p>
色は、<strong>PCCS色相環</strong>を採用し、2：Rの赤から青方向に8色取って、フォトショップで色相と明度を少しいじりました。以下が使用した8色。赤が強くなるにつれて、タグの頻度が高くなります。</p>
<p>
<img alt="100314-1.jpg" class="mt-image-center" height="30" src="http://rappan.sakura.ne.jp/blog/image/blog/100314-1.jpg" style="text-align: center; margin: 0px auto 20px; display: block" width="261" /></p>
<p>
そして、スタイルシートも、ダウンロードしたデータを参考に、少しいじりました。</p>
<pre>
<code>/*タグクラウド*/
ul#tag {
margin: 0 0 20px;
padding: 0.5em 10px;
line-height: 1.1;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
}
ul#tag li {
margin: 0;
padding: 0;
display: inline;
font-size: 100%; /* ここで相対的に文字サイズを変更 */
}
ul#tag li a {
padding: 2px 5px;
border-width: 1px;
border-style: solid;
position: relative;
text-decoration: none;
background-color: #ffffff;
}
ul#tag .rank-1 a {
z-index: 8;
border-color: #d74984;
color: #d74984;
font-size: 175%;
font-weight: bold;
top: 5px;
}
ul#tag .rank-2 a {
z-index: 7;
border-color: #c2478e;
color: #c2478e;
font-size: 160%;
font-weight: bold;
}
ul#tag .rank-3 a {
z-index: 6;
border-color: #bd479e;
color: #bd479e;
font-size: 145%;
font-weight: bold;
top: 5px;
}
ul#tag .rank-4 a {
z-index: 5;
border-color: #a44da3;
color: #a44da3;
font-size: 130%;
}
ul#tag .rank-5 a {
z-index: 4;
border-color: #85549c;
color: #85549c;
font-size: 115%;
}
ul#tag .rank-6 a {
z-index: 3;
border-color: #7861a5;
color: #7861a5;
font-size: 100%;
top: 5px;
}
ul#tag .rank-7 a {
z-index: 2;
border-color: #6e7db0;
color: #6e7db0;
font-size: 85%;
}
ul#tag .rank-8 a {
z-index: 1;
border-color: #4891b6;
color: #4891b6;
font-size: 70%;
}
ul#tag li a:hover {
border-color: #ffffff;
z-index: 10;
color: #ffffff;
background-color: #cc0063;
}</code></pre>
<p>
</p>
<p>
どない？右のサイドに表示されてると思うんやけど。大成功！<img alt="catface" height="16" src="http://rappan.sakura.ne.jp/mt/mt-static/plugins/CKEditor/ckeditor/plugins/mobilepictogram/images/catface.gif" title="catface" width="16" /></p>
<p>
</p>
<p>
で、ちょっとショックなことが・・・。</p>
<p>
タグをクリックしたら、そのワードで検索がかかるんやね。検索結果のページ覗くと案の定レイアウトが乱れてた。</p>
<p>
<a href="http://rappan.sakura.ne.jp/blog/2010/03/11-122242.php" target="_blank">前回の記事（PHPモジュール化その2）</a>で、システムテンプレートの<strong>検索結果をPHP化</strong>したんやけども、その際、formタグに仕掛けする方法を取った。よー考えたら、このタグクラウドの場合、form使ってないから、そのまま検索結果のページが開かれるのであった。<img alt="sweat02" height="16" src="http://rappan.sakura.ne.jp/mt/mt-static/plugins/CKEditor/ckeditor/plugins/mobilepictogram/images/sweat02.gif" title="sweat02" width="16" /></p>
<p>
ウキウキしてたのもつかの間、いつかここを直さないとアカンわなぁ・・・。検索できてるみたいやし、しばらくこのままでいこかなとは思てるけど。</p>
<div class="entry-tags">
<h3 class="entry-tags-header">タグ:</h3>
<ul class="entry-tags-list">
<li class="entry-tag"><a href="http://rappan.sakura.ne.jp/mt/mt-search.cgi?IncludeBlogs=2&tag=%E3%82%BF%E3%82%B0%E3%82%AF%E3%83%A9%E3%82%A6%E3%83%89&limit=20&IncludeBlogs=2" rel="tag">タグクラウド</a></li>
</ul>
</div>
</div>
<p class="entry-footer">
<a href="http://rappan.sakura.ne.jp/blog/2010/03/14-152702.php">Permalink</a>
|
Category : <a href="http://rappan.sakura.ne.jp/blog/blog/mt50/custom/side/" title="">サイドメニュー</a>
|
<a href="http://rappan.sakura.ne.jp/blog/2010/03/14-152702.php#comments" title="comments17">Comments</a> [0]
|
<a href="http://rappan.sakura.ne.jp/blog/2010/03/14-152702.php#trackbacks" title="trackbacks17">Trackbacks</a> [0]
</p>
</div>
</div>
<div class="content-nav">
<div class="rappan">
<ul>
<li><a href="http://rappan.sakura.ne.jp/blog/index_49.php" class="link_before">前へ</a></li>
<li class="left"></li>
<li><a href="http://rappan.sakura.ne.jp/blog/index_45.php" class="link_page">45</a></li><li><a href="http://rappan.sakura.ne.jp/blog/index_46.php" class="link_page">46</a></li><li><a href="http://rappan.sakura.ne.jp/blog/index_47.php" class="link_page">47</a></li><li><a href="http://rappan.sakura.ne.jp/blog/index_48.php" class="link_page">48</a></li><li><a href="http://rappan.sakura.ne.jp/blog/index_49.php" class="link_page">49</a></li><li class="current_page">50</li><li><a href="http://rappan.sakura.ne.jp/blog/index_51.php" class="link_page">51</a></li><li><a href="http://rappan.sakura.ne.jp/blog/index_52.php" class="link_page">52</a></li><li><a href="http://rappan.sakura.ne.jp/blog/index_53.php" class="link_page">53</a></li><li><a href="http://rappan.sakura.ne.jp/blog/index_54.php" class="link_page">54</a></li><li><a href="http://rappan.sakura.ne.jp/blog/index_55.php" class="link_page">55</a></li>
<li class="right"></li>
<li><a href="http://rappan.sakura.ne.jp/blog/index_51.php" class="link_next">次へ</a></li>
</ul>
</div>
</div>
</div>
</div>
<div id="links-right-box">
<dl id="links-right">
<dt class="sidetitle">
Search this site
</dt>
<dd class="side">
<form method="get" action="http://rappan.sakura.ne.jp/mt/mt-search.cgi">
<fieldset>
<input type="hidden" name="IncludeBlogs" value="2" />
<input type="hidden" name="limit" value="20" />
<input id="search" tabindex="8" accesskey="t" name="search" size="20" value="" />
<input type="submit" tabindex="9" accesskey="s" value="Search" />
</fieldset>
</form>
</dd>
<dt class="sidetitle">
Tag Clouds
</dt>
<dd class="side">
<ul id="tags">
<li class="module-list-item taglevel8"><a href="http://rappan.sakura.ne.jp/mt/mt-search.cgi?IncludeBlogs=2&tag=Biohazard&limit=20">Biohazard</a></li>
<li class="module-list-item taglevel8"><a href="http://rappan.sakura.ne.jp/mt/mt-search.cgi?IncludeBlogs=2&tag=Bohemian%20Garnet&limit=20">Bohemian Garnet</a></li>
<li class="module-list-item taglevel8"><a href="http://rappan.sakura.ne.jp/mt/mt-search.cgi?IncludeBlogs=2&tag=Harmony&limit=20">Harmony</a></li>
<li class="module-list-item taglevel8"><a href="http://rappan.sakura.ne.jp/mt/mt-search.cgi?IncludeBlogs=2&tag=Louchapates&limit=20">Louchapates</a></li>
<li class="module-list-item taglevel8"><a href="http://rappan.sakura.ne.jp/mt/mt-search.cgi?IncludeBlogs=2&tag=Paradisia&limit=20">Paradisia</a></li>
<li class="module-list-item taglevel8"><a href="http://rappan.sakura.ne.jp/mt/mt-search.cgi?IncludeBlogs=2&tag=Spider&limit=20">Spider</a></li>
<li class="module-list-item taglevel8"><a href="http://rappan.sakura.ne.jp/mt/mt-search.cgi?IncludeBlogs=2&tag=Tiger%20Fangs&limit=20">Tiger Fangs</a></li>
<li class="module-list-item taglevel3"><a href="http://rappan.sakura.ne.jp/mt/mt-search.cgi?IncludeBlogs=2&tag=%E6%A0%AA%E8%BC%B8%E5%85%A5&limit=20">株輸入</a></li>
<li class="module-list-item taglevel7"><a href="http://rappan.sakura.ne.jp/mt/mt-search.cgi?IncludeBlogs=2&tag=%E3%82%AA%E3%83%88%E3%82%B7%E3%83%B3%E9%81%94&limit=20">オトシン達</a></li>
<li class="module-list-item taglevel8"><a href="http://rappan.sakura.ne.jp/mt/mt-search.cgi?IncludeBlogs=2&tag=%E7%99%BD%E7%82%B9%E7%97%85&limit=20">白点病</a></li>
<li class="module-list-item taglevel1"><a href="http://rappan.sakura.ne.jp/mt/mt-search.cgi?IncludeBlogs=2&tag=%E3%82%A2%E3%83%99%E3%83%8B%E3%83%BC%E7%A8%9A%E9%AD%9A&limit=20">アベニー稚魚</a></li>
<li class="module-list-item taglevel8"><a href="http://rappan.sakura.ne.jp/mt/mt-search.cgi?IncludeBlogs=2&tag=%E6%98%8E%E6%97%A5%E9%A6%99%E6%9D%91&limit=20">明日香村</a></li>
<li class="module-list-item taglevel7"><a href="http://rappan.sakura.ne.jp/mt/mt-search.cgi?IncludeBlogs=2&tag=%E3%82%BF%E3%82%A4%E3%82%AC%E3%83%BC%E3%83%BB%E3%82%AA%E3%83%88%E3%82%B7%E3%83%B3&limit=20">タイガー・オトシン</a></li>
<li class="module-list-item taglevel6"><a href="http://rappan.sakura.ne.jp/mt/mt-search.cgi?IncludeBlogs=2&tag=%E3%83%90%E3%83%B3%E3%83%91%E3%82%A4%E3%83%A4%E3%83%BB%E3%82%AA%E3%83%88%E3%82%B7%E3%83%B3&limit=20">バンパイヤ・オトシン</a></li>
<li class="module-list-item taglevel7"><a href="http://rappan.sakura.ne.jp/mt/mt-search.cgi?IncludeBlogs=2&tag=%E7%94%A3%E5%8D%B5%E3%83%8D%E3%83%83%E3%83%88&limit=20">産卵ネット</a></li>
<li class="module-list-item taglevel5"><a href="http://rappan.sakura.ne.jp/mt/mt-search.cgi?IncludeBlogs=2&tag=%E3%82%B5%E3%83%86%E3%83%A9%E3%82%A4%E3%83%88&limit=20">サテライト</a></li>
<li class="module-list-item taglevel5"><a href="http://rappan.sakura.ne.jp/mt/mt-search.cgi?IncludeBlogs=2&tag=%E3%83%96%E3%83%A9%E3%82%A4%E3%83%B3%E3%82%B7%E3%83%A5%E3%83%AA%E3%83%B3%E3%83%97&limit=20">ブラインシュリンプ</a></li>
<li class="module-list-item taglevel2"><a href="http://rappan.sakura.ne.jp/mt/mt-search.cgi?IncludeBlogs=2&tag=Korean%20Melody%20Shark&limit=20">Korean Melody Shark</a></li>
<li class="module-list-item taglevel6"><a href="http://rappan.sakura.ne.jp/mt/mt-search.cgi?IncludeBlogs=2&tag=%E3%83%A2%E3%83%B3%E3%82%B9%E3%82%BF%E3%83%BC%E3%83%97%E3%83%AC%E3%83%9F%E3%82%A2%E3%83%A0&limit=20">モンスタープレミアム</a></li>
<li class="module-list-item taglevel2"><a href="http://rappan.sakura.ne.jp/mt/mt-search.cgi?IncludeBlogs=2&tag=%E3%82%A2%E3%83%99%E3%83%8B%E3%83%BC%E3%83%BB%E3%83%91%E3%83%95%E3%82%A1&limit=20">アベニー・パファ</a></li>
</ul>
<p class="tags-more"><a href="http://rappan.sakura.ne.jp/blog/tagcloud.php" title="タグ一覧へ">もっと見る</a></p>
</dd>
<dt class="sidetitle">
Monthly Archives
</dt>
<dd class="side">
<ul>
<li><a href="http://rappan.sakura.ne.jp/blog/2012/07/">2012年7月</a> [8]</li>
<li><a href="http://rappan.sakura.ne.jp/blog/2012/06/">2012年6月</a> [15]</li>
<li><a href="http://rappan.sakura.ne.jp/blog/2012/05/">2012年5月</a> [12]</li>
<li><a href="http://rappan.sakura.ne.jp/blog/2012/04/">2012年4月</a> [8]</li>
<li><a href="http://rappan.sakura.ne.jp/blog/2011/10/">2011年10月</a> [3]</li>
<li><a href="http://rappan.sakura.ne.jp/blog/2011/09/">2011年9月</a> [4]</li>
<li><a href="http://rappan.sakura.ne.jp/blog/2011/08/">2011年8月</a> [6]</li>
<li><a href="http://rappan.sakura.ne.jp/blog/2011/07/">2011年7月</a> [13]</li>
<li><a href="http://rappan.sakura.ne.jp/blog/2011/06/">2011年6月</a> [7]</li>
<li><a href="http://rappan.sakura.ne.jp/blog/2011/05/">2011年5月</a> [8]</li>
<li><a href="http://rappan.sakura.ne.jp/blog/2011/04/">2011年4月</a> [2]</li>
<li><a href="http://rappan.sakura.ne.jp/blog/2011/03/">2011年3月</a> [11]</li>
<li><a href="http://rappan.sakura.ne.jp/blog/2010/06/">2010年6月</a> [15]</li>
<li><a href="http://rappan.sakura.ne.jp/blog/2010/05/">2010年5月</a> [17]</li>
<li><a href="http://rappan.sakura.ne.jp/blog/2010/04/">2010年4月</a> [12]</li>
<li><a href="http://rappan.sakura.ne.jp/blog/2010/03/">2010年3月</a> [18]</li>
<li><a href="http://rappan.sakura.ne.jp/blog/2010/02/">2010年2月</a> [7]</li>
<li><a href="http://rappan.sakura.ne.jp/blog/2008/05/">2008年5月</a> [14]</li>
<li><a href="http://rappan.sakura.ne.jp/blog/2008/04/">2008年4月</a> [15]</li>
<li><a href="http://rappan.sakura.ne.jp/blog/2008/03/">2008年3月</a> [1]</li>
<li><a href="http://rappan.sakura.ne.jp/blog/2006/07/">2006年7月</a> [1]</li>
<li><a href="http://rappan.sakura.ne.jp/blog/2006/05/">2006年5月</a> [4]</li>
<li><a href="http://rappan.sakura.ne.jp/blog/2006/04/">2006年4月</a> [13]</li>
<li><a href="http://rappan.sakura.ne.jp/blog/2006/03/">2006年3月</a> [12]</li>
</ul>
</dd>
<dd class="syndicate">
<a href="http://rappan.sakura.ne.jp/blog/rss.xml">Syndicate this site (XML)</a>
</dd>
<dd class="powered">
<ul>
<li class="module-powered"><a href="http://www.movabletype.org/"><img src="http://rappan.sakura.ne.jp/mt/mt-static/images/bug-pbmt-white.png" alt="Powered by Movable Type 5.12" width="120" height="75" /></a></li>
<li><a href="http://www.koikikukan.com/"><img src="http://rappan.sakura.ne.jp/blog/images/koikikukan.gif" alt="小粋空間" width="128" height="22" /></a></li>
</ul>
</dd>
<dt class="sidetitle">
Counter
</dt>
<dd class="counter">
<script type="text/javascript">
<!--
ref = window.parent.document.referrer;
document.write("<img src='http://rappan.sakura.ne.jp/cgi_hicnt200/img/img01/waku1.gif' border='0'>");
document.write("<img src='http://rappan.sakura.ne.jp/cgi_hicnt200/hicnt.cgi?pid=blog&img=01&len=7");
document.write("&ref=" + document.referrer + "' border='0'><img src='http://rappan.sakura.ne.jp/cgi_hicnt200/img/img01/waku2.gif' border='0'>");
// -->
</script>
<noscript>
<img src="http://rappan.sakura.ne.jp/cgi_hicnt200/img/img01/waku1.gif" border="0"><img src="http://rappan.sakura.ne.jp/cgi_hicnt200/hicnt.cgi?pid=blog&img=01&len=7" border="0"><img src="http://rappan.sakura.ne.jp/cgi_hicnt200/img/img01/waku2.gif" border="0">
</noscript>
<br>
<img src="http://rappan.sakura.ne.jp/cgi_hicnt200/img/img02/waku1.gif" border="0"><img src="http://rappan.sakura.ne.jp/cgi_hicnt200/img/img02/no.gif" border="0"><img src="http://rappan.sakura.ne.jp/cgi_hicnt200/img/img02/no.gif" border="0"><img src="http://rappan.sakura.ne.jp/cgi_hicnt200/img/img02/t.gif" border="0"><img src="http://rappan.sakura.ne.jp/cgi_hicnt200/hicnt.cgi?pid=blog&img=02&len=4&typ=tday" border="0"><img src="http://rappan.sakura.ne.jp/cgi_hicnt200/img/img02/waku2.gif" border="0">
<br>
<img src="http://rappan.sakura.ne.jp/cgi_hicnt200/img/img03/waku1.gif" border="0"><img src="http://rappan.sakura.ne.jp/cgi_hicnt200/img/img03/no.gif" border="0"><img src="http://rappan.sakura.ne.jp/cgi_hicnt200/img/img03/no.gif" border="0"><img src="http://rappan.sakura.ne.jp/cgi_hicnt200/img/img03/y.gif" border="0"><img src="http://rappan.sakura.ne.jp/cgi_hicnt200/hicnt.cgi?pid=blog&img=03&len=4&typ=yday" border="0"><img src="http://rappan.sakura.ne.jp/cgi_hicnt200/img/img03/waku2.gif" border="0">
<br>
<div class="counter-ad">
<a href="http://rappan.sakura.ne.jp/cgi_hicnt200/hicnt.cgi?mode=login" target=_blank><img src="http://rappan.sakura.ne.jp/cgi_hicnt200/gif/ana.gif" border="0"></a>
</div>
</dd>
<img src="http://m.from.tv/cgi_access/hana_page.cgi?id=blogm&type=main">
</dl>
</div>
</div>
<div id="foot">
<p id="footer">Copyright © 2006-2012 Rappan, All rights reserved.</p>
</div>
</div>
</body>
</html>
Zerion Mini Shell 1.0