I was looking over That's Creative: Unique Gift Baskets, trying to think of ways to improve the exsiting content. The entire lens is made up mostly of list modules, and I thought it was time to give them a little more pizzaz. The logical choice is, of course, pictures. Visual content is essential for a great lens, even when the information is already in easy-to-read point form.
Because Unique Gift Baskets has so many examples where a photo would fit, it would be pretty overwhelming to take dozens of photos of candy and gift items. That's where Allposters comes in. The difficult part is getting the posters to fit into the list modules in a neat and tidy way. But I did it, and now I'd like to pass on the method to other Squids.
Step 1 - Find your picture.
Once you've added your lens to your list of Allposters websites, and located an appropriate poster, highlight the HTML for a thumbnail with no printing or framing links.
Step 2 - Edit the HTML
Remove all of the code up to the first img tag. You will be left with something like this:
a class="APCTitleAnchor" href=allposters url target="_blank" title="Close View of a Reddish Colored Giant Or Humboldt Squid at Night"
img src= allposters url Close View of a Reddish Colored Giant Or Humboldt Squid at Night" border="0" height="86" width="115"
Step 3 - Set Alignment
To place the picture to the left of your list text, replace
border="o" height="86" width="115"
with
style="float: left; margin: 0px 5px 5px 0px;"/
Step 4 - Add Text
You need at least 6 lines of text and/or spaces to make sure that your list items all line up evenly. Use a BR tag in the seventh line to break up the list items and add a little space.
And that's it. You'll end up with list items that look something like this:
The Humboldt Squid at Night
This reddish colored squid photo was taken by Brian J. Skerry.
Isn't it neat?
The more text you have in each list item, the better it will look. It's a great way to dress up tired list modules, and add some color to your lens.
