読者一覧の文字・背景色などの調整 | リアナのカスタマイズ日記(CSS編集用デザイン)

リアナのカスタマイズ日記(CSS編集用デザイン)

アメブロ 新CSS CSS編集用デザイン 無料
カスタマイズ アメブロカスタマイズ 初心者
CSS スタイルシート デザイン
javascript jQuery

★ 読者一覧の文字・背景色などの調整


◆ 読者一覧の文字の色の調整

① 色(文字色・リンク色)

/* ------------------------------------------------------- */
/* 読者一覧の文字の色(文字色・リンク色)         */
/* ------------------------------------------------------- */
.readerMenu {color:#00ff00;}/* 文字色 */
.readerMenu a:link{color:#ff0000;}/* 未訪問 */
.readerMenu a:visited{color:#ff00ff;}/* 訪問済 */
.readerMenu a:hover{color:#0000ff;}/* カーソルを乗せたとき */
.readerMenu a:active{color:#ffff00;}/* クリック実行時 */

.readerMenu a:hover{text-decoration:none;}/* カーソルを乗せたとき下線なし */




◆ 読者一覧の文字の大きさ・種類・太さの調整

① 文字の大きさ・種類・太さ

/* ------------------------------------------------------- */
/* 読者一覧の文字の大きさ・種類・太さ           */
/* ------------------------------------------------------- */
.readerMenu{
font-size:10px;/* 文字の大きさ */
font-family:'HGS創英角ポップ体';/* 文字の種類 */
font-weight:normal;/* bold→太い文字 normal→普通 */
}


◆ 一覧を見るを非表示

① 非表示

/* ------------------------------------------------------- */
/* 読者一覧の一覧を見るを非表示              */
/* ------------------------------------------------------- */
.readerMenu .listLink{
display:none;
}



◆ 下部点線

① 点線を変える

/* ------------------------------------------------------- */
/* 読者一覧の下部点線を変える               */
/* ------------------------------------------------------- */
.readerMenu .skinSubList li{
border-bottom:1px dashed #cccccc;/* dashed→破線 */
}


② 点線を消す

/* ------------------------------------------------------- */
/* 読者一覧の下部点線を消す                */
/* ------------------------------------------------------- */
.readerMenu .skinSubList li{
border-bottom:none;
}


◆ 読者一覧部分の背景色

① 背景色

/* ------------------------------------------------------- */
/* 読者一覧の背景色                    */
/* ------------------------------------------------------- */
.readerMenu,.readerMenu .skinMenuBody{
background-color:#444444;/* 背景色 */
}




◆ 読者になると、このブログの更新情報が届きます。


① 読者になると、このブログの更新情報が届きます を消す

/* ------------------------------------------------------- */
/* 読者になると、このブログの更新情報が届きますを消す   */
/* ------------------------------------------------------- */
.readerMenu .readerRequestDescription{
display:none;
}


② 読者になるのボタンを消す

/* ------------------------------------------------------- */
/* 読者になるのボタンを消す                */
/* ------------------------------------------------------- */
.readerMenu .readerRequestBtnArea{
display:none;
}