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

2012/07/05 | ブログ
blockquote
  • このエントリーをはてなブックマークに追加

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

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

引用文テストリンク

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

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

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

参考にしたサイト

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

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

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

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

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

関連記事

■photo by the Italian voice

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

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

記事を読む

sumaho

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

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

記事を読む

Newspaper_Feed_512x512

RSSを抜粋表示にした理由

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

記事を読む

■photo by the Italian voice

ブログのPVを増やしたいなら「プロフィール」をしっかり書くべし

ブログのプロフィールちゃんと書いてますか? まさかブログ開設時から全...

記事を読む

20140101

あけおめことよろ良いお年を!今年の1文字と一緒に新年の抱負をばばんと発表!

あけましておめでとうございます、おりじなる(@original_pe)...

記事を読む

新着記事

20161020-nintendo-switch-pv-00

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

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

記事を読む

■photo by the Italian voice

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

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

記事を読む

slooProImg_20160929010122.jpg

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

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

記事を読む

20160927-loft-logo

ロフトの在庫の探し方

今年から使い始めているジブン手帳がめちゃくちゃ良かったので今年もジブン...

記事を読む

20160925-bloggersfes2016-1-01

受付スタッフの1日 #ブロフェス2016

2016年9月24日、今年で4回目となるブロガーズフェスティバルの当日...

記事を読む

スポンサードリンク

  • track feed RPGLIFE
PAGE TOP ↑