注目タグ

質問・疑問

トピック詳細

クリックで展開できるように

http://uniuni0216.blog106.fc2.com/blog-entry-1134.html

今回はSilver Bulletさんのブログを少しお借りします。

スキル名の下にクリックで展開できる文がありますよね。

1次職業 アーチャー
3000001 クリティカルショットクリティカルショット [マスターレベル:20]
クリティカル攻撃確率が増加する。

[クリティカル攻撃確率 2*x%増加]←ここの部分です。

これを自分のブログでもやりたいのですが、調べても調べても理解できないのです・・
何方か教えてください(泣)

2011年10月13日 09:38  by 岩氏

コメント一覧 5件中、1~5件表示

  • FC2ブログ公式マニュアル~テンプレートの編集
    http://fc2blogmanual.blog60.fc2.com/blog-entry-84.html
    “テンプレート”についてはこちらのページを熟読してみましょう。

    管理画面の「テンプレートの設定」リンクの先に
    借りているテンプレートの一覧表があって、スクロールした一番下にテンプレートの編集欄があります。


    以下はお使いのテンプレートのHTMLの冒頭部分ですが

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transi tional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml 1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml :lang="<%template_language>" lang="< %template_language>">
    <head>
    <meta http-equiv="Content-Type" content=" ;text/html; charset=<%template_charset>" />
    ~~~~~~ 中略 ~~~~~~~~~
    <!--nextentry--><link rel="prev" href=&q uot;<%nextentry_url>" title="<%nextentry_ title>" /><!--/nextentry-->
    この辺に入れる
    </head>

    赤文字の辺りに挿入したらよいのではないでしょうか。


    ちなみに狼虎さんが
    ブログ本文に挿入するようにと示しておられる
    <a href="javascript:;" onclick="OC(' test')">適当な文章</a><br>
    <div id="test" style="display:none"& gt;適当な文章</div>
    の文字列は
    上の一行がクリックするためのタイトル部分になって
    下の一行が隠れる部分になります。

    2011年10月14日 08:55 by 標野ゆき

  • テンプレートとはどこにありますか?
    あと、
    <script tyep="text/javascript">
    <!--
    function OC(n){
    if(document.getElementById(n).style.display=='none 9;){
    document.getElementById(n).style.display='block'; }
    else{
    document.getElementById(n).style.display='none';}
    }
    // -->
    </script>
    これはブログの本文以外のところに貼り付けるのですか?



    なんとなく理解してきたのですが、まだよくわかりません・・・すみません・・

    2011年10月14日 03:49 by 岩氏

  • 標野ゆき様、横槍ごめんなさい…。

    まず、テンプレートのHTMLの<HEAD>~</HEAD>の間に

    <script tyep="text/javascript">
    <!--
    function OC(n){
    if(document.getElementById(n).style.display=='none& #039;){
    document.getElementById(n).style.display='block& #039;;}
    else{
    document.getElementById(n).style.display='none&# 039;;}
    }
    // -->
    </script>

    を貼りつけてください。

    後はブログ本文に

    <a href="javascript:;" onclick="OC(' test')">適当な文章</a><br>
    <div id="test" style="displ ay:none">適当な文章</div>

    を書きこんでください。
    ただし、赤文字の所は同じ文章をでないと機能しませんので注意してください。

    2011年10月13日 19:10 by 狼虎

  • すみません・・ぐぐって調べてみたり、教えていただいたブログをみてみましたがちんぷんかんぷんでした・・・

    <dl>
    <dt><a href="javascript:void(0)" onc lick="dd('rcomment')">最近のコメント</a&g t;</dt>
    <dd style="display:none" id="rcomment ">
    <ul>
    <!--rcomment-->
    <li><a href="<%rcomment_link>#comme nt<%rcomment_no>" title="”<%rcomment_etit le>”へのコメント"><%rcomment_name>:<%rcomment_ title></a>(<%rcomment_month>/<%rcomment_da y>)</li>
    <!--/rcomment-->
    </ul>
    </dd>
    </dl>

    この中にある最近のコメント、という部分はタイトルというかクリックする部分ですよね?
    では中身はどこに打てばいいのですか?

    2011年10月13日 17:42 by 岩氏

  • JavaScriptを使って開閉するようにしてあるようですね。

    この方は
    ご自分でJSファイルを作って
    アップロードしたURLにリンクして参照しているようですが

    開閉用のJavaScriptを公開しているサイトさんから
    スクリプトを借りてきてブログに挿入するだけでも同じような動作をさせられますよ。
    「開閉 JavaScript」で検索して、探してみてはいかがでしょうか。


    自分がいちばん判りやすいと思ったのは
    http://breaktime.blog8.fc2.com/blog-entry-287.html
    こちらのブロガーさんのエントリです。

    2011年10月13日 12:24 by 標野ゆき