前回に続き「コピペでブログをカスタマイズ」できる方法を紹介します。今回は「蛍光ペン」です。

• 前提として
  • ソースコードを貼り付ける場所
  • バックアップ
• 蛍光ペン10色
  • 蛍光緑
  • グリーン
  • ピンク
  • 紫
  • 黄緑
  • 黄色
  • 水色
  • 青
  • 灰色
  • アクアマリン
• さいごに

前提として

<b>タグで囲われた箇所をマーカーになります。

ソースコードを貼り付ける場所

1. デザイン
2. カスタマイズ
3. デザインCSS

上記の順番で「デザインCSS」を開きます。

バックアップ

元に戻せるように、バックアップは必ず取るようにしてください。ブログをカスタマイズする際は基本ですね。

蛍光ペン10色

.entry-content b{
	background: -webkit-linear-gradient(transparent 60%, #00ff00 60%)!important;
	background: -o-linear-gradient(transparent 60%, #00ff00 60%)!important;
	background: linear-gradient(transparent 60%, #00ff00 60%)!important;
}

.entry-content b{
	background: -webkit-linear-gradient(transparent 60%, #90ee90 60%)!important;
	background: -o-linear-gradient(transparent 60%, #90ee90 60%)!important;
	background: linear-gradient(transparent 60%, #90ee90 60%)!important;
}

.entry-content b{
	background: -webkit-linear-gradient(transparent 60%, #ff1493 60%)!important;
	background: -o-linear-gradient(transparent 60%, #ff1493 60%)!important;
	background: linear-gradient(transparent 60%, #ff1493 60%)!important;
}

.entry-content b{
	background: -webkit-linear-gradient(transparent 60%, #ff66ff 60%)!important;
	background: -o-linear-gradient(transparent 60%, #ff66ff 60%)!important;
	background: linear-gradient(transparent 60%, #ff66ff 60%)!important;
}

.entry-content b{
	background: -webkit-linear-gradient(transparent 60%, #7cfc00 60%)!important;
	background: -o-linear-gradient(transparent 60%, #7cfc00 60%)!important;
	background: linear-gradient(transparent 60%, #7cfc00 60%)!important;
}

.entry-content b{
	background: -webkit-linear-gradient(transparent 60%, #ffff00 60%)!important;
	background: -o-linear-gradient(transparent 60%, #ffff00 60%)!important;
	background: linear-gradient(transparent 60%, #ffff00 60%)!important;
}

.entry-content b{
	background: -webkit-linear-gradient(transparent 60%, #1e90ff 60%)!important;
	background: -o-linear-gradient(transparent 60%, #1e90ff 60%)!important;
	background: linear-gradient(transparent 60%, #1e90ff 60%)!important;
}

.entry-content b{
	background: -webkit-linear-gradient(transparent 60%, #4169e1 60%)!important;
	background: -o-linear-gradient(transparent 60%, #4169e1 60%)!important;
	background: linear-gradient(transparent 60%, #4169e1 60%)!important;
}

.entry-content b{
	background: -webkit-linear-gradient(transparent 60%, #d3d3d3 60%)!important;
	background: -o-linear-gradient(transparent 60%, #d3d3d3 60%)!important;
	background: linear-gradient(transparent 60%, #d3d3d3 60%)!important;
}

	.entry-content b {
	  background-image: background: -webkit-linear-gradient(transparent 60%, #66ccff 60%)!important;
	  background-image: background: -o-linear-gradient(transparent 60%, #66ccff 60%)!important;
	  background-image: background: linear-gradient(transparent 60%, #66ccff 60%)!important;
}

さいごに

いかがでしたでしょうか。コピペのみでOKなので簡単に蛍光マーカーを使えることができますね。以上、コピペシリーズ第三弾でした。コピペシリーズは人気なのでこれからも続けていきたいと思います。

何か気になるカスタマイズ方法があれば、コメントかツイッターのメッセージでお願いします。