Tips
当サイトのテンプレートはCSSデザインのため、背景色やリンクの色など、ナノ側で指定したものが全て無視されます。有効にするには、「HEAD・HTML詳細」のページでBODYタグのところを空欄にし、CSS内の該当箇所を削除する必要があります。
* ブログレイアウトの小技的なもの
カテゴリと月別のセレクトボックスを横に並べたいとき、テーブルタグを使うのが一般的なようですが、CSSでもできます。
<style>〜</style>内に、
form { display:inline; }
と追加すると、form要素がインラインレベルになるので、横に並べることができます。CSSが無効な環境ではもちろん使えませんが、参考までに。
(ちなみに、テーブルはレイアウト目的で使用してはいけないことになっています。が、テーブルレイアウトは携帯ではわりと使われる手法のようです)
CSS関係のメモ
自分でたまに忘れることをメモしてあるページですが、もしかしたらCSSを勉強しようと思う人の役に立つことがあるかもしれないしないかもしれない…っていうかまあ、私も素人なんですけど。
思いついたら増えていきます。
使えそうなものがあったら、是非使ってやってください。
■ hr要素の装飾(PCからのほうがわかりやすいかも)
■ CSSでタブウインドウを作る
■ CSSのみでポップアップリンクを作る
■ CSSで表示テキストを切り替える
■ 最低限のclass属性で画像ロールオーバー