SIRIUSのランキングを10位まで(6位以降も)表示する方法
まず、見本。
以下のようになります。
カレーライス
ハンバーグ
味噌汁
秋刀魚の塩焼き
オムライス
お茶漬け
ハヤシライス
きんぴらゴボウ
シーザーサラダ
ミートソーススパゲティ
そうするために必要なもの
まず、6位~10位までのアイコンがいります。
適当に元アイコンをいじって作ったので、自由にダウンロードして画像フォルダにアップロードしてやってください。
そして、次にcommonstyles.cssに以下を書き足してください。
.rank6,.rank7,.rank8,.rank9,.rank10{
font-family: sans-serif;
font-weight:bold;
_zoom: 1;
overflow: hidden;
}
.rank6,.rank7,.rank8,.rank9,.rank10 {
background-repeat: no-repeat;
height: 25px;
font-size: 18px;
margin:10px 0 15px 0;
padding: 35px 0 5px 65px;
color: #333;
border-bottom:dotted 1px #666;
clear: both;
}
.rank6{
background-image: url(../img/rank6_a.gif);
}
.rank7{
background-image: url(../img/rank7_a.gif);
}
.rank8{
background-image: url(../img/rank8_a.gif);
}
.rank9{
background-image: url(../img/rank9_a.gif);
}
.rank10{
background-image: url(../img/rank10_a.gif);
}
以上です。
スポンサーリンク
SIRIUSのランキングを10位まで(6位以降も)表示する方法関連ページ
- スマホでのみ画像が表示されない時の対処方法
- シリウスでソーシャルボタンをコピペで設置する方法(SSL化対応)
- SIRIUSを使用する上で、色々調べた結果分かったカスタマイズ方法等のノウハウを書き留めました。
- 絶対URLの取得
- アクセス解析タグの反映方法
- SIRIUSを使用する上で、色々調べた結果分かったカスタマイズ方法等のノウハウを書き留めました。
- SIRIUSでtitleを記事名+サイト名にする方法+α
- SIRIUSを使用する上で、色々調べた結果分かったカスタマイズ方法等のノウハウを書き留めました。