いつもマイナーチェンジ!スマートフォン用の表示で見るスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。About2015-01-30ブログの文章を蛍光ペンでマーキングしたように表示する方法ブログ関連ブログ関連-カスタマイズTwitterGoogle+Pocket先日、スマホ版レイアウトを調整したのですが、いろいろ調べている中で、文章を蛍光ペンでマーキングしたように表示できる方法を見つけました。今までは、文章内で強調したい部分は、フォントカラーを赤にしていたのですが、なんか冷たい感じがしていたのです。なんとなくイメージ的に、事務的な文章に見えるんですよね。その見た目をちょっと変えるだけで、印象が結構違いますので、そのやり方をご紹介します。どんな感じで表示されるか例えば、こんな感じで表示されます。今までは、単に赤字にしていただけなので、こんな感じです。?見た目的に、ちょっとだけ暖かい感じになったと思いませんか?機械で書いていながらも、手書き感があるのです。した違いなのですけれども、僕は結構気に入りました。この表示にするには、細かくは2種類の方法があります。既存タグ「strong」のプロパティを変える「strong」は、もともとあるタグです。文字を強調表示した時にこんな感じで使います。<strong>これが太字になります。これが太字になります。}単に太字にする記述で、蛍光ペン表示ができます。この方法はひとつ難点がありまして、既存のものを変更するために、過去に「strong」を使って太字にしている文章があった場合、それも全て蛍光ペン表示になってしまいます。記述する時は楽なのですが、そういったマイナス面も注意しなければなりません。ちなみに、こちらの記事を参考にさせて頂きました。オリジナルのクラスを作成する参考にさせて頂いた記事はこちら。...この方法は、オリジナルのクラスを新規に作成するので、前述したような「過去記事への影響」はありません。記述する際に少しだけタグが長くなります。class="keikoup">こんな感じに</span>(コピーして使う場合、spanの後にある「\」は消して下さい。)CSSには、以下のように追加します。.2em;font-weight:bold;}太字にする必要がなければ、「font-weight:bold;」の部分は不要です。色を変えたければ、「FAD5DC」の部分を変えればOKです。一応、色コードの一覧表サイトをご紹介しておきます。念のため、CSSを追加する場所はコチラはてなブログメニューの「デザイン→デザインCSS」です。あとがき文章をちょっとだけ温かみのある見た目にする方法の紹介でした。ちなみに、僕は2つ目の方法を使うことにしました。過去記事まで影響するのは、やはり見た目的によろしくありませんので。それでは、今日はここまで。▼Amazonをお得に利用する方法Amazonプライムのメリット。使い放題がもたらす効果はコスパだけじゃない。Amazon利用者なら作っておいて損はなし。ApplePayで「iD」の利用もできますよ。両方合わせて10,000円、新規入会で更に最大20,800円のキャッシュバック。iPhone7を買ってもいいレベル。「無記名式」って何が違う?【動画あり】ApplePayでのQUICPayの使い方。実際にコンビニで使って来たファーストインプレッション。接写(マクロ撮影)に強い機種を調べてみました。【2016年版】初心者から中級者が買うミラーレス一眼を考える。主要モデル24機種をレンズのラインアップも含めて比較してみました。」は、身軽に出歩きたいメンズにこそオススメしたい。235J」を買った理由。スポンサーリンクTwitterGoogle+Pocketプロフィール(広野ヨウ)おっさんブロガーです。普段の生活をほんのちょっとだけ便利で楽しくする情報を発信できればと思っています。「b...»プロフィールid:mayoi_inuおっさんブロガーです。普段の生活をほんのちょっとだけ便利で楽しくする情報を発信できればと思っています。[広野のほしい物リスト]アイコンは「じゃじゃ嫁日記」のNOBOさん(id:rise_more)に作って頂きました。Amazonを名乗る怪しいメールかと思ったら、正規の委託事業所だった件。MarkII】6.5段分の手ぶれ補正がどれだけ凄いのか、他カメラと比較してみた。MarkII試し撮り】歩きながら撮れるカメラにビビりつつ、少しだけ今年の抱負を語る。CanCamの特別付録「魔法の自撮りライト」が凄い。(29)月別アーカイブ。