Rhyous

October 30, 2009

How to make a nice quote field with a different background color in your WordPress blog post?

Filed under: Uncategorized — J. Abram barneck @ 8:23 pm

How to make a nice quote field with a different background color in your WordPress blog post?

It is simple. Use a div section.

<div style="width:500px;background-color:#363636;color:#ffffff;border-style:ridge;border-width:5px;padding:10px;">
Any text you want here.

More lines...

More lines...

</div>

This will make a nice box like this:

Any text you want here.

More lines…

More lines…

Change the colors as you want.

Hope this helps you.

Also, this is not for code posts. If you want to post code, see this post:
How to post code in a wordpress blog so it maintains its formatting?

Advertisements

2 Comments »

  1. […] An html box made from an html division element, that I describe here: How to make a nice quote field with a different background color in your WordPress blog post? […]

    Pingback by How to make a nice box of shell command that shows the prompt text and the command text but allows coping the shell commands without the shell prompt « Rhyous's 127.0.0.1 or ::1 — November 4, 2009 @ 7:27 pm | Reply

  2. […] An html box made from an html division element, that I describe here: How to make a nice quote field with a different background color in your WordPress blog post? […]

    Pingback by How to make a nice box of shell command that shows the prompt text and the command text but allows coping the shell commands without the shell prompt « Rhyous's 127.0.0.1 or ::1 — November 4, 2009 @ 7:27 pm | Reply


RSS feed for comments on this post. TrackBack URI

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

Create a free website or blog at WordPress.com.

%d bloggers like this: