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

October 30, 2009, 8:23 pm by Rhyous

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?

Category: Development  |  Comment (RSS)  |  Trackback

17 Comments

  1. 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 says:
    November 4, 2009 at 7:27 pm

    [...] 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? [...]

    Reply to this comment
  2. 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 says:
    November 4, 2009 at 7:27 pm

    [...] 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? [...]

    Reply to this comment
  3. 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 says:
    November 4, 2009 at 7:27 pm

    [...] 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? [...]

    Reply to this comment
  4. 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 says:
    November 4, 2009 at 7:27 pm

    [...] 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? [...]

    Reply to this comment
  5. 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 says:
    November 4, 2009 at 7:27 pm

    [...] 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? [...]

    Reply to this comment
  6. 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 says:
    November 4, 2009 at 7:27 pm

    [...] 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? [...]

    Reply to this comment
  7. 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 says:
    November 4, 2009 at 7:27 pm

    [...] 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? [...]

    Reply to this comment
  8. 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 says:
    November 4, 2009 at 7:27 pm

    [...] 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? [...]

    Reply to this comment
  9. 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 says:
    November 4, 2009 at 7:27 pm

    [...] 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? [...]

    Reply to this comment
  10. 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 says:
    November 4, 2009 at 7:27 pm

    [...] 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? [...]

    Reply to this comment
  11. 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 says:
    November 4, 2009 at 7:27 pm

    [...] 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? [...]

    Reply to this comment
  12. 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 says:
    November 4, 2009 at 7:27 pm

    [...] 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? [...]

    Reply to this comment
  13. 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 says:
    November 4, 2009 at 7:27 pm

    [...] 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? [...]

    Reply to this comment
  14. 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 says:
    November 4, 2009 at 7:27 pm

    [...] 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? [...]

    Reply to this comment
  15. 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 says:
    November 4, 2009 at 7:27 pm

    [...] 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? [...]

    Reply to this comment
  16. 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 says:
    November 4, 2009 at 7:27 pm

    [...] 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? [...]

    Reply to this comment
  17. 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 says:
    November 4, 2009 at 7:27 pm

    [...] 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? [...]

    Reply to this comment

Leave a Reply

How to post code in comments?