Home > スポンサー広告 > やっとjQueryを利用したアコーディオンメニューが完成しました。

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
5分で中国の年代を覚えよう!
>隋の人がいつもてべていたまんじゅうは?   589
>唐の人が唐揚げを食べていたファミレスは?   618
>宋の人がいつもかんでいたガムは?   960
>モンゴル帝国のフビライハンがわずらっていた病気は? 1206
>元のチンギスハンが追われていたのはどんな刑事? 1271
>明の人が背中に貼っていたものとは? 1368
>清建国のお祝いに日清ラーメンを届けた料理人は道場? 1636
>中華民国の孫文が禁止したものとは? 1912
>中華人民共和国の毛沢東が大好きだった学校での時間は? 1949
答えを見る

Comments: -

Comment Form
サイト管理者にのみ通知する

Trackback+Pingback: -

TrackBack URL for this entry
http://rekishinendai.blog10.fc2.com/tb.php/676-ec043de6
Listed below are links to weblogs that reference
スポンサーサイト from 楽しく覚える歴史年代

Home > スポンサー広告 > やっとjQueryを利用したアコーディオンメニューが完成しました。

Home > 休憩 > やっとjQueryを利用したアコーディオンメニューが完成しました。

やっとjQueryを利用したアコーディオンメニューが完成しました。

  • Posted by: アンリ  
  • 2011-01-22 Sat 14:40:26
  • 休憩
jQueryを利用したアコーディオンメニュー作成に挑戦していく年月・・・

あーやっとできた。

まったくIT知識がないもので・・・

ここまで何日費やしたのだろう・・・

というか、まじめに勉強しなかった。

アコーディオンメニューをコンテンツに利用して天智天皇のまとめを作りました。今後不具合があるかもしれませんが、まー良しとしよう!

参考にしたのは以下のサイト

ソースをコピペしてもOKとありました(理解しました)ので、コピペして作成しました。中の構造の解析はこれから・・・

http://flowplayer.org/tools/demos/tabs/accordion.html

英語が読める人はいいですね!

簡単にやり方をまとめます。

上のサイトをよく読んで(まー読まなくてもいいかも・・・)、次のサイトを開きましょう。(上のページの最後にあるstandalone versionのページです。

http://flowplayer.org/tools/demos/tabs/accordion.htm

そしてソースを表示させます。

これで準備OK

テンプレートの設定画面を開いてテンプレートの編集を行います。まずは壊れてもいいように、複製したテンプレートを編集しましょう。

①先程開いたソースの<head></head>に囲まれた部分をテンプレートのHEAD部にコピペ(私は一番最後のほうに置きました)

これでテンプレートの編集は終了、更新しましょう!

次に新しい記事を書きましょう。

②記事の設定で改行の扱いをHTMLタグのみにチェック(これが非常に重要!!!)
③先程開いたソースのbody部にあるものを記事にコピペ

これで記事を保存して終了。

後は記事の内容をよく見て、日本語に変えていけばアコーディオンが完成!のはず


注意

本件に関してはご質問いただいても、まったくお返事できませんので、よろしくお願いします。

ではまた・・・

追:上記の方法ではデモサイトのスタイルが反映されます。スタイルの変更はCSSのコピペ&編集でやりましょう!


 
関連記事
5分で中国の年代を覚えよう!
>隋の人がいつもてべていたまんじゅうは?   589
>唐の人が唐揚げを食べていたファミレスは?   618
>宋の人がいつもかんでいたガムは?   960
>モンゴル帝国のフビライハンがわずらっていた病気は? 1206
>元のチンギスハンが追われていたのはどんな刑事? 1271
>明の人が背中に貼っていたものとは? 1368
>清建国のお祝いに日清ラーメンを届けた料理人は道場? 1636
>中華民国の孫文が禁止したものとは? 1912
>中華人民共和国の毛沢東が大好きだった学校での時間は? 1949
答えを見る

Comments: 0

Comment Form
サイト管理者にのみ通知する

Trackback+Pingback: 0

TrackBack URL for this entry
http://rekishinendai.blog10.fc2.com/tb.php/676-ec043de6
Listed below are links to weblogs that reference
やっとjQueryを利用したアコーディオンメニューが完成しました。 from 楽しく覚える歴史年代

Home > 休憩 > やっとjQueryを利用したアコーディオンメニューが完成しました。

最新の年表(中学・高校受験用)
年表20100505
上の年表を覚えるテキスト
表紙
世界史年表(高校受験用)
世界史年表(高校受験用)
Recent Entries
アクセスランキング(9月)
 1年表
 2保元の乱
 3永仁の徳政令
 4徳川将軍の覚え方
 5人物一覧
 6白村江の戦い
 7鎌倉6仏教開祖の順番
 8保元の乱の歴史的意義
 9時代区分
10豊臣秀吉の年表
10枕草子の覚え方
  
日本国憲法:20110515
年表20100505
 
テーマ別年表
3大飢饉2
人物別年表
織田信長 豊臣秀吉 徳川家康
Search
                 
ごあいさつ

プロフィール画像

日本史・歴史年代を楽しく・楽に、そして確実に覚えてもらいたいとはじめたブログです。中学受験生・高校受験生から大人の人まで楽しんでいただけたらと思います。よろしくお願いします。 編集長: アンリ  

            
枕草子の覚え方
年表20100505
徳川将軍覚えましょう!
年表20100505
琉球・沖縄まとめました
外国船シリーズ
おまけ
一生
Feeds

Return to page top

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。