CSS編集(テーマにチェックをつける) | ALANDのブログ

ALANDのブログ

ここでは覚えたことを記載しています。

アメブロカスタマイズ・アフリエイト・Android …

次は、サイドバーにあるテーマに対して、チェックボックスをつけるやりかたです。


①画像を下記から保存して、画像フォルダに格納してください。



ALANDのブログ-チェックボックス0  画像チェックボックスOFF



ALANDのブログ-チェックボックス1  画像チェックボックスON



②下記のCSSをコピーして 自分のCSSに張り付けてください。


.themeMenu .skinSubList li check{

padding-left:20px;
padding-top:3px;
padding-bottom:3px;
background-image:url(チェックボックスOFFのURL);
background-repeat:no-repeat;

background-position:0px 0px;

}


.themeMenu .skinSubList li check:hover{

padding-left:20px;
background-image:url(チェックボックスONのURL);
background-repeat:no-repeat;

background-position:0px 0px;

}

③CSSを貼り付けたら表示をして確認して完成です^^


※テーマ以外を変えたかったら、『.themeMenu』の部分をそれぞれあった項目名に変更すればOKだと思いますw