風の吹くまま、気の向くまま。~韓国語勉強中~

韓国演歌(トロット) 好きが高じ、韓国語を学び始めた半端な男が韓国演歌や韓国詩を訳しつつ、学習記録と思ったことを書き連ねるブログ

Top Page › ▲ 日々雑感、雑記。 › 【思うこと】 タブ切り替えのプラグインって、どう作ったらいいんだろう・・・。
2011-04-15 (Fri)  11:18

【思うこと】 タブ切り替えのプラグインって、どう作ったらいいんだろう・・・。


2日更新を空けてしまった・・・・・・。


うーん、やっぱり連日更新はなかなか難しい。



元々、内容もそんなに無いこのブログではありますが、

それでも、やっぱりブログをしている身とすれば、

なんか 連日更新 って憧れるのですよ。



毎日欠かすこと無く、しっかり韓国語を勉強していれば、

何かしら、ネタがあるんだろうけど・・・。




そういえば最近、ブログに関して、

改善しなきゃいけないなって思っていることが多々ありまして、


プロフィールの日本語・韓国語をタブで切り替えるプラグイン

ブログのメールフォーム
 (韓国語に対応していないので、ハングルで書くと、??になってしまう)


そしてなにより、 内容の厚さ


タブプラグインや、多言語対応の無料メールフォームなど

知っている情報ありましたら、絶賛受付中です。



しかし、ブログの内容が薄いのはまずいなぁ。

ブログの内容・厚さ = ブロガーの質 だと思っているので、

こんな僕は、落第生です。・・・ハイ。 




次回の記事から韓国語をやりたいと思います。 

最終更新日 : -0001-11-30

* by SUH
こんにちは^^

私はタブを使って、記事・コメント・トラックバックを1つのプラグインにまとめていますよ^^
プラグインのタブ化には『tabber.js』というものを利用しています。
私の過去のブログ記事で、タブ化に関する話題を扱ったものがありますので、もしよろしければ参考にしてみてください(´∀`)
何か不明な点がありましたら、気軽にコメントして頂いて構いませんよ^^

http://suh45.blog9.fc2.com/blog-entry-113.html

返信遅くなりました。すいません・・・(汗) * by 風の音
SUHさん、初めまして。プラグインの情報ありがとうございます^^
早速、SUHさんのblog内のページ、手順4の最後まで記事通りにやってみました。
しっかりとコメント・トラックバック・記事の3つがタブで表示されました。

今回は、日本語と韓国語の自己紹介を2つのタブで切り替えようと
思っているので、「フリーエリア」のプラグインのHTMLの中、
3つあるうちの1つ、<div class="tabbertab"><h2> ~ </ul></p></div>まで
すべて消してみました。→ちゃんとタブが2つになったのを確認。

その後、<h2>~</h2>をそれぞれのタブ名に変更。
そして、それぞれ内容を書き換えると、しっかりと日本語・韓国語で
表示できたのですが、プラグイン下部に余白ができてしまうので、
height: 400px;の数値を200pxとかいじってみたのですが、
余白が変わらずできてしまいます。^^;
また、書いた内容の行頭(左側)に各行それぞれ、余白ができてしまいます。

この下部の余白と、行頭(左側)の余白が解消出来ればいいのですが、
どうしたら良いのでしょうか?



* by SUH
こんばんは^^

えーっと・・・。
とりあえず、タブで表示するところまではいったのですね^^

<p>~</p>までがタブの中身になるわけですが・・・。
もしかして、そこで<ul>や<li>を使っているのでしょうか?
これらを使うと<li>~</li>の内容は行が変わると間があきますね。
ですので、これらは使わずに<p>~</p>の中に直接プロフィール文を入力してください。
改行するときには<br />というタグを使ってくださいね^^

また、余白についてですが、試しにheightとなっているところをmax-heightに変更してみてください。
これで直るかどうかはちょっと分かりませんが・・・。



* by 風の音
SUHさん、コメントありがとうございます。
また、返信が遅くなり申し訳ありませんでした。

たった今、もう一度SUHさんのアドバイス通りに挑戦してみました。
<p>~</p>の中に直接入力し、height→max-heightに変更。
今度はちゃんと表示することができたと思います。^^
これでスッキリしました。本当にありがとうございます!!

最後に、もし宜しければでいいのですが、SUHさんのブログを
リンクに追加したいと思うのですが、宜しいでしょうか?

* by SUH
こんばんは^^

上手く表示できたようですね。
お役に立てたようで嬉しいです^^

リンクに関してはもちろん大歓迎ですよ^^
こちらからもリンクを貼らせていただきますね。
今後ともよろしくお願いします(_ _)

* by 風の音
相互リンクして頂いて、ありがとうございます!!

徒然日記、リンク追加しました^^

こちらこそ、こんな拙いブログですが、
これからも宜しくお願いします。m(_ _)m

Comment







管理者にだけ表示を許可

こんにちは^^

私はタブを使って、記事・コメント・トラックバックを1つのプラグインにまとめていますよ^^
プラグインのタブ化には『tabber.js』というものを利用しています。
私の過去のブログ記事で、タブ化に関する話題を扱ったものがありますので、もしよろしければ参考にしてみてください(´∀`)
何か不明な点がありましたら、気軽にコメントして頂いて構いませんよ^^

http://suh45.blog9.fc2.com/blog-entry-113.html
2011-04-17-13:47 * SUH [ 編集 ]

返信遅くなりました。すいません・・・(汗)

SUHさん、初めまして。プラグインの情報ありがとうございます^^
早速、SUHさんのblog内のページ、手順4の最後まで記事通りにやってみました。
しっかりとコメント・トラックバック・記事の3つがタブで表示されました。

今回は、日本語と韓国語の自己紹介を2つのタブで切り替えようと
思っているので、「フリーエリア」のプラグインのHTMLの中、
3つあるうちの1つ、<div class="tabbertab"><h2> ~ </ul></p></div>まで
すべて消してみました。→ちゃんとタブが2つになったのを確認。

その後、<h2>~</h2>をそれぞれのタブ名に変更。
そして、それぞれ内容を書き換えると、しっかりと日本語・韓国語で
表示できたのですが、プラグイン下部に余白ができてしまうので、
height: 400px;の数値を200pxとかいじってみたのですが、
余白が変わらずできてしまいます。^^;
また、書いた内容の行頭(左側)に各行それぞれ、余白ができてしまいます。

この下部の余白と、行頭(左側)の余白が解消出来ればいいのですが、
どうしたら良いのでしょうか?


2011-04-19-20:44 * 風の音 [ 編集 ]

こんばんは^^

えーっと・・・。
とりあえず、タブで表示するところまではいったのですね^^

<p>~</p>までがタブの中身になるわけですが・・・。
もしかして、そこで<ul>や<li>を使っているのでしょうか?
これらを使うと<li>~</li>の内容は行が変わると間があきますね。
ですので、これらは使わずに<p>~</p>の中に直接プロフィール文を入力してください。
改行するときには<br />というタグを使ってくださいね^^

また、余白についてですが、試しにheightとなっているところをmax-heightに変更してみてください。
これで直るかどうかはちょっと分かりませんが・・・。


2011-04-20-22:11 * SUH [ 編集 ]

SUHさん、コメントありがとうございます。
また、返信が遅くなり申し訳ありませんでした。

たった今、もう一度SUHさんのアドバイス通りに挑戦してみました。
<p>~</p>の中に直接入力し、height→max-heightに変更。
今度はちゃんと表示することができたと思います。^^
これでスッキリしました。本当にありがとうございます!!

最後に、もし宜しければでいいのですが、SUHさんのブログを
リンクに追加したいと思うのですが、宜しいでしょうか?
2011-04-25-17:19 * 風の音 [ 編集 ]

こんばんは^^

上手く表示できたようですね。
お役に立てたようで嬉しいです^^

リンクに関してはもちろん大歓迎ですよ^^
こちらからもリンクを貼らせていただきますね。
今後ともよろしくお願いします(_ _)
2011-04-25-22:05 * SUH [ 編集 ]

相互リンクして頂いて、ありがとうございます!!

徒然日記、リンク追加しました^^

こちらこそ、こんな拙いブログですが、
これからも宜しくお願いします。m(_ _)m
2011-04-26-00:20 * 風の音 [ 編集 ]