WordPressの引用(b-quote)をカスタマイズ!

2012/07/05 | ブログ

  • このエントリーをはてなブックマークに追加

なかなか思うように動かず四苦八苦のおりじなる(@original_pe)です。

これでどうだろう!?
ついに引用の整形が完成しました!

引用文テストリンク

今回はこちらのサンプル4を参考にしていたんですが、
左右が間延びしてうまいこと形造れなかったのです。

Chrome Developer toolを駆使しながら原因を探してたら、左右のmarginを設定すればうまくいくことがわかりました。

おかげでmarginとpaddingの差を学ぶという機会が得られたのでよかったよかった。
週末はもう少しサイト周りの改変をしようと思います。

参考にしたサイト

blockquote(引用部分)をCSSでデザインするサンプル集 | CSS Lecture

blockquote部分デザインをCSSを使用して変更した(WordPress) | バカに毛が生えたブログ

padding-スタイルシートリファレンス

  • このエントリーをはてなブックマークに追加

カテゴリー | ブログ タグ | ,

関連記事

no image

再始動

長らく更新できていなかったが、書くという宣言をすることで自分を追い込む...

記事を読む

来年の自分に送るブロフェスの事前準備 #ブロフェス2017

2013年から毎年スタッフとして参加している、秋のブロガー向け祭典、ブ...

記事を読む

たまにはプロフィールを見直そう!

欲しいものがあると仕様のページをわりとよく見ているおりじなる(@ori...

記事を読む

ゲーム記録用兼モブログ練習用のブログを新規作成!

1月は1記事/2日ペースでしたが、2月は1記事/10日ペース。 ...

記事を読む

RSSを抜粋表示にした理由

年末にRSSを全文表示から抜粋表示に変更しましたと言っていた割に抜粋表...

記事を読む

新着記事

no image

再始動

長らく更新できていなかったが、書くという宣言をすることで自分を追い込む...

記事を読む

来年の自分に送るブロフェスの事前準備 #ブロフェス2017

2013年から毎年スタッフとして参加している、秋のブロガー向け祭典、ブ...

記事を読む

3分半の映像で無限のドキドキを手に入れた!Nintendo Switch映像から妄想しよう #NSW

ニンテンドーNXと呼ばれていた任天堂の新ハードである「Nintendo...

記事を読む

たまにはプロフィールを見直そう!

欲しいものがあると仕様のページをわりとよく見ているおりじなる(@ori...

記事を読む

ポケモンGOプラスでできること #ポケモンGO

やっとレベル26になりました、ポケモンマスター見習いのおりじなる(@o...

記事を読む

スポンサードリンク

  • track feed RPGLIFE
PAGE TOP ↑