Page 1 of 1

Quote icons

Posted: Mon Jan 22, 2007 5:02 pm
by alex.barylski
You know those really popular quotes you see on web sites which resemble something of an 6 or 9

6This is some quoted text9

Anyone know of an article on how those are made? I want to add them to my website...

Posted: Mon Jan 22, 2007 5:23 pm
by Christopher
Do you mean:

‘ quote left ‘ or ‘
’ quote right ’ or ’
“ quote double left “ or “
” quote double right ” or ”

Posted: Mon Jan 22, 2007 5:46 pm
by pickle
...or are you thinking of big graphic files?

You can put them in place with the :before and :after pseudo-classes I believe.

Posted: Mon Jan 22, 2007 7:29 pm
by Ambush Commander
If what pickle thinks you are thinking is correct, I would recommend using this CSS:

Code: Select all

blockquote.fancy {
  background: transparent url(quote-left.png) left top no-repeat;
}
blockquote.fancy div.quote {
  padding: .5em 48px .5em;
  background: transparent url(quote-right.png) right bottom no-repeat;
}
blockquote.fancy div.origin {
  text-align:right;
}
Used as:

Code: Select all

<blockquote class="fancy">
  <div class="quote">The goodies!</div>
  <div class="origin">-- by Someone</div>
</blockquote>

Posted: Tue Jan 23, 2007 1:00 am
by alex.barylski
heh...I meant a tutorial on making those large quotes in Photoshop...guess i hshould have said so :P

I'm designing a banner fo rmy site and need to quote some text...no idea how to make pretty quoted text or interesting banner backgrounds...

ANy help is appreciated :)

Posted: Tue Jan 23, 2007 1:18 am
by Christopher

Posted: Tue Jan 23, 2007 12:48 pm
by Kieran Huggins
different typefaces ave different quote styles. I would suggest finding some that suit you and adding them as text in photoshop - they'll be vectors.

Posted: Tue Jan 23, 2007 3:57 pm
by Ambush Commander
You know, I just realized something: wouldn't taking a random font on your computer, making a nice image of it, and then putting it on your website be a violation of copyright? Probably justifiable under fair use though...

Posted: Tue Jan 23, 2007 3:59 pm
by Kieran Huggins
I don't think so - the rendered image of the font is part of the intended use

Posted: Tue Jan 23, 2007 9:11 pm
by feyd
Depends on the license of the font.