画像検索API＋タブ

---

Loading images...

---

画像検索API

---

Loading images...

---

投稿エディタでボールドとかイタリックとか

もしかしてワザワザ手入力しなくても良かった？
WYSIWYGでないエディタでも「ｂ」ってアイコンのボタンがあることにいまさらながら気づいたんだけど、もしかして。。。

ここを選択してボタンを押して見る。

…やっぱり。

じゃあ隣にある「ｉ」のボタンはもしかしてイタリック体に？

…やっぱり。orz
そうだったのかあ。 くやしいけど意外と便利じゃないの。

ボールド体・イタリック体をスタイルシートで指定

これでいいんだっけ？
ノーマル/ボールド/イタリック
…いいみたいだな。

CSSで影をつける

上と左にもラインがある方がいいような気がするのだけどどうだろう。このブロックは３ピクセルの影バージョン。

こちらは２ピクセル影バージョン。
おっと同じクラス名を使ったら前の記事とかぶってしまった。

スタイルシートを使って影をつける

イメージを持ち込まずにボックスに影をつけることが出来るか？...どうやらできるようだ。

3ピクセルの幅にしたけど、2ピクセルくらいでもそれなりに見えそうな感じ。

あと<sytle>のタグを本文中に記述するとなんかセーブするときに文句言われるが、表示は出来るようだ。

…よく見たら</style>を一個余計に記述してしまっているという自分のミスだった。orz疑ってすまん。＞bloggerのシステム。

こうしたらどうなる？

ナビゲーションバー

右下にナビゲーションバーの表示をON/OFFするチェックボックスが表示される。（そんなことしていいのかなあ）

スタイルシートでposition

<div style="position:fixed; right:0px; left:0px;">
<form>
<input type="checkbox"></input>
</form>
</div>

ナルホド。 こうすれば他のレイアウト要素に関係なく、表示したいものを表示したいところに配置出来る、と。

条件式とか記事の中に直接かければいいのになあ

トップページだけに表示させたい

<b:if cond="data:blog.pageType == "index"">
  トップページだけに表示させたい
</b:if>

だめか。
テンプレートに入れたらできるみたいだがメンドクサイなあ。

もっと読む？

ここに書いて。

パイチャート