Really simple image caption
Tuesday, 7. July 2009, 21:04:03
Caption text Caption text Caption textRegular My Opera blog posts don't support captions under the images, even though it would be easy as pie to implement. So I finally got around to making my own codes.
<span class="rightcaption"> [IMG=http://files.myopera.com/drlaunch/thelaunchsite/banner.gif] Caption text </span> <span class="leftcaption"> [IMG=http://files.myopera.com/drlaunch/thelaunchsite/banner.gif] Caption text </span> <span class="centercaption"> [IMG=http://files.myopera.com/drlaunch/thelaunchsite/banner.gif] Caption text </span>
Basically, you add a couple of span tags like those above, around the image and caption to have a caption under the image. This is useful for things like image texts, attribution of authors and image information.
In order to make them work, you'll need to add the following code to your account's custom CSS ( Account --> Design --> Custom style sheet).
.rightcaption {
float: right;
display:block;
}
.leftcaption {
float: left;
display:block;
}
.centercaption {
clear: both;
display: block;
text-align: center;
}
Oh, and the new Neo RC2 needs your feedback.
WIDGETIZE