今、自分でメモ帳を使ってサイトを手作りしています。
「あ、そういえばはてなブログってHTML5だろうか・・・」と気になったのでチェック。
続きを読む(※2016/09/10更新:セレクタの範囲をより限定しました。セレクタの指定を「em」 ⇒「p em」、「strong」⇒「p strong」へ訂正しました)
今回は、はてなブログの記事にも最近流行の蛍光ペン(蛍光マーカー)を使ってテキストをマーキングしたようなCSSを追加しようと思います。
さらに、蛍光ペンのCSSを反映したタグを毎度手打ちで追加するのは面倒なので、編集画面にある「B」や「i」ボタンを使って”ワンクリック”で蛍光ペン効果の適用ができるようにしたいと思います。
続きを読む今回のエントリーは外部リンクの先頭に”リンク”と書いた絵文字マークをCSSで付ける工夫です。
また、このマークをJavaScriptで狙った外部リンクに自動的に貼るにはどうすれば良いかやってみました。
(2015/09/02追記:以下の手順では、PC版だけにリンクマークが付くことになるので、スマホ版はてなブログでもリンクマークが付くようにしました。手順は別のエントリーにまとめました)
affiliate-hatekun.hatenablog.com
続きを読む