Blockquote and Cite

When quoting another person, assuming we’re talking about more than a few words — and being sure we’re not confusing it with dialog — the quoted text should be presented in what’s known as a “blockquote.” Furthermore, this blockquote should contain at least one citation (two are possible on the web, I’ll explain in a bit). If you do it right, this theme will reward you with a nice visual. Like so.

“The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect.” – Tim Berners-Lee,
W3C Director and Inventor of the World Wide Web

Pretty, huh? Don’t worry, the quotes are made with images, so if you want to change the colors, you just have to modify the “quotes” and “end-quotes” images. The mark-up, to make what I made above, using two citations, the text and the link in the blockquote element itself, is done exactly like so:


 <blockquote cite="http://www.w3.org/">
  <p>"The power of the Web is in its universality. Access by everyone regardless of disability is an essential aspect."
   <cite>-- Tim Berners-Lee,<br />
   W3C Director and Inventor of the World Wide Web</cite>
  </p>
 </blockquote>

It’s really quite simple. Just don’t forget to cite the quote using the “cite” element, otherwise you won’t get that second image. The citation and URL inside the blockquote is optional.

Note: The two images used for this markup — on this theme only of course — are the sb_quotes.gif and sb_end_quotes.gif. Use the preceding links to view these images.


Sorry. Comments are closed.

|Top | Content|


Blog Functions


Important: This theme requires configuration! Read Instructions.

Get Download Link

SeaBeast theme has been downloaded 6844 times.


This file, USERS_FUNCTION, is yours for adding such blog add-ons as flickr, Skype, and other non-WP goodies. Do try to keep items added to this section at around 120 pixels or less in width to prevent the sidebar from slipping in IE on 800x600 resolution monitors. Need to add CSS styles for items in this box? Easy, use the USERS_CSS file to do so. Then validate!

  • Blog Icons

    • Green-Beast.com
    • WordPress Site
    • SeaBeast Theme Demo

Blogger’s FarBar

This file, USERS_FARBAR, is yours for whatever you wish. Text in simple paragraphs, <p></p> lists, whatever. This is a liquid-width column. That said, you should to keep whatever — fixed-width item — below 120 pixels wide. Again, that concerns fixed-width items, self-forming, liquid items like text in paragraphs will adjust its own width. If you must place a slighter wider item, you can use the USERS_FUNCTION or USERS_SIDEBAR file to do so, but do note that that too should remain thin at only 162 pixels as it is a fixed-width column.

Added Headings!

You can also add headings in these user files. As many as you like. On and on she goes, where she stops. nobody knows! Do remember, though, in these file you have to use proper XHTML. Of course, this content can serve as example to you. Need even more help? Well, professional help is available.

|Top | FarBar|



Attention: This is the end of the usable page!
The images below are preloaded standbys only.
This is helpful to those with slower Internet connections.