formatting guide

todd / 13.Nov.2007

this guide has been a long time coming, and it’s got a long ways to go. for now, it’s a start. and that’s what counts.

text

http://hobix.com/textile/quick.html is your first stop for text

much of the formatting used in this quide makes use of textile. with it, centering paragraphs, creating numbered lists, adding links, emboldening text is a snap. please take a look at the textile guide for specific formatting needs that aren’t covered in this guide.

dropcaps

%(dropcap)T% his is what i call a dropcap...

T his is what i call a dropcap…

photos

photos can easily be added to a post from flickr, no resizing needed. in fact, the width of the micro theme is just wide enough to fit the 500px wide flickr photos. in fact, it’s pretty easy to use any of the photo sizes on flickr.

find the photo
  1. visit flickr
  2. navigate to the photo you want to use, large, small, whatever
  3. right click the photo
  4. copy image address or path
  5. insert the photo, and format using the following guide.
pick the size

a default flickr image url (http://farm1.static.flickr.com/62/166978939_35e6416867.jpg) gives us a 500px wide photo. if we like, we can choose a different size, by simply appending the following text, right before the .jpg suffix.

  • 500px
  • _b is the big size (1024)
  • _t is the thumbnail
  • _s is the 75×75 pixels square
  • _m is the medium size

centered large photo

p=. !http://image_path!

right aligned photo (with caption)

p(ir tar). !http://image_path!<br /> %(caption)caption_text%


red mixte brown door

to format an image to the right, you need to wrap the image in a paragraph, and append a class to it. the styles in micro make this pretty snappy.

p(ir). will shoot the image to the right. p(tar) is short for “text align right”, and it does just that. combined, you get an image with text that are aligned right.

left aligned photo

p(il). !http://image_path!<br /> %(caption)caption_text%

%

Sorry, comments are closed for this article.

back to top

micro theme by seaofclouds, and powered with Mephisto