Textile · Images

TxStyle · Textile Documentation

The Textile Markup Reference for Textpattern


Images

Exclamation marks are used to insert an image tag.



Input (editable)

Browser
HTML

More about: Images

  1. An image from another domain:
!http://textpattern.net/wiki/skins/textbook/images/logo.png!
  1. Use () parentheses to include “alt” text and title at the same time:
!/img/newcarver.png(the new carver)!
  1. Combine with a link for an image link:
!/img/newcarver.png!:http://textpattern.com/
  1. Images can be aligned right:
!>/img/carver.jpeg!

or centered:

!=/img/carver.jpeg!
  1. An image can have a css style:
!{border:5px solid red;}/img/carver.jpeg!

or a css class:

!(a_classy_image)/img/carver.jpeg!
  1. To center an image, you may use this style:
!{display: block;margin-left: auto;margin-right: auto;}/img/carver.jpeg!
  1. For the generation of relative images and to better support content for responsive layouts, the automatic generation of image width and height can be suppressed by a Textile parser option as of Textile v2.5.1.

Paste code into the box above.




PHP Textile v3.5.5


Donate Textpattern developers.