Captions Under Thumbnails

Trying to figure out a way to display thumbnails horizontally with captions without using tables. Ran into this suggestion to use a DL tag (data list) which has a DT tag for a title (which can be the image) and a DD tag for data (which can be the caption.)

<style type=”text/css”>

#wrap {width: 500px;

}

dl.gallery {float: left; width: 150px; padding: 2; border: 1px #f00 solid; margin: 0;

}

dl.gallery dd {padding: .0em; margin: 0;

}

</style>

A Definition List:

<img src="http://mac.fiveforks.com/stonegate/archives/Thinking%20Come%20Back-thumb.jpg"
Thinking Come Back
Lights Out and Fugetta Bout It

Not sure this is easier than tables which I’m using here:

<img src="http://mac.fiveforks.com/stonegate/archives/Thinking%20Come%20Back-thumb.jpg"
Thinking Come Back


Lights Out and Fugetta Bout

Tips On Uploading Photos

Elise writes great tips on her blog, Learning Movable Type. Here are two lessons on uploading photos. The first explains the basics. The second explains how to have text wrap around photos.

Learning Movable Type: Uploading Images and Photos

I use the align=left or align=right she describes first in this article. I also add a “border=2” so that the thumbnail looks clickable.

Learning Movable Type: Text Wrap

Trackbacks Locked Up

Kelly and I went through the MovableType MySQL database and closed over 120 old blog entries with open Trackback pings. This involved the repetative task of going row by row and changing a 1 to a 0.

I also deleted the trackback spam entries from the database, most advertising on-line gambling.

Since we don’t really use trackbacks (we all seem to use comments instead), I recommend not leaving this option open when posting a new entry.

And for the moment, no one can leave a trackback because I changed the name of mt-tb.cgi until I can implement some kind of security to prevent trackback spam.

Photo Blogging

Posting a photo or two in a blog can be useful, but not obvious Here is a summary and then details of how to do it.

1. Export photo reducing the size to something around 600 x 400 pixels. (No giant photos, please.)

2. Upload this “medium” size photo, creating an embedded thumbnail that is around 200 x 150 pixels.

3. Add the attribute border=”2″ so that it will make the thumbnail look clickable.

Continue reading

Ecto iTunes Template xtra 25s

The attached snapshot shows why this link does not work properly when created in Rich Text mode in Ecto:

Hand In Hand from the album “Face Value” by Phil Collins

Notice the extra “25” inserted in rich text mode. This causes the link to not work correctly.

Ecto Itunes Template-1

I corrected by using pairs of single apostrophes ‘ instead of the %22 pairs in the iTunes template. This next insert uses that the single apostrophe format:

Now playing: Flyin’ Shoes by Lyle Lovett

MovableType Upgraded To 3.14

The MovableType system has been upgraded to version 3.14. Things will look different when you log in. Most of the changes were “under the hood” improvements that make the system perform better and more secure. Two features I’ll be exploring right away are sub-categories (you can double categorize posts) and scheduling (you can have something post in the future.)

Read more here: www.movabletype.org/docs/mt30.html.

And here: www.movabletype.org/docs/mt31.html.

Now playing: Falling In Love by Randy Newman

All Entries Template

On the occasion of his 100th blog posting, Ted wondered if he could create an all entries view. Scot Hacker has an All Posts Ever view, so I knew it was possible.

I went under templates and made a new Index Template (not archive template) called “All Entries.” I made the output file = all.html.

I then chopped up a copy of the Main Index templates to get down to the minimal code needed to create the all.html file. You can copy/paste the code below to make your own all.html template like mine.

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

<html xmlns=”http://www.w3.org/1999/xhtml”>

<head>

<meta http-equiv=”Content-Type” content=”text/html; charset=<$MTPublishCharset$>” />

<title><$MTBlogName$>: All Entries</title>

<link rel=”stylesheet” href=”<$MTBlogURL$>styles-site.css” type=”text/css” />

<link rel=”alternate” type=”application/rss+xml” title=”RSS” href=”<$MTBlogURL$>index.rdf” />

</head>

<body>

<div id=”banner”>

<a href=”<$MTBlogURL$>” accesskey=”1″><$MTBlogName$>: All Entries</a>

</div>

<div class=”description”><$MTBlogDescription$></div>

<div id=”container”>

<div class=”blog”>

<MTEntries lastn=”1000000″>

<span class=”title”>

<a href=”<$MTEntryPermalink$>”><$MTEntryTitle$> </a></span> <span class=”posted”><$MTEntryDate format=”%x”$></span><br />

</MTEntries>

</div>

</div>

</body>

</html>

To give quick access to the file, I added an “All Entries” link at the top of the archives division in the Main Index:

<div class=”sidetitle”>

Archives

</div>

<div class=”side”>

<a href=”all.html”>All Entries</a><br />

<MTArchiveList archive_type=”Monthly”>

<a href=”<$MTArchiveLink$>”><$MTArchiveTitle$></a><br />

</MTArchiveList>

</div>

Now playing: Keep on Rocking in the Free World by Pearl Jam