【CSS3】画像に自動で連番を振るCSS - のんびり猫プログラマの日常
元ネタはここです。CSSをダウンロードして使ってみました。 デモもありますよ。 Automatic Figure Numbering with CSS Counters ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ まずhtmlソースから見ていこう articleで囲まれた部分にあるfigureクラスの画像がどんどんカウントされていくことになる。 画像の右寄せ・左寄せは、figure-right, figure-leftをfigureクラスに重ねて定義する。 キャプションはfigcaptionで定義する。 <article class="article"> //articleで囲まれている部分から連番が始まる //---Fig.1 デフォルト-------------------- <figure class="figure"> <img src="にゃ～ん.jpg" /> <
【はてなブログ】 CSSカスタマイズ手法（自己流） - のんびり猫プログラマの日常
予め出来上がったソースをカスタマイズするのは、プログラマとしてはよくある作業。もっと効率の良い手法があるのかも知れないけど、はてなブログに関してはこうやって作業した。 今回はCSSを大改造するので、ソースをローカルに保存しておいて、それをいじり倒すことにしたのだ。 1 気に入ったテーマを探す テーマストアというのができたらしい。そこから今イメージしているものに似たテーマをとにかく見つける。 カラム割り（１～３列） 各要素の配置（サイドバーが右か左かなど） 各要素の大きさ というところに着目して探してみて。背景色とかフォントはどうでもいいのだ。そして、とりあえず自分のブログにデザインを反映してみよう。 のちのちテーマストアでテーマを公開したい場合は、他人のテーマを元にしちゃダメらしいので注意が必要。 2 CSSを手に入れる 管理画面の[デザイン]→[カスタマイズ]→[デザインCSS]でCSS
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
