CSS Text Wrapper
-
I found this really cool online tool that let’s you create HTML text and wrap it into different shapes other than rectangles. It’s called CSS Text Wrapper. As you can see, it’s pretty nifty. All I had to do was create my content, paste it into the form, make a few adjustments and BOOM - it gives me my code and all I have to do is copy and paste it right above my text in my post.
This probably isn’t something you want to do on a regular basis, but it may be just the thing you need to spice things up a bit. Maybe you can use it for memes, party invitations that accept HTML, or just because.
You have three methods to choose from on how you can implement it: Inline CSS/XHTML, XHTML w/ Classes, and javascript. The last option is the lightest choice. All you have to do is paste in a couple of lines of javascript. I’m not a programmer, but I believe that’s not going to mix well inside a WordPress post. However, the results can be an eye-catcher.
Making the shape is very easy. Here’s what it looks like:
Leave a Comment
December 12, 2007 at 6:30 am
Ha… Mark, you beat me to it. I found this tool while Stumbling a few days ago and I was going to make a post using it. I thought it was kinda cute
Colin King’s last blog post..Deal of the Month
December 12, 2007 at 11:05 am
And why might I want to do that?
I’m new to your blog, but I decided I am going to do something new to my blog every week. Learn something new….ahhhh, not sure if this is what I had in mind
December 12, 2007 at 12:22 pm
@Colin
Hehe…when great minds think alike, that’s bound to happen.
@pawhealer
I see it as something more for blogs that are more concerned about design, than anything else. Thanks for commenting, btw! Good to see you here.
December 12, 2007 at 6:13 pm
That is very nifty!
I can’t think when I would use it, but indeed it’s very cool!
Barbara (Xerraire)’s last blog post..Merry Tossmas
December 12, 2007 at 7:28 pm
This is weird!!! AM I STUCK IN THE MATRIX!?
Bush Mackel’s last blog post..Video Game Weekly Roundup
December 12, 2007 at 10:29 pm
@Bush
Thanks for commenting!
That depends: do you choose the red or blue pill?
@Barbara
Hi there! It’s an acquired taste for sure.
December 13, 2007 at 9:34 am
Looks like an easy way to wrap text around images too. Nice find buddy
Brown Baron’s last blog post..Generate Multiple Passwords Without Having To Remember Them
December 13, 2007 at 2:11 pm
Oh this is sweet. I learned a technique a while back called “sandbagging” for doing something like this, but why bother with that when this site will do it for you?
Mike’s last blog post..Looks like someone had a pretty long night
December 13, 2007 at 9:00 pm
@Baron
Anytime, my friend!:)
December 13, 2007 at 9:58 pm
@Mike
Well, I hope the time you save will be spent on your indie filming!
May 25, 2008 at 11:18 pm
I love text wrapper!
I still haven’t gotten around to creating a wacky template with NON RECTANGLE LAYOUT to put this to use…. imagine a site layout thats all curvy and wavy.
Very nice find.
Popular Wealths last blog post..Celebrity Product Endorsements For YOUR Blog
May 25, 2008 at 11:23 pm
@Popular Wealth
It’s pretty cool, isn’t it? Thanks for taking the time to drop by MeAndMyDrum. I hope to see you here as a regular reader.
February 5, 2009 at 9:26 pm
Hey Mark,
I must have missed this one. This is an awesome resource. With CSS I can do normal text wraps; however, the above example is crazy. Excellent find.
February 5, 2009 at 9:32 pm
Hehe, you could probably do this stuff in your sleep, but glad you like it, Garry.
February 5, 2009 at 9:41 pm
Oh I don’t know about all that. No man, this is pretty cool. I am just at an average skill level for CSS.