アメブロテクニカルの記事一覧

アメブロの更なるカスタマイズ

ご訪問ありがとうございます。

元ノウハウコレクターひろしです。

前回⇒「一瞬でブログが読みやすくなる方法とは(フォントサイズの変更)」

フォントサイズの変更うまくいきましたか？

では、記事のフォントサイズを変更したついでに
今回は、ほかの箇所も変更して行きましょう。

こんな感じに変更します。

変更後のイメージは例ですので
色はあなたの好みにしてください
oldnew

変更箇所は以下のとおりです。
menyu

サイドバーのメニュータイトル	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倍増える方法(動くプロフィール画像)」

最後までご覧いただきありがとうございます。

このブログは何位？