FC2ブログ

無料新規登録

質問・疑問

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


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

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

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

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

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

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

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

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

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

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

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

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


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

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-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="<%nextentry_url>" title="<%nextentry_title>" /><!--/nextentry-->
    この辺に入れる
    </head>

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


    ちなみに狼虎さんが
    ブログ本文に挿入するようにと示しておられる
    <a href="javascript:;" onclick="OC('test')">適当な文章</a><br>
    <div id="test" style="display:none">適当な文章</div>
    の文字列は
    上の一行がクリックするためのタイトル部分になって
    下の一行が隠れる部分になります。
    by 標野ゆき  2011年10月14日 08:55
    by 標野ゆき
    2011年10月14日 08:55
  • テンプレートとはどこにありますか？
    あと、
    <script tyep="text/javascript">
    <!--
    function OC(n){
    if(document.getElementById(n).style.display=='none'){
    document.getElementById(n).style.display='block';}
    else{
    document.getElementById(n).style.display='none';}
    }
    // -->
    </script>
    これはブログの本文以外のところに貼り付けるのですか？



    なんとなく理解してきたのですが、まだよくわかりません・・・すみません・・
    by 岩氏  2011年10月14日 03:49
    by 岩氏
    2011年10月14日 03:49
  • 標野ゆき様、横槍ごめんなさい…。

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

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

    を貼りつけてください。

    後はブログ本文に

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

    を書きこんでください。
    ただし、赤文字の所は同じ文章をでないと機能しませんので注意してください。
    by 狼虎  2011年10月13日 19:10
    by 狼虎
    2011年10月13日 19:10
  • すみません・・ぐぐって調べてみたり、教えていただいたブログをみてみましたがちんぷんかんぷんでした・・・

    <dl>
    <dt><a href="javascript:void(0)" onclick="dd('rcomment')">最近のコメント</a></dt>
    <dd style="display:none" id="rcomment">
    <ul>
    <!--rcomment-->
    <li><a href="<%rcomment_link>#comment<%rcomment_no>" title="”<%rcomment_etitle>”へのコメント"><%rcomment_name>:<%rcomment_title></a>(<%rcomment_month>/<%rcomment_day>)</li>
    <!--/rcomment-->
    </ul>
    </dd>
    </dl>

    この中にある最近のコメント、という部分はタイトルというかクリックする部分ですよね？
    では中身はどこに打てばいいのですか？
    by 岩氏  2011年10月13日 17:42
    by 岩氏
    2011年10月13日 17:42
  • JavaScriptを使って開閉するようにしてあるようですね。

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

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


    自分がいちばん判りやすいと思ったのは
    http://breaktime.blog8.fc2.com/blog-entry-287.html
    こちらのブロガーさんのエントリです。
    by 標野ゆき  2011年10月13日 12:24
    by 標野ゆき
    2011年10月13日 12:24

5件中、1～5件表示

Copyright(c)1999 FC2, Inc. All Rights Reserved.