menu
Ad goes here

Thursday, 7 March 2013

Create Beautiful Quotation Mark without using any images

A blockquote can use anytime when you are using a comment from any other source, speaker or website. But if you check, most of them using images to make it noticeable, where it can be possible to make noticeable with most popular techniques to put large quotation mark at the upper left and lower right of the blockquote area through few lines of CSS code.
 blockquote {
 font-family: Georgia, Arial;
 font-style:Italic;
 font-size:16px;
 padding: 10px;
 quotes: "\201C" "\201D";
 }

 blockquote:before { 
 content: open-quote; font-weight: bold; 
 color:red; font-size:54px; line-height:24px; }

 blockquote:after { content: close-quote; 
 font-weight: bold; color:red; font-size:54px; 
 line-height:24px; }

Browsing through sites with impressive web designs really help me a lot in coming up with a design/layout suggestion that gets the approval from the client. There are websites that list down sites with impressive codebase and web design, such as CSSmania.
- Andrew, iJobAsia.com - Florida Web Design Company
On 24xhtml.com: How to approve your Web Design Layout Quickly?

1 comment:

  1. You have made your content quit clear. There’s no way to mistake your points of interest. I enjoyed this writing very much and I agree with your ideas. Thank you.
    Ecommerce Website Designs

    ReplyDelete

Books for you (Crafted with )