ライフハック~生活、子育て、仕事をもっと楽しく~

暮らしも、仕事も、子育ても、遊びも全部楽しみたい!

*

ワードプレスで蛍光ペンを引いたかのような線を表示する

      2015/03/19


Notice: A non well formed numeric value encountered in /home/the-will-infobiz/www/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 118

Notice: A non well formed numeric value encountered in /home/the-will-infobiz/www/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 119

Notice: A non well formed numeric value encountered in /home/the-will-infobiz/www/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 118

Notice: A non well formed numeric value encountered in /home/the-will-infobiz/www/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 119
スポンサードリンク

なぜかiPhoneでは色がつかない!PCからは見えます!
の状態から、修正しました。

スタイルシートの最初のフォントなどの指定のすぐ下の挿入しました。

青色マーカー文字css修正後
緑色マーカー文字css修正後

青色マーカー文字
赤色マーカー文字
黄色マーカー文字
緑色マーカー文字
ワードプレスで蛍光ペンを引いたかのような線を表示する
こちらのブログを参考にさせていただきました!

CSS(スタイルシート)記述

Crayon Syntax Highlighterのプラグインで挿入

そのままコピペでビジュアルに貼り付け

/*マーカー*/
.marker_b {
background-color: #4169e1;
margin-left: 0.0em;
margin-right: 0.2em;
}
.marker_r {
background-color: #ff6347;
margin-left: 0.0em;
margin-right: 0.2em;
}
.marker_y {
background-color: #FFFF00;
margin-left: 0.0em;
margin-right: 0.2em;
}
.marker_g {
background-color: #7CFC00;
margin-left: 0.0em;
margin-right: 0.2em;

}

/*マーカー*/

 

 

html記述

そのままコピペでビジュアルに貼り付け
<span class=”marker_b”>青色マーカー文字</span>
<span class=”marker_r”>赤色マーカー文字</span>
<span class=”marker_y”>黄色マーカー文字</span>
<span class=”marker_g”>緑色マーカー文字</span>

スポンサードリンク

 - wordpress

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

  関連記事

日本エレキテル連合、錦糸町に来る!

スポンサードリンク 11月9日に来るそうです。 スマホから、wordpressの …

stinger5メニューをCSSのみ変更でドロップダウンで表示する!

スポンサードリンク Stinger5 をCSSのみで多階層ドロップダウンメニュー …

stinger5でサイドバーのnewpostを消す!

スポンサードリンク stinger5でサイドバー部分のnewpostを消す! こ …

さくらサーバーにWordPressをインストール

スポンサードリンク ついにさくらサーバーにWordPressをインストールしてみ …

stinger5にドロップダウンメニューをcssのみでつける

Notice: A non well formed numeric value encountered in /home/the-will-infobiz/www/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 118

Notice: A non well formed numeric value encountered in /home/the-will-infobiz/www/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 119

Notice: A non well formed numeric value encountered in /home/the-will-infobiz/www/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 118

Notice: A non well formed numeric value encountered in /home/the-will-infobiz/www/wp/wp-content/plugins/crayon-syntax-highlighter/crayon_formatter.class.php on line 119

スポンサードリンク いろいろ探したのですが、CSSのみで変更できるので、こちらの …

Contact Form 7で自動返信メールWordPress

スポンサードリンク 自動返信メールはおくれますか? こちらのサイトにも書いてある …

プラグイン「Favicon by RealFaviconGenerator」でファビコン設置

スポンサードリンク プラグイン「Favicon by RealFaviconGe …