I’m always fiddling with ways to display Amazon Associate links with big bold images and appealing layouts so they get more clicks.
I’ve got a few tricks I use all the time. They’re fast, and I do them almost without thinking about it.
Unfortunately, when I try to explain them, they look scary, because the code Amazon gives us is scary, then I have to insert minor tweaks.
Which is why I’ve filed this Squidoo Tutorial under Advanced CSS. For old Squidoo hands, it may be useful; for new Squids, it’ll probably make your head spin:
Hopefully they will prove useful to somebody.
Screencap from my lens
Eureka! Why didn’t I figure this out sooner? There is a fairly simple CSS way to force a caption (including an image caption with clickable link) to hang out directly under a Squidoo lens logo or an image uploaded into the text module!
Ta-da! Actual screencap of a lens!
Here. I have, of course, created a new Squidoo tutorial:
Of course, the easiest thing would be if Squidoo would add an optional caption slot for images.
But then, I suppose there’s no way to guess what height / style the caption slot ought to be. It depends whether you’re trying to make a photo credit or some kind of comment/description.
I think that to date, the Squidoo Museum is my best lens as far as presentation, although the Fancy Table of Contents lens comes close.
I’d like to talk about how I put together the Squidoo Museum. It demonstrates everything I know about graphics, color, fonts, and CSS.
I finally got around to updating my Advanced CSS lens, where I used to post crazy “lab experiments” in CSS.
Now I’ve reorganized it and made it more dignified (slightly), and added all the tricks I tend to use most on my lenses: rounded corners, background-images for paragraphs, captions under aligned images, drop caps, dramatic numbered lists, and most of all, playing around with the introduction module to make the first thing visitors see look great.
I’ve moved the old lab experiments to page 2. There’s another use for a Page Break!
(My “crazy lab experiments” lens is now ZEE CODE SCRATCHPAD. Once I’ve got things working nicely there, I may move the “finished products” to the AdvancedCSS lens for prime time viewing.)