一歩先を行くQHMユーザのためのTips

マーキー

marqueeタグを使用。これはサンプルです。あなたのブラウザでもきちんとスクロールして見えますか？

　　シンプル、かつ、カラフルなマーキーを作ろう

XHTMLではmarqueeは非推奨タグです

以下はマーキーのテスト用（工事中）

ここを参考に調査中。
　↓
http://ascii.jp/elem/000/000/215/215040/index-2.html

最新記事

• QHMがバージョンアップしました
• QHMの新デザインが追加されました

水平線

---

---

---

区切り線の上下間隔を調整

1行目の文章。

---

2行目の文章。
3行目の文章。

---

4行目の文章。
5行目の文章。

---

6行目の文章。

この方法では、#hrを使用したときの上下間隔は変更できません。
【コード】

1行目の文章。
-----
2行目の文章。
3行目の文章。
#hr(25)
4行目の文章。
5行目の文章。
#hr(10)
6行目の文章。


#beforescript{{
<style type="text/css">
<!-- 
p {
    margin: 0.1em 0;
}
-->
</style>
}}

タイトル

表の中のリンク

コード

|~No.|~タイトル|~備考|
|1|[[http://www.google.co.jp/]]&br;(グーグル)|改行あり|
|2|[[http://www.yahoo.co.jp/]](ヤフー)|改行なし|

3段組の中でそれぞれスライドショー

---

あれっ？
いつも間にかスライドショーが表示されなくなっている
プレビューでは正常に表示されるが、更新するとダメみたい...
なぜ？　(2012.02.19)

---

コード

#html2(<div style=width:30%;float:left;>)
#slideshow(60){{
swfu/d/4S.jpg
swfu/d/5S.jpg
swfu/d/6S.jpg
}}
#html2(</div>)
#html2(<div style=width:30%;float:left;>)
#slideshow(60){{
swfu/d/1S.jpg
swfu/d/2S.jpg
swfu/d/3S.jpg
}}
#html2(</div>)
#html2(<div style=width:30%;float:left;>)
#slideshow(60){{
swfu/d/6S.jpg
swfu/d/4S.jpg
swfu/d/5S.jpg
}}
#html2(</div>)
#clear

マウスオーバで画像変更＆クリックでライトボックス表示

方法１（少し古い版のQHM用 QHM4.7以前）

• lightbox用に大きな画像を別に用意します。
• lightbox2とref2プラグインで表示します。

• 準備：画像を３つ用意し、SWFUでアップします。

1. rose_m.jpg　　　　　　lightboxで表示する大きな画像
2. rose_s.jpg　　　　　　小さな画像
3. rose_s_onmouse.jpg　　マウスオーバ時の小さな画像

【コード】

&lightbox2(swfu/d/rose_m.jpg){&ref2(swfu/d/rose_s.jpg,nolink,change,クリックでlightbox表示);};

方法２（最新版のQHM用）

• クリックする画像はlightbox用のものを縮小して表示します。

• 準備：画像を２つ用意し、SWFUでアップします。

1. rose_m.jpg　　　　　　lightboxで表示する大きな画像
2. rose_m_onmouse.jpg　　マウスオーバ時の大きな画像

【コード】
　showプラグインのファイル名に swfu/d/ は不要です。

&show(rose_m.jpg,change,lightbox2,20%,クリックでlightbox表示);

複数のブログのRSSをまとめて最新版10件を表示する方法

アメリカのYahooが提供しているYahoo Pipesというサービスを使用すると、とても簡単に複数のブログのRSSをまとめて最新版10件を表示するといったことができます。
【手順】

1. YahooのIDが必要なので、もっていないときは取得する。(日本のYahooではできません）
2. Yahooにログインする。http://pipes.yahoo.com/pipes/
3. Create a pipeをクリックする。
4. 左側のSourcesから　Fetch Feed をドラッグして右側に置く。
   そこに表示したいブログのRSSを指定する。
   ＋ボタンを押すとURL入力域が追加されるので、必要な数だけRSSを指定する。
5. 左側のOperatorsから　Sortをドラッグして右側に置く。
   ソート条件として　item.pubDate　in descending を選択する。
6. 左側のOperatorsから　Truncateをドラッグして右側に置く。
   10　を入力する。
7. 各部品の丸いところをクリックして接続先の丸いところで離して接続する。
   上から順番に全部パイプをつなぐ。
   
   Fetch Feed　→　Sort　→　Truncate　→　Pipe Output
   
   
8. Refreshをクリックすると動作を確認できる。
9. Saveボタンを押して保存する。名前は適当でよい。
10. Run Pipeをクリックすると、画面が切り替わり結果が表示される。
11. ブラウザのURL域に表示しているURLをコピーする。
12. QHMの #showrss(ここにペースト,...);　にペーストする。

作成したPipeの例
http://pipes.yahoo.com/pipes/pipe.info?_id=aa57048dd5545e39af80d7xxxxxxxxxx

【応用】

• Sortの代わりに、Filter を使うと、AmebaのRSSから広告を削除するといったことなどができます。