CSS編集memo | mischievous*crown

CSS編集memo

★ヘッダーの上のルームなどのナビを消す

#overHeader #userNaviArea{display:none !important;}



★フォントの変更

現在の設定フォント①メイリオ ②Osaka ③sans-serif 


font-family: 候補1,候補2,候補3;

※フォント名にスペースが含まれている場合は " または ' で囲む




★リンクのカラー変更


/*リンク:訪問済み*/
a:visied{text-decoration:none;color:#2a2933;}
/*リンク*/
a{text-decoration:none;color:#88cb7f;}


カラーコードを変更する




★文字サイズ・文字間隔変更


/*記事内容*/
.entry .contents{
font-size:11px;
font-weight:normal;
color:#1a1a1a;
letter-spacing: 1px;}


サイズ、カラー、間隔は都度変更




★サイドバーの読者になるボタンをオリジナル画像に


/* 読者になるボタン */
#readerList img {
visibility : hidden ;
}
#readerList dl a{
display: block;
padding:0;
margin:0;
height:75px;/*画像の縦*/
background-repeat : no-repeat ;
background-image : url(画像URL)



★ページ上方、下方の読者になるボタンをオリジナル画像に


readerMainLink p{
text-indent:-9999px;
background-image:none;
}
.readerMainLink p a{
display: block;
padding:0;
margin:0 auto;
width:175px;/*画像の横*/
height:60px;/*画像の縦*/
background-image : url(最初の画像のURL);
background-repeat : no-repeat ;
}




★ブログを作るボタンをオリジナル画像に


/* ブログを作るボタンロールオーバー */
#ameblo a#btn_blog img {
visibility : hidden ;
}
#ameblo a#btn_blog{
display: block;
padding:0;
margin:0;
height:50px;/*画像の縦*/
background-repeat : no-repeat ;
background-image : url(最初の画像のURL) ;
}