リンクリストのツリー化表示。 (2ページ目) - FC2ブログユーザーフォーラム

無料新規登録

会員の方はログイン

トピック

コミュニティ

お知らせ

テンプレート・プラグイン

リンクリストのツリー化表示。 2ページ目

旧フォーラムの記事です　http://blog.fc2.com/forum/viewtopic.php?f=3&t=11059
ryochiko2　2006-06-18 13:30:50
件名　：リンクリストのツリー化表示。

※質問の際は、必ず以下を明記して下さい。
OS：WinXP、
ブラウザ環境： Internet ExplorerInternet　Explorer、その他（）
使用テンプレート名： [太字]
共有／共有
ブログURL：（http://ryochiko2.blog71.fc2.com/)
アダルトか否か：一般

閲覧制限がかかっております。passは121212です。

プラグインを有効にして、カスタマイズしております。
カテゴリとリンクのツリー化を従来の方法で設定しました。
枝と末端の画像を取り込んで表示させたところ、
カテゴリのツリー化は上手く表示されますが、リンクのツリー化が
上手く表示されません。

枝と末端の画像が重なっているようになります。

枝と末端の画像はCSSにて指定し、それに関わるスクリプトの記述も
カテゴリのツリー化は上手く表示されていますので
間違いなく変更されていると思います。

リンクだけが上手く表示されないのにはなにか原因があるのでしょうか。

今まで同じ方法でツリー化出来ているだけに、
こんなところで行き詰ってしまって・・・と少々落ち込んでおります。

どなたかご教示いただければ幸いです。

よろしくお願いいたします。

by FC2スタッフ 2006年06月18日 13:30

by FC2スタッフ
2006年06月18日 13:30

コメント一覧新しい順に表示▽ / 古い順に表示△

コメント一覧
新しい順 | 古い順

このコミュニティにご参加頂くと、コメントの書き込みができます

旧フォーラムの記事です
Anonymous　2006-06-20 10:47:17
件名　：

cyaimiさま

おはようございます。早速試してみましたが、
右メニュー部分がメイン下に移動し、ツリー部分は変わりませんでした。

作者さまからは、

プラグインが有効ならそれが原因じゃないでしょうか。
ツリー化スクリプトも当方が作ったものではないのでお答えしかねます。
FC2のサポート掲示板で同じような質問が無いか検索されてはどうでしょう。

とお返事をいただいただけで対応はしていただけませんでした。
この方が仰る様に、プラグイン有効がそもそもの原因であれば、
無効にしてツリーをすべて（現在プラグインを使用しているコメントもTBも記事も）
独自タグを設定し直せば良いのですが、（やってみたら、確かにツリー部分は上手く表示されました）
マウスを置いたときのバックグラウンドカラーがなくなってしまったり、
細かく色指定などをし直さないといけないようです。
プラグインにこだわるのは、フリースペースがたくさん使えたり、
他のプラグインを使いたいのがあったのですが、
これだと使えないので困っています。

Recent Entry 、Recent Comments 、Recent Trackbacks 、Monthly Arcive は
最近出たプラグインをそのまま使用しても上手く表示されるのに
カテゴリ、リンクだけが、改行されてしまい上手く表示されないのはどうしてなんでしょう。

by FC2スタッフ 2006年06月20日 10:47

by FC2スタッフ
2006年06月20日 10:47
旧フォーラムの記事です
cyaimi　2006-06-20 02:34:33
件名　：

取り急ぎ。

/* メニューリスト */　以下の
.menu_content を
#menu　に変えて試してみてください。
（#menu li, #menu2 li　{〜〜　　みたいになるかな）

きっちり他の部分まで見てはいないので、何か他のリスト（メニュー内）に影響でるかもしれませんが
一先ずこれがうまく表示させてくれない原因のようなので、こいつを手がかりにやってみてください。

（バックアップとってからやってください）

by 増上寺 2006年06月20日 02:34

by 増上寺
2006年06月20日 02:34
旧フォーラムの記事です
Anonymous　2006-06-20 00:10:14
件名　：テンプレのHTML　とCSS

cyaimi様

長いですけど、両方貼り付けてみますね。

■HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="ja" xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja">
<head>
<meta http-equiv="adimage" content="201">
<meta http-equiv="Content-Type" content="text/html; charset=EUC-JP" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<meta name="author" content="<%author_name>" />
<meta name="description" content="<%introduction>" />
<title><%blog_name> <%sub_title></title>
" media="screen,tv" title="default" />
?xml" title="rss" />
" title="トップ" />
" title="最初の記事" />
" title="<%preventry_title>" />
" title="<%nextentry_title>" />
</head>
<body>

<script language="JavaScript" src="http://analyzer2.fc2.com/analyzer.js?uid=380474"></script><noscript><div align="right"><a href="http://analyzer.fc2.com/" target="_blank">アクセス解析</a></div></noscript>

<div id="layout">

<div id="header">
<h1><a href="/" id="pagetop" name="pagetop" title="ホームへ"><%blog_name></a></h1>
<p id="site_intro"><%introduction></p>
</div>

<div id="calender">
<p><a href="<%prev_month_link>"title="前月"><%prev_year>.<%prev_month> «</a> <%days> <a href="<%next_month_link>" title="次月">» <%next_year>.<%next_month></a></p>
</div>
<div class="back_up"></div>
<div class="back_inside">
<font size="2" font color="gray"><center>
<a href="<%url>" target="_blank">Top</a> | <a href="<%url>?xml">RSS</a> | <a href="<%url>?admin" target="_blank">Admin</a>
</div>

<TABLE>
<TR>
<TD width="250" height="170" bgcolor="" valign="top" align="left">

<div id="content">

<div id="menu">

<h2><%plugin_first_title></h2>
<div class="menu_content">
<p><%plugin_first_description></p>
<p><%plugin_first_content></p>
<p><%plugin_first_description2></p>
</div>

<h2>Calendar</h2>
<div class="calendar_layout">
<table summary="カレンダー" class="calender">
<caption>
<a href="<%prev_month_link>"><%prev_month></a>
« <%now_year>/<%now_month> »
<a href="<%next_month_link>"><%next_month></a>
</caption>
<tr>
<th abbr="日曜日" scope="row" id="sun">S</th>
<th abbr="月曜日" scope="row">M</th>
<th abbr="火曜日" scope="row">T</th>
<th abbr="水曜日" scope="row">W</th>
<th abbr="木曜日" scope="row">T</th>
<th abbr="金曜日" scope="row">F</th>
<th abbr="土曜日" scope="row" id="sat">S</th>
</tr>
<tr>
<td><%calender_sun></td>
<td><%calender_mon></td>
<td><%calender_tue></td>
<td><%calender_wed></td>
<td><%calender_thu></td>
<td><%calender_fri></td>
<td><%calender_sat></td>
</tr>

</table>
</div>

<h2>Profile</h2>
<div class="menu_content">

<img id="profile" src="<%image>" alt="<%author_name>" />

<p>
<%author_name><br />
<%introduction2>
</p>
</div>

<h2>Recent Entries</h2>
<div class="menu_content">

<a href="<%recent_link>" title="<%recent_body>"><%recent_title>(<%recent_month>/<%recent_day>)</a>

</div>

<h2>Category</h2>
<div class="menu_content">

<a href="<%category_link>" title="<%category_name>"><%category_name> (<%category_count>)</a>

</div>

<h2>Recent Comments</h2>
<div class="menu_content">

<a href="<%rcomment_link>#comment<%rcomment_no>"><%rcomment_name>: <%rcomment_title> (<%rcomment_month>/<%rcomment_day>)</a>

</div>

<h2>Archives</h2>
<div class="menu_content">
<form>
<select onchange="location.href=this.options[this.selectedIndex].value">
<option>選択してください</option>

<option value="<%archive_link>"><%archive_year>年<%archive_month>月 (<%archive_count>)</option>

</select>
</form>
</div>

<h2>Recent Trackbacks</h2>
<div class="menu_content">

<a href="<%rtrackback_link>#trackback<%rtrackback_no>" title="<%rtrackback_excerpt>"><%rtrackback_blog_name>:<%rtrackback_title> (<%rtrackback_month>/<%rtrackback_day>)</a>

</div>

</div>

<div id="main">

<div id="benri_navi_area">

<h2>Entry Navi - Recent Entries</h2>

<h2>Entry Navi - Category  [<%sub_title> ]</h2>

<h2>Entry Navi - Archives</h2>
<div class="state">
<a href="<%prev_month_link>">←</a> <%now_year>年<%now_month>月 <a href="<%next_month_link>">→</a>
</div>

<h2>Entry Navi - Search Keyword[<%sub_title> ]</h2>

<h2>Entry Navi - Archives</h2>

<a href="#entry<%topentry_no>" title="記事の先頭へ"><%topentry_title> [<%topentry_year>/<%topentry_month>/<%topentry_day>]</a>

<a href="<%prevpage_url>">≪Prev</a>

<a href="<%nextpage_url>">Next≫</a>

<a href="<%prevpage_url>">≪Prev</a>

<a href="<%nextpage_url>">Next≫</a>

-->
</div>

<div class="entry_table">
<h2><a href="<%topentry_link>" name="entry<%topentry_no>" id="entry<%topentry_no>" title="記事を参照"><%topentry_title> </a></h2>

<a href="<%topentry_category_link>" title="カテゴリを参照"><%topentry_category></a>

| <a href="<%topentry_link>#trackback" title="この記事のトラックバックを参照">Trackbacks(<%topentry_tb_num>)</a>

| <a href="<%topentry_link>#comment_list" title="この記事のコメントを参照">Comments(<%topentry_comment_num>)</a>

| <a href="#pagetop" title="トップへ">TOP ▲</a>

<div class="entry_text"><p><%topentry_body></p></div>
<div class="entry_text"><p><a href="<%topentry_link>#more">more</a></p></div>
<div class="entry_text" id="more"><p><%topentry_more></p></div>

[<%topentry_year>/<%topentry_month>/<%topentry_day> <%topentry_hour>:<%topentry_minute>]
<a href="<%topentry_category_link>" title="カテゴリを参照"><%topentry_category></a> |
<a href="<%topentry_link>#trackback" title="この記事のトラックバックを参照">Trackbacks(<%topentry_tb_num>)</a>
Trackback(-) |
<a href="<%topentry_link>#comment_list" title="この記事のコメントを参照">Comments(<%topentry_comment_num>)</a>
Comment(-)<br />
<a href="<%topentry_link>" title="記事を参照">この記事のURL</a> |
<a href="#pagetop" title="トップへ">TOP ▲</a>

</div>

<rdf:Description
rdf:about="<%topentry_link>"
trackback:ping="<%url>tb.php/<%topentry_no>"
dc:title="<%topentry_title>"
dc:identifier="<%topentry_link>"
dc:subject="<%topentry_category>"
dc:description="<%topentry_discription>"
dc:creator="<%author_name>"
dc:date="<%topentry_year>-<%topentry_month>-<%topentry_day>T<%topentry_hour>:<%topentry_minute>:<%topentry_second>+09:00" />
</rdf:RDF>
-->

<div class="entry_navi">

<a href="<%nextentry_url>" title="<%nextentry_title>">≪Prev</a> |
<a href="<%url>" title="ホームへ戻る">Home</a>
| <a href="<%preventry_url>" title="<%preventry_title>">Next≫</a>

</div>

<div class="comment_table" id="comment_list">
<h3>コメント</h3>

<h4 id="comment<%comment_no>"><%comment_title></h4>
<div class="entry_text"><p><%comment_body></p></div>

[<%comment_year>/<%comment_month>/<%comment_day> <%comment_hour>:<%comment_minute>]
<%comment_url+str> |
<%comment_mail+name>
[ <a href="<%comment_edit_link>" title="コメントを編集する">編集</a> ]
<a href="#pagetop" title="トップへ">TOP ▲</a>

</div>

<div class="comment_table" id="comment_post">
<h3>コメントの投稿</h3>
<div class="entry_text">
<form method="post" action="./" name="comment_form">
<input type="hidden" name="mode" value="regist" />
<input type="hidden" name="comment[no]" value="<%pno>" />
<label for="name">NAME:</label><br />
<input id="name" type="text" name="comment[name]" size="30" value="<%cookie_name>" /><br />
<label for="subject">TITLE:</label><br />
<input id="subject" type="text" name="comment[title]" size="30" /><br />
<label for="mail">MAIL:</label><br />
<input id="mail" type="text" name="comment[mail]" size="30" value="<%cookie_mail>" /><br />
<label for="url">URL:</label><br />
<input id="url" type="text" name="comment[url]" size="30" value="<%cookie_url>" /><br />
<label for="comment">COMMENT:</label><br />
<script type="text/javascript" src="http://blog11.fc2.com/load.js"></script><br />
<textarea id="comment" cols="35" rows="8" name="comment[body]"></textarea><br />
<label for="pass">PASS:</label><br />
<input id="pass" type="password" name="comment[pass]" size="20" /><br />
<label for="himitu">SECRET:</label><br />
<input id="himitu" type="checkbox" name="comment[himitu]" value="管理者にだけ表示を許可する" />管理者にだけ表示を許可する
<br />
<input type="submit" value="送信" class="button" />
</form>
</div>
</div>

<div class="comment_table" id="comment_post">
<h3>コメントの編集</h3>
<div class="entry_text">
<form method="post" action="./" name="comment_form">
<input type="hidden" name="mode" value="edit" />
<input type="hidden" name="mode2" value="edited" />
<input type="hidden" name="edit[rno]" value="<%eno>" />
<label for="name">NAME:</label><br />
<input id="name" type="text" name="edit[name]" size="30" value="<%edit_name>" /><br />
<label for="subject">TITLE:</label><br />
<input id="subject" type="text" name="edit[title]" size="30" value="<%edit_title>" /><br />
<label for="mail">MAIL:</label><br />
<input id="mail" type="text" name="edit[mail]" size="30" value="<%edit_mail>" /><br />
<label for="url">URL:</label><br />
<input id="url" type="text" name="edit[url]" size="30" value="<%edit_url>" /><br />
<label for="comment">COMMENT:</label><br />
<script type="text/javascript" src="http://blog11.fc2.com/load.js"></script><br />
<textarea id="comment" cols="30" rows="8" name="edit[body]"><%edit_body></textarea><br />
<label for="pass">PASS:</label><br />
<input id="pass" type="password" name="edit[pass]" size="20" /><br />
<label for="himitu">SECRET:</label><br />
<input id="himitu" type="checkbox" name="edit[himitu]" value="管理者にだけ表示を許可する" />管理者にだけ表示を許可する
<br />
<input type="submit" value="送信" class="button" /> <br />
<input type="submit" name="edit[delete]" value="削除" class="button" />
</form>
</div>
</div>

<div class="comment_table" id="trackback">
<h3>トラックバック</h3>
<dl class="trackback_text">
<dt>この記事のトラックバックURL</dt>
<dd><a href="<%trackback_url>"><%trackback_url></a></dd>
</dl>

<h4 class="comment_title" id="trackback<%tb_no>" target="_blank"><%tb_title></h4>
<div class="entry_text"><p><%tb_excerpt></p></div>

[<%tb_year>/<%tb_month>/<%tb_day> <%tb_hour>:<%tb_minute>]
<a href="<%tb_url>" target="_blank">URL</a> |
<%tb_blog_name> |
<a href="#pagetop" title="トップへ">TOP ▲</a>

</div>

<div class="entry_navi">
<a href="<%prevpage_url>" title="前のページへ戻る">≪Prev</a>
| <a href="<%url>">Home</a> |
<a href="<%nextpage_url>" title="次のページへ進む">Next≫</a>

</div>

</div>

<div id="menu_2">

<h2><%plugin_second_title></h2>
<div class="menu_content">
<p><%plugin_second_description></p>
<p><%plugin_second_content></p>
<p><%plugin_second_description2></p>
</div>

<h2><%plugin_third_title></h2>
<div class="menu_content">
<p><%plugin_third_description></p>
<p><%plugin_third_content></p>
<p><%plugin_third_description2></p>
</div>

<h2>Links</h2>
<div class="menu_content">

<a href="<%link_url>" title="<%link_name>" target="_blank"><%link_name></a>

<a href="<%url>?xml">RSS</a>

</div>

<h2>Search</h2>
<div class="menu_content">
<form action="/" method="get">
<input type="text" size="15" name="q" value="" maxlength="150" /><br />
<input type="submit" value="Search" class="button" />
</form>
</div>

</div>

</div>

<div id="footer">
<p>skin presented by myhurt : <a href="http://myhurt.blog11.fc2.com/"
target="_blank">BLOG</a> | <a href="http://myhurt666.blog22.fc2.com/"
target="_blank">SKIN</a><br />
<%ad>  <%ad2><br />
copyright © 2005 <%blog_name> all rights reserved.
</p>
</div>

</div>

<script type="text/javascript">
-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('');
}
} else if (idName.indexOf('category') > -1) {
var tmpText = objList.innerHTML;
if ( tmpText.match(/\[(.+)\](.+)/) ) {
this.base = Array('<strong>',RegExp.$1,'</strong>').join('');
this.elem = Array('<a href="',linkUrl,'">',RegExp.$2).join('');
}
} else if (idName.indexOf('archive') > -1) {
var tmpText = objList.innerHTML;
tmpText.match(/$(\d+)$/);
var tmpCnt = Array(' (', RegExp.$1, ')').join('');
tmpText = objLink.innerHTML;
tmpText.match(/(.+) (\d+)/);
this.base = Array('<strong>',RegExp.$2,'</strong>').join('');
this.elem = Array('<a href="',linkUrl,'">',RegExp.$1,'</a>', tmpCnt).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 -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] = '\n';
for (i=0;i',linkList[i].base,option.top).join('');
if (linkList[i].length > 0 && option.sort) linkList[i].reverse();
for (j=0;j').join('');
}
outText[outText.length] = '\n';
objFocus.innerHTML = outText.join('');
}
}
}
var gTreeOption = new Array;
gTreeOption['sort'] = false; /* ツリー内の表示順 true:並び替える false:そのまま */
gTreeOption['list'] = ''; /* ツリー用マーク(通常) */
gTreeOption['end'] = ''; /* ツリー用マーク(末端) */
gTreeOption['leef'] = '\n'; /* 各枝の末尾 */
gTreeOption['top'] = ''; /* ツリー本体の最初 */
gTreeOption['btm'] = ''; /* ツリー本体の最後 */
createTreeList('newentrylist',gTreeOption); // 最新エントリリストのツリー化
createTreeList('entrylist',gTreeOption); // エントリリストのツリー化
createTreeList('commentlist',gTreeOption); // 最新コメントリストのツリー化
createTreeList('tblist',gTreeOption); // 最新トラックバックリストのツリー化
createTreeList('linklist',gTreeOption); // リンクリストのツリー化
createTreeList('categorylist',gTreeOption); // カテゴリリストのツリー化
// -->
</script>

</body>
</html>

■CSS
/*
タイトル画像は著作権で保護されています。改変・再配布等は禁止しています。ご自身でお作りになった画像に代替されることは構いません。

文字色、背景色、画像などの設定をカスタマイズされる方は、このスタイルシートの最後の方をご覧ください

左メニューの画像は横幅140px以下、
右メニューの画像は横幅120px以下、
記事内の画像は横幅400px以下にしてください。
それ以上にするとレイアウトが崩れる場合があります。

メニューと記事の位置を逆に変えたい場合は
#main の float属性を leftに
#menu の float属性を rightに書き換えてください

利用規約は　http://myhurt666.blog22.fc2.com/
*/

* { margin: 0; padding: 0; }

body {
text-align: center;
margin: 0px;
padding: 0px;
font-size: 12px;
font-family: "ＭＳＰゴシック","ヒラギノ角ゴ Pro W3",Osaka,sans-serif ;
word-break: break-all;
BACKGROUND : url("http://blog71.fc2.com/r/ryochiko2/file/jojo.jpg");
BACKGROUND-attachment : fixed ;
BACKGROUND-repeat : no-repeat ;
background-position: top right;
background-attachment:fixed;

}

#layout {
width: 800px;
padding-top: 0px;
position: relative;
margin:0 auto;
}

#header {
width : 800px;
height : 90px;
margin-top: 0px;
padding-top: 0px;
text-align: left;
}

#content {
width : 800px;
margin: 0px 0px 0px 0px;
}

#menu {
float : left;
width : 158px;
padding: 10px 10px 20px 10px;
margin: 20px 15px 0px 0px;
text-align: left;
overflow:hidden;
font-size: 11px;
}

#main {
margin: 20px 15px 0px 0px;
float : left;
width : 400px;
text-align: left;
}

#menu_2 {
float : left;
width : 170px;
right: 15px;
margin: 20px -15px 0px 0px;
padding: 10px 10px 20px 10px;
text-align: left;
font-size: 11px;
}
/* フッタ */
#footer {
width: 800px;
text-align: center;
padding: 10px 0px 10px 0px;
line-height: 180%;
clear: both;
}

/* ブログタイトル */
h1 {
font-weight: bolder;
text-align: left;
padding: 10px 10px 0px 15px;
font-size: 20px;
font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, "ＭＳＰゴシック","ヒラギノ角ゴ Pro W3",Osaka,sans-serif;
}
h1 a{
text-decoration: none;
}
h1 a:hover {
text-decoration: none;
}
h2, h3, h4 {
font-weight:bold;
font-size: 12.5px;
font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, "ＭＳＰゴシック","ヒラギノ角ゴ Pro W3",Osaka,sans-serif;
}

/* サイト説明文 */
#site_intro {
text-align: left;
margin: 5px;
padding: 10px 10px 0px 20px;
}

/* メニュー、便利ナビ見出し */
#menu h2 {
padding: 5px 0 3px 0px;
margin: 0px 0 0 5px;
word-break: break-all;
}

#benri_navi_area h2 {
padding: 2px 0px 3px 10px;
margin-bottom: 8px;
}

/* 記事タイトル */
.entry_table h2 {
margin: 10px 20px 10px 20px;
}
.entry_table h2 a{
text-decoration: none;
}
.entry_table h2 a:hover {
text-decoration: none;
}

/* コメント見出し */
.comment_table h3 {
margin: 10px 20px 15px 20px;
padding: 10px 0px 10px 0px;
}
.comment_table h3 a:hover {
text-decoration: none;
}

/* コメントタイトル */
.comment_table h4 {
margin: 0px 20px 15px 20px;
}
.comment_table h4 a:hover {
text-decoration: none;
}

/* リンク */
a {
text-decoration:none;
}
a:hover {
text-decoration: none;
}

/* プロフィール画像 */
#profile, .plugin-myimage {
margin-bottom: 10px;
}

/* 便利ナビリスト */
#benri_navi_area ul #list {
margin: 0px 0px 10px 15px;
list-style-type: none;
text-decoration: none;
}

/* 便利ナビ next and prev */
#benri_navi_area .state {
margin: 10px 20px 0px 15px;
line-height: 150%;
list-style-type: none;
text-align: center;
}

/* メニューリスト */
.menu_content ul {
margin: 0px 0px 20px 0px;
list-style-type: none;
text-decoration: none;
}

.menu_content li {
line-height: 100%;
list-style-type: none;
padding: 0 0 0 5px;
}

.menu_content li a {
display: block;
margin: 0 0 0 -10px;
padding: 3px 3px 3px 10px;
}

.menu_content li a:hover {
display: block;
text-decoration: none;
}

#benri_navi_area #list li {
line-height: 150%;
padding: 0 0 0 5px;
margin: 0 0 0 10px;
list-style-type: none;
}
#benri_navi_area #list li a {
text-decoration: none;
display: block;
margin: 0 0 0 -10px;
padding: 0px 3px 0px 10px;
}
#benri_navi_area #list li a:hover {
display: block;
text-decoration: none;
}

#benri_navi_area {
padding: 10px 20px 10px 10px;
width: 370px;
margin-bottom: 20px;
overflow:hidden;
font-family:"Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, "ＭＳＰゴシック","ヒラギノ角ゴ Pro W3",Osaka,sans-serif;
}

/* メニューボディ */
.menu_content {
margin: 10px 10px 10px 10px;
}

/* 記事テーブル */
.entry_table {
width: 400px;
margin-bottom: 20px;
overflow:hidden;
}

/* 記事下　next and prev */
.entry_navi {
text-align: center;
width: 400px;
padding: 10px 0px 10px 0px;
margin-bottom: 20px;
}

/* 記事本文 */
.entry_text {
line-height: 140%;
margin-bottom: 10px;
padding: 0px 20px 0px 20px;
}

/* 記事画像 */
.entry_text ul {
margin: 0px 0px 0px 15px;
}

/* 記事画像 */
.entry_text img {
margin: 0px 10px 10px 0px;
}

/* 記事内ナビ */
.entry_state {
text-align: right;
line-height: 140%;
padding-top: 5px;
margin: 0px 20px 15px 20px;
}

/* コメントフォームテーブル */
.comment_table {
width: 400px;
margin-bottom: 30px;
}

/* コメントナビ */
.comment_table ul {
text-align: right;
line-height: 140%;
padding: 15px 0px 5px 0px;
margin: 0px 20px 10px 20px;
}

.entry_state li,
.comment_table li,
.entry_navi li,
.benri_navi_state li {
display: inline;
}

/* 引用文 */
blockquote {
border: 1px solid #CCC;
background: #082c54;
padding: 10px;
margin: 10px 30px 10px 30px;
overflow: auto;
}

/* コード等 */
pre {
border: 1px solid #CCC;
background: #082c54;
overflow: auto;
padding: 10px;
margin: 10px 0px 10px 0px;
width: 400px;
}

/* テーブル */
.entry_table table,
.entry_table td,
.entry_table th {
border: 1px solid #CCC;
padding: 3px;
margin: 0px 0px 10px 0px;
}

/* テーブルキャプション */
.entry_table caption {
padding: 3px;
margin: 10px 0px 0px 0px;
}

/* トラックバックURL */
dl.trackback_text {
line-height : 130%;
padding-bottom : 15px;
margin: 0px 20px 10px 20px;
}

/* 絵文字 */
img.emoji {
margin: 2px 2px 4px 2px;
vertical-align: middle;
}

/* カレンダー */

.calendar_layout {
margin: 10px 0px 15px 10px;
}
.calender {
font-size: 11px;
width: 130px;
background: #FFFFFF;
border: 1px solid #C4C7D5;
color: #333;
}
.calender a {font-weight: bolder;}
.calender caption {
font-size: 11px;
width: 130px;
height:14px;
background: #336699;
color: #FFFFFF;
padding-top: 2px;
padding-bottom: 1px;
}

.calender caption a:link {color: #ffffff; text-decoration: none;}
.calender caption a:active {color: #ffffff; text-decoration: none}
.calender caption a:visited {color: #ffffff; text-decoration: none}
.calender caption a:hover {color: #ffffff; text-decoration: underline;}

.calender th {
width: 17px;
height: 16px;
font-weight: bolder;
text-align: center;
}

.calender td {
width: 17px;
height: 16px;
text-align: center;
}

.calender td a {
display: block;
}

.calender td a:link {
background: #ffffff!important;
color: #336699;
text-decoration: none;
}

.calender td a:visited {
background: #ffffff!important;
color: #336699;
text-decoration: none;
}

.calender td a:hover {
background: #ffffff!important;
color: #336699;
text-decoration: underline;
}

/* カレンダー曜日 */
.calender th#sun {
color: #CC3300;
}

.calender th#sat {
color: #0066CC;
}

/* 横型カレンダー
------------------------------------------------------------ */

div#calender{
width : 670px ;
text-align : center;
margin : 5px 0;
border: #CDBECB 3px double ;
background-color: ;
letter-spacing: 0.05em;
font-size : 12.5px;

background:#CDBECB;filter:alpha(opacity=60);}
.calender a { font-weight: bolder;}
.calender a:link {color:#352b32; text-decoration: bolder;}
.calender a:active {color:#3d3445; text-decoration: none;}
.calender a:visited {color: orage; text-decoration: none;}

/*
色の設定をカスタマイズされたい方は、以下の部分を変更なさってください。
*/

/* 背景色の設定 */

/* ヘッダ背景色 */
#header {background: #000;
background-image: url(http://blog71.fc2.com/r/ryochiko2/file/back1.gif);
background-position: 0 0;
background-attachment: scroll;
background-repeat: repeat;

border-right: 1px solid #000000;
border-bottom: 1px solid #000000;

}

/* フッタ背景色 */
#footer {background: #000;
background-image: url(http://blog71.fc2.com/r/ryochiko2/file/back1.gif);
background-position: 0 0;
background-attachment: scroll;
background-repeat: repeat;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;

}

/* ボディ背景色 */
body, #layout {
background-color: #000000;
/*●背景画像を透過したくない場合、(opacity=100)とすればＯＫ。*/
background:# ;filter:alpha(opacity=85);}

/* メニュー背景色 */
#menu, #menu_2 {background: #000;
background-image: url(http://blog71.fc2.com/r/ryochiko2/file/back1.gif);
background-position: 0 0;
background-attachment: scroll;
background-repeat: repeat; border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
}

/* 便利ナビ背景色 */
#benri_navi_area {background: #000;
background-image: url(http://blog71.fc2.com/r/ryochiko2/file/back1.gif);
background-position: 0 0;
background-attachment: scroll;
background-repeat: repeat; border-right: 1px solid #000000;
border-bottom: 1px solid #000000;

}

/* 記事欄背景色 */
.entry_table,
.comment_table {background: #000;
background-image: url(http://blog71.fc2.com/r/ryochiko2/file/back1.gif);
background-position: 0 0;
background-attachment: scroll;
background-repeat: repeat;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;

}

/* 文字色の設定 */

/* ヘッダ文字色 */
#header {color: #444B66;}
#header a {color: #444B66;}
#header a:hover {color: #FFF;}

/* メニュー、便利ナビ見出し文字色 */
h2 {
color: #596A8A;
}

/* メニュー文字色 */
#menu h2, #menu_2 h2 {
border-bottom: 1px solid #444B66;
}

/* 記事タイトル文字色 */
.entry_table h2 a {
color: #A4A3B8;
}
.entry_table h2 a:hover {
color: #FFF;
}

/* コメント＆トラックバック見出し文字色 */
.comment_table h3 {
color: #97d10b;
border-bottom: 1px dotted #C4C7D5;
}
.comment_table h3 a, .comment_table h3 a:hover {
color: #97d10b;
}

/* コメント＆トラックバックタイトル文字色 */
.comment_table h4, .comment_table h4 a, .comment_table h4 a:hover{
color: #97d10b;
}
.comment_table ul {
border-bottom: 1px dotted #C4C7D5;
}

/* リンク文字色 */
a {color: #97d10b;}
a:hover {color: #FFF;}

/* リスト文字色 */
li {color: #CCC4DF;}
li a {color: #CCC4DF;}
li a:hover {color: #FFF;}

.menu_content li a,
#benri_navi_area li a {
border-bottom: 0px solid #0a396e;
}
.menu_content li a:hover,
#benri_navi_area li a:hover {
background: #000000;
}

#benri_navi_area .state a{
color: #97d10b;
}
/* 記事内ナビ文字色 */
.entry_state {
border-top: 1px dotted #C4C7D5;
}
.entry_state a{
color: #97d10b;
}

.entry_navi a {
color: #97d10b;
font-weight: bolder;
}

.button {
background: #FFF;
color: #666;
}

/* トラックバックURL */
.trackback_text {
border-bottom: 1px dotted #C4C7D5;
}

/* その他文字色 */
#menu, #menu_2, #main, #footer {
color: #5F565C;
}
#footer a {color: #97d10b;}
#footer a:hover {color: #FFF;}

ul.tree {
list-style: none;
margin: 0px;
padding: 0px;

}
ul.tree li {
margin: 0px;
padding: 0px 0px 0px 15px;
background-image: url(http://blog71.fc2.com/r/ryochiko2/file/img8_lstSample.gif);
background-repeat: no-repeat;
}
ul.tree li.end {
background-image: url(http://blog71.fc2.com/r/ryochiko2/file/mattan.gif);
}

教えていただいたコードに変更してみましたが、表示は変わりませんでした。

by FC2スタッフ 2006年06月20日 00:10

by FC2スタッフ
2006年06月20日 00:10
旧フォーラムの記事です
cyaimi　2006-06-19 23:48:34
件名　：

うーむ。同じ現象が再現できず。
ためしにテンプレのHTMLをまるっと貼ってもらえば検証してみますが。
（と、もたもたしているうちに「達人がさくっと解決」を望んでみたり）

ちなみに私も改行が･･･？とも思ったのですが、だからこうすれば、まではたどり着かず。

追記：
あとは、プラグインの中身を下記にしてみるとか。（だからできるとは限らずですが）
<div id="linklist">

<a href="<%link_url>"><%link_name></a>

</div>

by 増上寺 2006年06月19日 23:48

by 増上寺
2006年06月19日 23:48
旧フォーラムの記事です
Anonymous　2006-06-19 23:24:46
件名　：

cyaimi様
こんにちは、レスをありがとうございます。

プラグインHTMLはそれぞれ以下のように変更しました。

■カテゴリ
<div id="categorylist">

<a href="<%category_link>"><%category_name>(<%category_count>)</a>

</div>

■リンク
<div id="linklist">{link_list}</div>

ワンダと巨像〜を参考に変更後、JUGEMUカスタマイズ講座にある
枝と末端画像を使ってCSSを変更しております。
（複数ブログを持っていますが、すべて同じ手順で上手く動作しております）

ワンダと巨像〜を元にツリー化する際の
デフォルトは、｢⇒｣で表示されているのですが、
これで表示させると、カテゴリ部分は

アトラゲネ系
　⇒
　マークハムピンク
　⇒
　ルブラマルギナータ
　⇒
　マクロペタラ

リンクは

Shop
　⇒
　たか
　⇒
　なんでじゃ。

と、改行されて表示されてしまいます。

どうもこの改行された部分がネックとなっているように思います。

これを、
アトラゲネ系
　⇒マークハムピンク
　⇒ルブラマルギナータ
　⇒マクロペタラ
と表示できれば、CSSで指定した画像も
上手く表示されるようになると思うのですが
どこをどういじれば、改行せずに表示されるか、
テンプレートのHTMLやCSSを見てもちんぷんかんぷんです。

丸一日経ってもレスがなかったものですから、
テンプレート作者さまへもお伺いを立てたのですが
まだご返答をいただいておりません。

ここで解決できればよいなとおもいます。

なにかヒントがあれば教えていただきたいです。

by FC2スタッフ 2006年06月19日 23:24

by FC2スタッフ
2006年06月19日 23:24
旧フォーラムの記事です
cyaimi　2006-06-19 22:59:57
件名　：

リンクのプラグインのHTML内はどうなってますでしょうか。
また、カテゴリのプラグインと比べてみるとどうでしょう。
（ソースを見た限りだと、何故こうなってしまうか不明でした）

by 増上寺 2006年06月19日 22:59

by 増上寺
2006年06月19日 22:59

16件中、11～16件表示

FC2ブログについて

マガブロ

サポート

アプリでもブログ投稿

@fc2infoさんをフォロー