PHP Developers Network

A community of PHP developers offering assistance, advice, discussion, and friendship.
 
Loading
It is currently Thu Sep 19, 2019 12:37 pm

All times are UTC - 5 hours




Post new topic Reply to topic  [ 10 posts ] 
Author Message
 Post subject: Quote icons
PostPosted: Mon Jan 22, 2007 6:02 pm 
Offline
DevNet Evangelist

Joined: Tue Dec 21, 2004 6:00 pm
Posts: 6267
Location: Winnipeg
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...


Top
 Profile  
 
 Post subject:
PostPosted: Mon Jan 22, 2007 6:23 pm 
Offline
Site Administrator
User avatar

Joined: Wed Aug 25, 2004 7:54 pm
Posts: 13592
Location: New York, NY, US

_________________
(#10850)


Top
 Profile  
 
 Post subject:
PostPosted: Mon Jan 22, 2007 6:46 pm 
Offline
Briney Mod
User avatar

Joined: Mon Jan 19, 2004 7:11 pm
Posts: 6446
Location: 53.01N x 112.48W
...or are you thinking of big graphic files?

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

_________________
Real programmers don't comment their code. If it was hard to write, it should be hard to understand.


Top
 Profile  
 
 Post subject:
PostPosted: Mon Jan 22, 2007 8:29 pm 
Offline
DevNet Master
User avatar

Joined: Mon Oct 25, 2004 9:29 pm
Posts: 3698
Location: New Jersey, US
If what pickle thinks you are thinking is correct, I would recommend using this CSS:

Syntax: [ Download ] [ Hide ]
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:

Syntax: [ Download ] [ Hide ]
<blockquote class="fancy">

  <div class="quote">The goodies!</div>

  <div class="origin">-- by Someone</div>

</blockquote>


Top
 Profile  
 
 Post subject:
PostPosted: Tue Jan 23, 2007 2:00 am 
Offline
DevNet Evangelist

Joined: Tue Dec 21, 2004 6:00 pm
Posts: 6267
Location: Winnipeg
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 :)


Top
 Profile  
 
 Post subject:
PostPosted: Tue Jan 23, 2007 2:18 am 
Offline
Site Administrator
User avatar

Joined: Wed Aug 25, 2004 7:54 pm
Posts: 13592
Location: New York, NY, US
How about :google:

_________________
(#10850)


Top
 Profile  
 
 Post subject:
PostPosted: Tue Jan 23, 2007 1:48 pm 
Offline
DevNet Master
User avatar

Joined: Wed Dec 06, 2006 5:14 pm
Posts: 3635
Location: Toronto, Canada
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.


Top
 Profile  
 
 Post subject:
PostPosted: Tue Jan 23, 2007 4:57 pm 
Offline
DevNet Master
User avatar

Joined: Mon Oct 25, 2004 9:29 pm
Posts: 3698
Location: New Jersey, US


Top
 Profile  
 
 Post subject:
PostPosted: Tue Jan 23, 2007 4:59 pm 
Offline
DevNet Master
User avatar

Joined: Wed Dec 06, 2006 5:14 pm
Posts: 3635
Location: Toronto, Canada


Top
 Profile  
 
 Post subject:
PostPosted: Tue Jan 23, 2007 10:11 pm 
Offline
Neighborhood Spidermoddy
User avatar

Joined: Mon Mar 29, 2004 4:24 pm
Posts: 31559
Location: Bothell, Washington, USA


Top
 Profile  
 
Display posts from previous:  Sort by  
Post new topic Reply to topic  [ 10 posts ] 

All times are UTC - 5 hours


Who is online

Users browsing this forum: No registered users and 2 guests


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Jump to:  
Powered by phpBB® Forum Software © phpBB Group