タグ

ブックマーク / prasm.blog (2)

  • [CSS] olの数字をCSSでいい感じに装飾する方法 * prasm(プラズム)

    あれ?どうやるんだっけな?となるコトが多いので、勉強がてら記事に。 olを使って連番付きのリストを作ろうと思った場合、数字部分が気に入らない事があります。 ブログパーツで言うと、人気記事のマークアップで、ランキングなんかを作るときに、数字部分にアプローチできれば、捗ること請け合いですね。 と思って、さあ、CSSで装飾や!ってなっても、あれolの数字って、どうやって弄ったらいいんだ?list-style??みたいになります。 じゃあ、腰入れてolの数字をカスタマイズしてやろう!と、イマココって感じです。 olとは?まずはolってなによ?という話しですが、簡単に言えば「数字付きリスト」をマークアップするためのHTMLですね。 <ol> <li>こんな</li> <li>感じで</li> <li>数字付き!</li> </ol> こんな感じで数字付き!といった具合に。 ブログやサイトのUIを作

    [CSS] olの数字をCSSでいい感じに装飾する方法 * prasm(プラズム)
  • [WordPress] アイキャッチのURLを取得してCSSで背景画像に設定する方法 * prasm(プラズム)

    著者:シンタロヲフレッシュ Graphic Designer / cinematographer. 「prasm(プラズム、って読みます)」は週末だけが楽しいWeekenderではなく、1週間7日間、自分のしっくりを追い求め、日々をアップデートし続けるそんな“Weeker”に献げるブログです。 しっくりくるモノ・コトが好きなシンタロヲフレッシュがあなたの明日をしっくりさせるべく、しっくりにまつわるアレコレを書いていきます。 より詳しくプロフィールは「about」へ。

    [WordPress] アイキャッチのURLを取得してCSSで背景画像に設定する方法 * prasm(プラズム)
  • 1