ご訪問ありがとうございます。
元ノウハウコレクターひろしです。
前回⇒「一瞬でブログが読みやすくなる方法とは(フォントサイズの変更)」
フォントサイズの変更うまくいきましたか？
では、記事のフォントサイズを変更したついでに
今回は、ほかの箇所も変更して行きましょう。
こんな感じに変更します。
変更後のイメージは例ですので
色はあなたの好みにしてください
変更箇所は以下のとおりです。
| サイドバーのメニュータイトル | skinMenuTitle |
| サイドバーのメニューの背景 | skinMenuHeader |
| リンク | skinAnchorColor |
| 記事のタイトル | skinArticleTitle |
では変更してきます。
色のコードはこちら⇒
例) 画面でコピペしていた文字列
■サイドバーのメニュータイトル：skinMenuTitle
/* (1-4) サイドバー内の文字のスタイル
——————————————–*//* skinMenuTitle サイドメニュータイトル文字 */
.skinMenuTitle{
color:#000220;
font-weight:bold;
font-size:1.21em;
}■サイドバーのメニューの背景：skinMenuHeader
/* skinMenuHeader サイドメニュータイトルエリア */
.skinMenuHeader{
padding:5px 10px;
border-bottom: 5px #59584d solid; /*383730*/
background:#F9FAF3;/* ←サイドメニューのタイトルに背景を敷きたいとき */
}
■リンク：skinAnchorColor
/* リンク CCC598 薄い*/
.skinAnchorColor,.skinBaseAnchorColor,.skinBlock a,a{
color:#504e8a;
}
■記事のタイトル：skinArticleTitle
/* (1-3) 記事／メッセージボード内の文字のスタイル
——————————————–*/
/* skinArticleTitle 記事タイトル文字 */
.skinArticleTitle,.skinArticleTitle:hover,.skinArticleTitle:focus,.skinArticleTitle:visited{
font-size:1.31em;
font-weight:bold;
color:black;
}
では、さっそくカスタマイズにとりかかってください。
今すぐです。
つづき⇒「足ペタが10倍増える方法(動くプロフィール画像)」
最後までご覧いただきありがとうございます。
コメント