CSS: Swooshy Curly Quotes Without Images
The problem
Take a quote and render it within blockquote tags, applying big, funky and stylish curly quotes both at the beginning and the end without using any images – at all.
The traditional way
Feint background images under the text, or an image in the markup housed in a little float. Often designers only use the opening curly quote as it’s just too difficult to float a closing one. Simon Collison explains his solution!
WP Cumulus Flash tag cloud by Roy Tanck requires Flash Player 7 or better.
Subscribe to Knowtebook
LovedKnowtes
- Graphics: 15 000 free high quality icons
- Pattern Freebies: 26.000+ Free Photoshop Patterns for any use
- Graphics: 9 Free Vector PNG Icons
- Graphics: 66 free logo vector templates for your business
- How To Promote Your Posts in 10 Minutes to 1 Mio People
- 8 Free Brand Logo Download Websites You Should Know
- Free Simple Wordpress Portfolio Theme
- Free Wordpress Theme for Designer and Portfolio Websites
- 8 Heatmap Tools and Why / How to use them
- 35 Free Beautiful Japan Theme ICONS
- 148 free beautiful vector graphics for web and print
- The Most Stunning Viral Ad Campaigns Ever
- Free iPhone Design Set for Photoshop
- 34+ free HTML newsletter templates for startups
- Cool Business Cards That People Will Never Throw Away
- 20 web-based business collaboration tools that lets make you breathless
- Graphics: Great Free Icons & iphone Wallpaper at Pixelgirl
- Free Photoshop Case Templates For DVD, CD and Cassette
- 56 Free Vector Arrow Symbols & Icons
- CSS: How to make a footer which really stays on the bottom
- Graphics: 2000+ Open Source Web Templates
- Free vector brand logotypes in CDR, EPS and WMF formats
- Creative Online Ad Design: Ideas & Trends in 2008
- Convert your Image To Vector Online For Free
- Free Brilliant Website Chats and Why / How to use them
- Free Vector Graphics at Vecteezy
- Most Awarded Advertisements in 2008
- Freebies: Creative Twitter Themes
- Brilliant Ways to Style Blockquotes
- Free iPhone style Photoshop Icons
- CSS: How To Hide Headlines For Better SEO Effects
- What's better? Ruby on Rails vs. PHP
- Graphics: Free Smashing Vector Icon Set - Milky
- SEO: How To Create a Google Sitemap in 5 Minutes
- 1.000 More Free High Quality Icons For Download
- Graphics: 15 Free Outstanding Icon Sets for iPhone
- Graphics: Free Web Development Icon Sets
- Combine Wordpress, PHPBB and 4Images together without multiple user-registrations
- Tutorial: How to make Professionell Glossy Web 2.0 Graphics
- Create a realistic Credit Card in Photoshop
- 25 graphic resources for ornaments, fleurons, and more
- Freebies: Twitter Bird Icons & Illustration
- 6 Awesome Wallpapers for PC, MAC and Iphone
- Von Word zu PDF kostenlos in 3 Minuten
- CSS Revolution - Use Condition Rules WITHIN Styles
- PDF-Dokumente kostenlos aus Microsoft Word, Excel oder Powerpoint erstellen
- CMS: Open source php cms without database
- 28 Stunning and Creative Tech Advertisements
- CSS: Überschriften durch Bilder ersetzen
- Anonym auf der Arbeit surfen mit dem Filter Faker
- Ambient Media Premium Advertising Inspiration
- Community Link Feed
- jParallax enables 3rd View Dimension of Pictures
- CSS: 7 Free Perfect Multi-column Liquid Layouts
- Self-Marketing: Outstanding Portfolio Ideas in 3D
- CSS Freedom - Redesign HTML Form Elements As You Like
- 100+ Free Photoshop Actions at Erics FX
- MySQL: Umlaute beim Import und Export erhalten
- PDF: PDF Dateien kostenlos erstellen und bearbeiten
- Business Card Contest - Send In and WIN
Recommendation
Community Links
- Show me 3d Abstract Inspiration!!
Click here to give your inspiration a real ‘Boost’! 15 beautiful examples of the best 3d abstract art.
- Blogger Showcase - Show Casing Blogger Powered Blogs
First showcase Inspiration site for blogger powered blogs built on blogger.
- SumoJelly's Blog! - Advertising at its Best
Latest from the SumoJelly Corner, advertising at its best!
- Social Icons made of wood
A small set of social icons made of “wood”
- Featured inspiration: Maciej Hajnrich
It’s art? It’s graphic design? It’s typographic? It’s exploding with colors and imagination? It’s… all these and more. Eye candy overbrimming portfolio of Maciej Hajnrich
- Talking Typography Part 1: Afterthought Typography, Blogs and Websites
Arbenting’s new series about typography kicks off with Part 1 : Afterthought Typography, Blogs and websites.
- Suggest a vector pack
We want to offer you vector packs that you need but you don’t find or you are not satisfied. Please tell us what you wish to find on our website and you can’f find somewhere else. We will listen to you and try to satisfy as many as we can. So what kind of vectors do you need?
- FREE Professional Vector Illustration!
Vector Illustration of amazing retro-car from the legendary 70’s absolutely free! Don’t miss an opportunity to download it for free now!
- The 20 Greatest Robots in Movies of All Time!
It’s an amazing collection of the most popular and most recognizable robots in movies of all time.
- Tom Muller Interview
Interview with award winning graphic designer Tom Muller of HelloMuller.com
- Show me some well designed logos! #4
The weekly logo design showcase where you can see 20 company logos or other kind and get inspired in creating your own logo. If not, you can always hire someone
- web 2.0 templatesWeb 2.0 templates with simplicity, cleanliness, and elegance in design and the less number of columns and work great for all your needs and have all the great features of Web 2.0 technology.
UserTalk
CreatingDrew: Saturday Oct 11, Promoting Your Posts to 1 “mio” People
rakesh: Wow! Really great post.. thnx for sharing.. awareness test is my favourite!! ;)
Brittany: I think the ads for Pandora should be on this list as well, even though it’s not the ads themselves...
Brow: Yes indeed great inspiration. I love the batman one as it is pretty unique.
