記事タイトルの線や背景



内藤です。

新カスタム可能デザイン(2011年8月以降)の【CSS編集用デザイン】で、記事タイトルの部分は、最初このような感じです。



左側に縦線がついています。
この部分の変更の仕方です。

[クイックリンク] ⇒ [スキンCSSの編集] で

/* (3-6) 記事
——————————————–*/

という部分のところに

/* skinArticleHeader 記事タイトルエリア */
.skinArticleHeader{
margin:0 29px;
padding:2px 10px;
border-left:5px solid #e4e4e4;
}

があります。

この部分の

border-left:5px solid #e4e4e4;

というのが、 左側の線を 5px 実線 カラーを#e4e4e4 にするという事です。

border-left:5px solid #000000;

と、カラーコードを変更してみると



このように縦線が#000000(黒)になります。

border-left:5px solid #000000; を border-left:0px solid #000000; にして
border-bottom:5px solid #000000; を } の前に付け加えてみると

左の縦線がなくなり、下線が付くようになります

さらに、} の前に  background:#F2F2F2;  を付け加えると

/* skinArticleHeader 記事タイトルエリア */
.skinArticleHeader{
margin:0 29px;
padding:2px 10px;
border-left:0px solid #e4e4e4;
border-bottom:5px solid #000000;
background:#F2F2F2;
}

このように背景にも色が付きます



ブログに応じて変えてみてくださいね

カラーコードはこちら

その他のカスタマイズの目次はこちら

2017年3月からのアメブロ常時SSL化に際しまして、「フリープラグイン」を使ったカスタマイズが利用できなくなる可能性があります
【追記あり】アメーバブログの常時SSL化に伴う仕様変更について|スタッフブログ
フリープラグインを使ったカスタマイズはせずに、CSSを使ったカスタマイズを行ってください