CSS
November 21, 2013
ブログの引用文の背景に引用符をつけてみました
最近、そういうデザインのブログを見かけるので、気になっていました。そして、この忙しいのにそういう作業をしていたわけです。こちらのページを参考にして作業しました。こちらの「左上に引用符」を使ってみました。画像を使わずに済むので、アップロードの手間が省けました。
背景や引用符の色は、自分のサイトに合わせて変更しています。今までは引用が目立つように(はっきり分かるように)点線で囲っていたのですが、もう少し地味に「引用です」と分かるようにしてみました。
なかなかいい感じかも。なのですが、配置をもう少し変えたいなあということで(右いっぱいまで使いたいのです)ちょっと検索してみたところ、このようなページも発見しました。引用元の表記をかっこよくしたいと思っていたのですが、こういう方法を使えばいいのか〜、と勉強になりました。私の仕事には直接関係ないので、現状では時間の無駄遣いになってしまうのですが。
今まで<cite>〜</cite>を使っていたので、そちらのタグもこれを応用できればバッチリですね。素人がやると手間がかかるので、今すぐというわけにはいかないのですけれど(汗)
そして、今のところこうやってPCでの見た目を気にして作業しているのですが、果たしてLivedoorでは、スマートフォン用のデザインはどこまでいじれるのかな? 自分が閲覧はPCメインなのでほとんど気にしていないのですが、今どきはスマートフォンが第一(で大事)なのだとか。
――まあ、特に何をしなくてもきちんと見えているので、こういうことを考えるのは、仕事が一段落してからでいいや、ということで。
背景や引用符の色は、自分のサイトに合わせて変更しています。今までは引用が目立つように(はっきり分かるように)点線で囲っていたのですが、もう少し地味に「引用です」と分かるようにしてみました。
なかなかいい感じかも。なのですが、配置をもう少し変えたいなあということで(右いっぱいまで使いたいのです)ちょっと検索してみたところ、このようなページも発見しました。引用元の表記をかっこよくしたいと思っていたのですが、こういう方法を使えばいいのか〜、と勉強になりました。私の仕事には直接関係ないので、現状では時間の無駄遣いになってしまうのですが。
今まで<cite>〜</cite>を使っていたので、そちらのタグもこれを応用できればバッチリですね。素人がやると手間がかかるので、今すぐというわけにはいかないのですけれど(汗)
そして、今のところこうやってPCでの見た目を気にして作業しているのですが、果たしてLivedoorでは、スマートフォン用のデザインはどこまでいじれるのかな? 自分が閲覧はPCメインなのでほとんど気にしていないのですが、今どきはスマートフォンが第一(で大事)なのだとか。
――まあ、特に何をしなくてもきちんと見えているので、こういうことを考えるのは、仕事が一段落してからでいいや、ということで。