Resource: cutting posts - Image display

[thelongcon]

For long posts

HTML

For longer posts that stretch the page, the main way to hide content band expandable areas is the cut. Cut areas are marked by little arrows which allow you to select which areas to expand out.

Unfortunately cut tags do not get transferred over from one post to the next when they're copy and pasted and must be added again.



Multiple cuts can be used, or open ended cuts which would put all following content in a post under it.


<cut> [insert content here]</cut>

Live version:

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.

The default text give for dreamwidth is Read more..., to change that, you can use:

<cut text="This is a cut more to follow"> [Content goes here] </cut>

Live version:

Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.

For the Rich Text editor:

The cut function also exists in the rich text editor. It's the little symbol with the three straight lines followed by a jagged line up top.


You need to highlight the body of text/images/etc you want to cut, and click the button. The text that will be hidden under a cut will then have a grey background. And a pop up window that let's you set the cut text to appear.



Afterwards, the grey will disappear, and you'll be left with this:



With those two thin lines marking where the cut starts and ends. They'll be visible if you switch between the HTML and rich text editors for other sections too.

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy. Various versions have evolved over the years, sometimes by accident, sometimes on purpose (injected humour and the like).

Image display

HTML:

The code for displaying an image is

<img src=" [url ending in .jpeg, .gif, .png or some other image format] ">

However, you can add modifiers to brute force images to display in specific dimensions. <i>This doesn't actually change the size of the image file.</i>

The modifiers are added in after the URL of the image

ie.
<img src=" URL GOES HERE " width="200 pixels used in sample">

The proportions of the image is maintained.



With both a height and a width modifier set:

Code: <img src=" URL GOES HERE " width="200 pixels used in sample" height="200 pixel">

For the rich text editor

You can choose the insert image button in the toolbar to insert a new image, or click on an existing image and then the button to edit it.

There you can input your image url, what sizes you want to display it, and where you'll like it to show up in the post. Dimension ratios are locked in by default, and will keep images in proportion unless you change them.