注目タグ

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

トピック詳細

リンクリストのツリー化表示。

旧フォーラムの記事です 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にて指定し、それに関わるスクリプトの記述も
カテゴリのツリー化は上手く表示されていますので
間違いなく変更されていると思います。

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

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

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

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

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

コメント一覧 16件中、11~16件表示

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

    cyaimiさま

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


    作者さまからは、

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

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


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

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

  • 旧フォーラムの記事です
    cyaimi 2006-06-20 02:34:33
    件名 :

    取り急ぎ。

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

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

    (バックアップとってからやってください)

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

  • 旧フォーラムの記事です
    Anonymous 2006-06-20 00:10:14
    件名 :テンプレのHTML とCSS

    cyaimi様

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

    ■HTML
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Trans itional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtm l1-transitional.dtd">
    <html lang="ja" xmlns="http://www.w3.org/ 1999/xhtml" xml:lang="ja">
    <head>
    <meta http-equiv="adimage" content="201&q uot;>
    <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="<%in troduction>" />
    <title><%blog_name> <%sub_title></titl e>
    " 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"></scri pt><noscript><div align="right">< ;a href="http://analyzer.fc2.com/" target="_b lank">アクセス解析</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>&l t;/p>
    </div>



    <div id="calender">
    <p><a href="<%prev_month_link>"ti tle="前月"><%prev_year>.<%prev_month> &nbsp;&laquo;</a>&nbsp;<%days>&n bsp;<a href="<%next_month_link>" title=&q uot;次月">&raquo;&nbsp;<%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&qu ot;>Top</a> | <a href="<%url>?xml&quo t;>RSS</a> | <a href="<%url>?admin&qu ot; target="_blank">Admin</a>
    </div>

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




    <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="calende r">
    <caption>
    <a href="<%prev_month_link>">< %prev_month></a>
    &laquo; <%now_year>/<%now_month> &r aquo;
    <a href="<%next_month_link>">< %next_month></a>
    </caption>
    <tr>
    <th abbr="日曜日" scope="row" id=&q uot;sun">S</th>
    <th abbr="月曜日" scope="row">M& lt;/th>
    <th abbr="火曜日" scope="row">T& lt;/th>
    <th abbr="水曜日" scope="row">W& lt;/th>
    <th abbr="木曜日" scope="row">T& lt;/th>
    <th abbr="金曜日" scope="row">F& lt;/th>
    <th abbr="土曜日" scope="row" id=&q uot;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>&#40 ;<%recent_month>/<%recent_day>&#41;</a> ;


    </div>



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

    <a href="<%category_link>" title=&qu ot;<%category_name>"><%category_name> &a mp;#40;<%category_count>&#41;</a>

    </div>

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


    <a href="<%rcomment_link>#comment<%rco mment_no>"><%rcomment_name>:&nbsp;<% rcomment_title> &#40;<%rcomment_month>/<%rco mment_day>&#41;</a>


    </div>

    <h2>Archives</h2>
    <div class="menu_content">
    <form>
    <select onchange="location.href=this.options&am p;#91;this.selectedIndex&#93;.value">
    <option>選択してください</option>

    <option value="<%archive_link>">& lt;%archive_year>年<%archive_month>月 &#40;<%a rchive_count>&#41;</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> &#40;<%rtrackback_month>/<%rtrackback _day>&#41;</a>


    </div>




    </div>


    <div id="main">




    <div id="benri_navi_area">



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



    <h2>Entry Navi - Category &nbsp;&#91;< %sub_title> &#93;</h2>



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



    <h2>Entry Navi - Search Keyword&#91;<%sub_ title> &#93;</h2>






    <h2>Entry Navi - Archives</h2>







    <a href="#entry<%topentry_no>" title ="記事の先頭へ"><%topentry_title>&nbsp;& ;#91;<%topentry_year>/<%topentry_month>/<%top entry_day>&#93;</a>







    <a href="<%prevpage_url>">≪Prev&l t;/a>


    <a href="<%nextpage_url>">Next≫&l t;/a>









    <a href="<%prevpage_url>">≪Prev&l t;/a>


    <a href="<%nextpage_url>">Next≫&l t;/a>





    -->
    </div>






    <div class="entry_table">
    <h2><a href="<%topentry_link>" na me="entry<%topentry_no>" id="entry<% topentry_no>" title="記事を参照"><%topent ry_title>&nbsp;</a></h2>

    <a href="<%topentry_category_link>" tit le="カテゴリを参照"><%topentry_category></a&g t;


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


    | <a href="<%topentry_link>#comment_list&quo t; title="この記事のコメントを参照">Comments&#40;<%t opentry_comment_num>&#41;</a>



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



    <div class="entry_text"><p><%tope ntry_body></p></div>
    <div class="entry_text"><p><a hre f="<%topentry_link>#more">more</a>& lt;/p></div>
    <div class="entry_text" id="more"&g t;<p><%topentry_more></p></div>


    &#91;<%topentry_year>/<%topentry_month> ;/<%topentry_day>&nbsp;<%topentry_hour>:< %topentry_minute>&#93;
    <a href="<%topentry_category_link>" title="カテゴリを参照"><%topentry_category>< /a> |
    <a href="<%topentry_link>#trackback" ; title="この記事のトラックバックを参照">Trackbacks&#40;&l t;%topentry_tb_num>&#41;</a>
    Trackback&#40;-&#41; |
    <a href="<%topentry_link>#comment_list&q uot; title="この記事のコメントを参照">Comments&#40;< %topentry_comment_num>&#41;</a>
    Comment&#40;-&#41;<br />
    <a href="<%topentry_link>" title=&q uot;記事を参照">この記事のURL</a> |
    <a href="#pagetop" title="トップへ" >TOP ▲</a>

    </div>


    <rdf:Description
    rdf:about="<%topentry_link>"
    trackback:ping="<%url>tb.php/<%topentry_no&g t;"
    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&g t;-<%topentry_day>T<%topentry_hour>:<%topentr y_minute>:<%topentry_second>+09:00" />
    </rdf:RDF>
    -->





    <div class="entry_navi">

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

    </div>







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

    <h4 id="comment<%comment_no>"><%c omment_title></h4>
    <div class="entry_text"><p><%comm ent_body></p></div>

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


    </div>



    <div class="comment_table" id="commen t_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&am p;#91;no&#93;" value="<%pno>" />
    <label for="name">NAME:</label>&l t;br />
    <input id="name" type="text" nam e="comment&#91;name&#93;" size="30&qu ot; value="<%cookie_name>" /><br />
    <label for="subject">TITLE:</label&g t;<br />
    <input id="subject" type="text" name="comment&#91;title&#93;" size="3 0" /><br />
    <label for="mail">MAIL:</label>&l t;br />
    <input id="mail" type="text" nam e="comment&#91;mail&#93;" size="30&qu ot; value="<%cookie_mail>" /><br />
    <label for="url">URL:</label>< br />
    <input id="url" type="text" name ="comment&#91;url&#93;" size="30" ; value="<%cookie_url>" /><br />
    <label for="comment">COMMENT:</label ><br />
    <script type="text/javascript" src="h ttp://blog11.fc2.com/load.js"></script><br />
    <textarea id="comment" cols="35" rows="8" name="comment&#91;body&#93; "></textarea><br />
    <label for="pass">PASS:</label>&l t;br />
    <input id="pass" type="password" name="comment&#91;pass&#93;" size="2 0" /><br />
    <label for="himitu">SECRET:</label&g t;<br />
    <input id="himitu" type="checkbox&quo t; name="comment&#91;himitu&#93;" value=&q uot;管理者にだけ表示を許可する" />管理者にだけ表示を許可する
    <br />
    <input type="submit" value="送信" class="button" />
    </form>
    </div>
    </div>






    <div class="comment_table" id="commen t_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&# 91;rno&#93;" value="<%eno>" />
    <label for="name">NAME:</label>&l t;br />
    <input id="name" type="text" nam e="edit&#91;name&#93;" size="30" value="<%edit_name>" /><br />
    <label for="subject">TITLE:</label&g t;<br />
    <input id="subject" type="text" name="edit&#91;title&#93;" size="30&q uot; value="<%edit_title>" /><br />
    <label for="mail">MAIL:</label>&l t;br />
    <input id="mail" type="text" nam e="edit&#91;mail&#93;" size="30" value="<%edit_mail>" /><br />
    <label for="url">URL:</label>< br />
    <input id="url" type="text" name ="edit&#91;url&#93;" size="30" v alue="<%edit_url>" /><br />
    <label for="comment">COMMENT:</label ><br />
    <script type="text/javascript" src="h ttp://blog11.fc2.com/load.js"></script><br />
    <textarea id="comment" cols="30" rows="8" name="edit&#91;body&#93;&qu ot;><%edit_body></textarea><br />
    <label for="pass">PASS:</label>&l t;br />
    <input id="pass" type="password" name="edit&#91;pass&#93;" size="20&q uot; /><br />
    <label for="himitu">SECRET:</label&g t;<br />
    <input id="himitu" type="checkbox&quo t; name="edit&#91;himitu&#93;" value=" ;管理者にだけ表示を許可する" />管理者にだけ表示を許可する
    <br />
    <input type="submit" value="送信" class="button" /> <br />
    <input type="submit" name="edit&# 91;delete&#93;" value="削除" class="bu tton" />
    </form>
    </div>
    </div>







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


    <h4 class="comment_title" id="trackba ck<%tb_no>" target="_blank"><%tb_ title></h4>
    <div class="entry_text"><p><%t b_excerpt></p></div>

    &#91;<%tb_year>/<%tb_month>/<%tb_day > <%tb_hour>:<%tb_minute>&#93;
    <a href="<%tb_url>" target="_bl ank">URL</a> |
    <%tb_blog_name> |
    <a href="#pagetop" title="トップへ"& gt;TOP ▲</a>


    </div>







    <div class="entry_navi">
    <a href="<%prevpage_url>" title=&quo t;前のページへ戻る">≪Prev</a>
    | <a href="<%url>">Home</a> |
    <a href="<%nextpage_url>" title=&quo t;次のページへ進む">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="&l t;%link_name>" target="_blank"><%lin k_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" na me="q" value="" maxlength="150" ; /><br />
    <input type="submit" value="Search&q uot; class="button" />
    </form>
    </div>



    </div>


    </div>




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


    </div>



    <script type="text/javascript">
    -1 || idName.indexOf&#40;'tb'&#41; > -1&#41; &#123;
    var tmpText = objList.innerHTML.split&#40;"⇒&q uot;&#41;;
    tmpText&#91;0&#93; = tmpText&#91;0&#93; .slice&#40;0,tmpText&#91;0&#93;.search&#40;/ <BR/i&#41;&#41;;
    this.base = Array&#40;'<a href="' ,linkUrl,'">',tmpText&#91;0&#93;,& #039;</a>'&#41;.join&#40;''& ;#41;;
    this.elem = objLink.innerHTML;
    &#125; else if &#40;idName.indexOf&#40;' entry'&#41; > -1&#41; &#123;
    var tmpText = objList.innerHTML;
    tmpText.match&#40;/\&#40;&#40;\d\d\/\d\d&am p;#41;\&#41;/&#41;;
    this.base = Array&#40;'<strong>',Re gExp.$1,'</strong>'&#41;.join&#40;&# 039;'&#41;;
    this.elem = Array&#40;'<a href="' ,linkUrl,'">',objLink.innerHTML,'< /a>'&#41;.join&#40;''&#41;;
    &#125; else if &#40;idName.indexOf&#40;' link'&#41; > -1&#41; &#123;
    var tmpText = objList.innerHTML;
    if &#40; tmpText.match&#40;/\&#91;&#40; .+&#41;\&#93;&#40;.+&#41;/&#41; &#41 ; &#123;
    this.base = Array&#40;'<strong>', RegExp.$1,'</strong>'&#41;.join&#40; ''&#41;;
    this.elem = Array&#40;'<a href=" 9;,linkUrl,'" target="_blank">', RegExp.$2,'</a>'&#41;.join&#40;' ;'&#41;;
    &#125;
    &#125; else if &#40;idName.indexOf&#40;'ca tegory'&#41; > -1&#41; &#123;
    var tmpText = objList.innerHTML;
    if &#40; tmpText.match&#40;/\&#91;&#40; .+&#41;\&#93;&#40;.+&#41;/&#41; &#41 ; &#123;
    this.base = Array&#40;'<strong>', RegExp.$1,'</strong>'&#41;.join&#40; ''&#41;;
    this.elem = Array&#40;'<a href=" 9;,linkUrl,'">',RegExp.$2&#41;.join&am p;#40;''&#41;;
    &#125;
    &#125; else if &#40;idName.indexOf&#40;' archive'&#41; > -1&#41; &#123;
    var tmpText = objList.innerHTML;
    tmpText.match&#40;/\&#40;&#40;\d+&#41;\ &#41;/&#41;;
    var tmpCnt = Array&#40;' &#40;', RegE xp.$1, '&#41;'&#41;.join&#40;'� 39;&#41;;
    tmpText = objLink.innerHTML;
    tmpText.match&#40;/&#40;.+&#41; &#40;\d +&#41;/&#41;;
    this.base = Array&#40;'<strong>',Re gExp.$2,'</strong>'&#41;.join&#40;&# 039;'&#41;;
    this.elem = Array&#40;'<a href="' ,linkUrl,'">',RegExp.$1,'</a>&# 039;, tmpCnt&#41;.join&#40;''&#41;;
    &#125;
    return this;
    &#125;
    function createTreeList&#40;idName,option&#41; & ;#123; // version 2.2
    var objFocus = this.document.getElementById&#40;idNam e&#41;;
    if &#40;!objFocus&#41; return;
    if &#40;!objFocus.innerHTML&#41; return;
    var objLists = objFocus.getElementsByTagName&#40; 9;li'&#41;;
    var linkList = new Array&#40;&#41;;
    var outText = new Array&#40;&#41;;
    if &#40;objLists.length > 0&#41; &#123;
    for &#40;i=0;i<objLists.length;i++&#41; & ;#123;
    var chckFlag = true;
    var elemText = new makeTreeElements&#40;idName,ob jLists&#91;i&#93;&#41;;
    if &#40;!elemText.base || !elemText.elem&#41; return;
    for &#40;j=0;j -1 &#41; &#123;
    chckFlag = false;
    linkList&#91;j&#93;&#91;linkList& #91;j&#93;.length&#93; = elemText.elem;
    &#125;
    &#125;
    if &#40;chckFlag&#41; &#123;
    var tmpNum = linkList.length;
    linkList&#91;tmpNum&#93; = new Array&#4 0;&#41;;
    linkList&#91;tmpNum&#93;&#91;0&#93; = elemText.elem;
    linkList&#91;tmpNum&#93;.base = elemText.ba se;
    &#125;
    &#125;
    if &#40;linkList.length > 0&#41; &#123;
    outText&#91;outText.length&#93; = '\n� 39;;
    for &#40;i=0;i',linkList&#91;i&#93;. base,option.top&#41;.join&#40;''&#41;;
    if &#40;linkList&#91;i&#93;.length > 0 && option.sort&#41; linkList&#91;i&#9 3;.reverse&#40;&#41;;
    for &#40;j=0;j'&#41;.join&#40; 9;'&#41;;
    &#125;
    outText&#91;outText.length&#93; = '\n� 39;;
    objFocus.innerHTML = outText.join&#40;'' ;&#41;;
    &#125;
    &#125;
    &#125;
    var gTreeOption = new Array;
    gTreeOption&#91;'sort'&#93; = false; /* ツリー内の表示順 true:並び替える false:そのまま */
    gTreeOption&#91;'list'&#93; = '' ;; /* ツリー用マーク&#40;通常&#41; */
    gTreeOption&#91;'end'&#93; = '' ;; /* ツリー用マーク&#40;末端&#41; */
    gTreeOption&#91;'leef'&#93; = '\n� 39;; /* 各枝の末尾 */
    gTreeOption&#91;'top'&#93; = '' ;; /* ツリー本体の最初 */
    gTreeOption&#91;'btm'&#93; = '' ;; /* ツリー本体の最後 */
    createTreeList&#40;'newentrylist',gTreeOption &#41;; // 最新エントリリストのツリー化
    createTreeList&#40;'entrylist',gTreeOption&am p;#41;; // エントリリストのツリー化
    createTreeList&#40;'commentlist',gTreeOption& amp;#41;; // 最新コメントリストのツリー化
    createTreeList&#40;'tblist',gTreeOption&# 41;; // 最新トラックバックリストのツリー化
    createTreeList&#40;'linklist',gTreeOption& ;#41;; // リンクリストのツリー化
    createTreeList&#40;'categorylist',gTreeOption &#41;; // カテゴリリストのツリー化
    // -->
    </script>

    </body>
    </html>


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

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

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

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

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

    * &#123; margin: 0; padding: 0; &#125;

    body &#123;
    text-align: center;
    margin: 0px;
    padding: 0px;
    font-size: 12px;
    font-family: "MS Pゴシック","ヒラギノ角ゴ Pro W3&q uot;,Osaka,sans-serif ;
    word-break: break-all;
    BACKGROUND : url&#40;"http://blog71.fc2.com/r/ryoc hiko2/file/jojo.jpg"&#41;;
    BACKGROUND-attachment : fixed ;
    BACKGROUND-repeat : no-repeat ;
    background-position: top right;
    background-attachment:fixed;

    &#125;



    #layout &#123;
    width: 800px;
    padding-top: 0px;
    position: relative;
    margin:0 auto;
    &#125;

    #header &#123;
    width : 800px;
    height : 90px;
    margin-top: 0px;
    padding-top: 0px;
    text-align: left;
    &#125;

    #content &#123;
    width : 800px;
    margin: 0px 0px 0px 0px;
    &#125;

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

    #main &#123;
    margin: 20px 15px 0px 0px;
    float : left;
    width : 400px;
    text-align: left;
    &#125;

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

    /* ブログタイトル */
    h1 &#123;
    font-weight: bolder;
    text-align: left;
    padding: 10px 10px 0px 15px;
    font-size: 20px;
    font-family:"Lucida Grande", "Lucida San s Unicode", Arial, Helvetica, "MS Pゴシック",&quo t;ヒラギノ角ゴ Pro W3",Osaka,sans-serif;
    &#125;
    h1 a&#123;
    text-decoration: none;
    &#125;
    h1 a:hover &#123;
    text-decoration: none;
    &#125;
    h2, h3, h4 &#123;
    font-weight:bold;
    font-size: 12.5px;
    font-family:"Lucida Grande", "Lucida San s Unicode", Arial, Helvetica, "MS Pゴシック",&quo t;ヒラギノ角ゴ Pro W3",Osaka,sans-serif;
    &#125;

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

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

    #benri_navi_area h2 &#123;
    padding: 2px 0px 3px 10px;
    margin-bottom: 8px;
    &#125;

    /* 記事タイトル */
    .entry_table h2 &#123;
    margin: 10px 20px 10px 20px;
    &#125;
    .entry_table h2 a&#123;
    text-decoration: none;
    &#125;
    .entry_table h2 a:hover &#123;
    text-decoration: none;
    &#125;

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

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

    /* リンク */
    a &#123;
    text-decoration:none;
    &#125;
    a:hover &#123;
    text-decoration: none;
    &#125;

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

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

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

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

    .menu_content li &#123;
    line-height: 100%;
    list-style-type: none;
    padding: 0 0 0 5px;
    &#125;

    .menu_content li a &#123;
    display: block;
    margin: 0 0 0 -10px;
    padding: 3px 3px 3px 10px;
    &#125;

    .menu_content li a:hover &#123;
    display: block;
    text-decoration: none;
    &#125;

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

    #benri_navi_area &#123;
    padding: 10px 20px 10px 10px;
    width: 370px;
    margin-bottom: 20px;
    overflow:hidden;
    font-family:"Lucida Grande", "Lucida San s Unicode", Arial, Helvetica, "MS Pゴシック",&quo t;ヒラギノ角ゴ Pro W3",Osaka,sans-serif;
    &#125;

    /* メニューボディ */
    .menu_content &#123;
    margin: 10px 10px 10px 10px;
    &#125;

    /* 記事テーブル */
    .entry_table &#123;
    width: 400px;
    margin-bottom: 20px;
    overflow:hidden;
    &#125;

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

    /* 記事本文 */
    .entry_text &#123;
    line-height: 140%;
    margin-bottom: 10px;
    padding: 0px 20px 0px 20px;
    &#125;

    /* 記事画像 */
    .entry_text ul &#123;
    margin: 0px 0px 0px 15px;
    &#125;

    /* 記事画像 */
    .entry_text img &#123;
    margin: 0px 10px 10px 0px;
    &#125;

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

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

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

    .entry_state li,
    .comment_table li,
    .entry_navi li,
    .benri_navi_state li &#123;
    display: inline;
    &#125;

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

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

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

    /* テーブルキャプション */
    .entry_table caption &#123;
    padding: 3px;
    margin: 10px 0px 0px 0px;
    &#125;

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

    /* 絵文字 */
    img.emoji &#123;
    margin: 2px 2px 4px 2px;
    vertical-align: middle;
    &#125;

    /* カレンダー */

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

    .calender caption a:link &#123;color: #ffffff; text -decoration: none;&#125;
    .calender caption a:active &#123;color: #ffffff; text -decoration: none&#125;
    .calender caption a:visited &#123;color: #ffffff; text -decoration: none&#125;
    .calender caption a:hover &#123;color: #ffffff; text -decoration: underline;&#125;

    .calender th &#123;
    width: 17px;
    height: 16px;
    font-weight: bolder;
    text-align: center;
    &#125;

    .calender td &#123;
    width: 17px;
    height: 16px;
    text-align: center;
    &#125;

    .calender td a &#123;
    display: block;
    &#125;

    .calender td a:link &#123;
    background: #ffffff!important;
    color: #336699;
    text-decoration: none;
    &#125;

    .calender td a:visited &#123;
    background: #ffffff!important;
    color: #336699;
    text-decoration: none;
    &#125;

    .calender td a:hover &#123;
    background: #ffffff!important;
    color: #336699;
    text-decoration: underline;
    &#125;

    /* カレンダー曜日 */
    .calender th#sun &#123;
    color: #CC3300;
    &#125;

    .calender th#sat &#123;
    color: #0066CC;
    &#125;



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

    div#calender&#123;
    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&#40;opacity=60&a mp;#41;;&#125;
    .calender a &#123; font-weight: bolder;&#125;
    .calender a:link &#123;color:#352b32; text-decorati on: bolder;&#125;
    .calender a:active &#123;color:#3d3445; text-decorati on: none;&#125;
    .calender a:visited &#123;color: orage; text-decoratio n: none;&#125;




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

    /* 背景色の設定 */

    /* ヘッダ背景色 */
    #header &#123;background: #000;
    background-image: url&#40;http://blog71.fc2.com/r/ryoc hiko2/file/back1.gif&#41;;
    background-position: 0 0;
    background-attachment: scroll;
    background-repeat: repeat;

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


    &#125;

    /* フッタ背景色 */
    #footer &#123;background: #000;
    background-image: url&#40;http://blog71.fc2.com/r/ryoc hiko2/file/back1.gif&#41;;
    background-position: 0 0;
    background-attachment: scroll;
    background-repeat: repeat;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;

    &#125;

    /* ボディ背景色 */
    body, #layout &#123;
    background-color: #000000;
    /*●背景画像を透過したくない場合、&#40;opacity=100&#41;とすればOK。*/
    background:# ;filter:alpha&#40;opacity=85&a mp;#41;;&#125;


    /* メニュー 背景色 */
    #menu, #menu_2 &#123;background: #000;
    background-image: url&#40;http://blog71.fc2.com/r/ryoc hiko2/file/back1.gif&#41;;
    background-position: 0 0;
    background-attachment: scroll;
    background-repeat: repeat; border-right: 1px solid #000 000;
    border-bottom: 1px solid #000000;
    &#125;

    /* 便利ナビ 背景色 */
    #benri_navi_area &#123;background: #000;
    background-image: url&#40;http://blog71.fc2.com/r/ryoc hiko2/file/back1.gif&#41;;
    background-position: 0 0;
    background-attachment: scroll;
    background-repeat: repeat; border-right: 1px solid #000 000;
    border-bottom: 1px solid #000000;

    &#125;

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

    &#125;





    /* 文字色の設定 */

    /* ヘッダ文字色 */
    #header &#123;color: #444B66;&#125;
    #header a &#123;color: #444B66;&#125;
    #header a:hover &#123;color: #FFF;&#125;

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

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

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

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

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

    /* リンク 文字色 */
    a &#123;color: #97d10b;&#125;
    a:hover &#123;color: #FFF;&#125;

    /* リスト 文字色 */
    li &#123;color: #CCC4DF;&#125;
    li a &#123;color: #CCC4DF;&#125;
    li a:hover &#123;color: #FFF;&#125;

    .menu_content li a,
    #benri_navi_area li a &#123;
    border-bottom: 0px solid #0a396e;
    &#125;
    .menu_content li a:hover,
    #benri_navi_area li a:hover &#123;
    background: #000000;
    &#125;

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

    .entry_navi a &#123;
    color: #97d10b;
    font-weight: bolder;
    &#125;

    .button &#123;
    background: #FFF;
    color: #666;
    &#125;

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

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





    ul.tree &#123;
    list-style: none;
    margin: 0px;
    padding: 0px;


    &#125;
    ul.tree li &#123;
    margin: 0px;
    padding: 0px 0px 0px 15px;
    background-image: url&#40;http://blog71.fc2.com/r/ryo chiko2/file/img8_lstSample.gif&#41;;
    background-repeat: no-repeat;
    &#125;
    ul.tree li.end &#123;
    background-image: url&#40;http://blog71.fc2.com/r/ryo chiko2/file/mattan.gif&#41;;
    &#125;



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

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

  • 旧フォーラムの記事です
    cyaimi 2006-06-19 23:48:34
    件名 :

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

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

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


    <a href="<%link_url>"><%link_name& gt;</a>


    </div>

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

  • 旧フォーラムの記事です
    Anonymous 2006-06-19 23:24:46
    件名 :

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

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

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


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


    </div>


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

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

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

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


    リンクは

    Shop
     ⇒
     たか
     ⇒
     なんでじゃ。

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

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

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

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

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

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

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

  • 旧フォーラムの記事です
    cyaimi 2006-06-19 22:59:57
    件名 :

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

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

<< < 1 2