アフィリエイトgoogleアドセンスLINEスタンプカエレバ・ヨメレバamazonビジネス一覧サイトマップContact大学生のうちに始めるべきネットビジネス・資格などを紹介してます。Postsを使っているサイトは大体、順位を表示させてるんだよね|ω・)どうやるんや!と思ったら、CSS3のcountプロパティというやつがあることを発見しました。いうことで解説していきます。style.cssを編集していきましょう。}をコードの最後に書き加えましょう。そのままコピペしてください。counter-reset(意味:初期化)の位置が変わると、順位がすべて1になったりします。すると、以下のように表示されます(もともとカスタマイズしているので、多少の違いがあります。)これでランキングを表示させることはできます。デザイン編集このままでは、細い線で画像の上にチョコンと表示されるだけなので、色々と個人個人でカスタマイズしていきましょう。俺の場合は、他のサイトのようにサムネイルの上に一部的にランキングが重なるようにレイアウトして、ランキング表示をポストイット的にデザインします。前に書いたランキング表示のためのコードと一緒に書くと以下のようなコードになります。//順位表示の位置関係。//画像との位置関係を示す}いかがでしょうか!うまい具合にできたね!ちなみに・・・。#c47222;}を書き足すと金銀銅の色に変わりますよ。4位の色も変えたい場合は、child()のカッコ内の数字を4にすれば4番目のカラーが変わりますよ。コメントをキャンセルメールアドレスが公開されることはありません。*サイト上に表示された文字を入力してください。Postswinzipに金を出したくない。大学生のうちに始めるべきネットビジネス・資格などを紹介してます。