記事タイトルをかえてみる

アメブロの

記事タイトルをかえてみる。

[ クイックリンク ]－[ スキンCSSの編集 ] へ移動する。 

１．フォント色を変更する

----- ↓変更前 --- 

/* skinArticleTitle 記事タイトル文字 */

.skinArticleTitle,.skinArticleTitle:hover,.skinArticleTitle:focus,.skinArticleTitle:visited{

font-size:1.31em;

font-weight:bold;

color:#0066cc;

}

----- ↓変更後 ----- 

/* skinArticleTitle 記事タイトル文字 */

.skinArticleTitle,.skinArticleTitle:hover,.skinArticleTitle:focus,.skinArticleTitle:visited{

font-size:1.31em;

font-weight:bold;

color:white;

}

２．下記を変更する 
・マージン
・余白 
・背景色
・枠線

----- ↓変更前 ---- 

/* skinArticleHeader 記事タイトルエリア */

.skinArticleHeader{

margin:0 29px;

padding:2px 10px;

border-left:5px solid #e4e4e4;

}

----- ↓変更後 -----

/* skinArticleHeader 記事タイトルエリア */

.skinArticleHeader{

margin:0 10px 0 10px;

padding:4px 0 2px 10px;

border-top: 2px solid lightgrey;

border-right: 2px solid black;

border-bottom: 2px solid black;

border-left: 2px solid lightgrey;

background:#1a67a0;

}

この記事を参考に、試してみる方は

自己責任でお願いします。