header_image_de

Wide/narrow column page layout

This is an example for a pagesofa wide/narrow column site layout. You can use both columns for text and picture content. It's perfect for sites with pictures or news articles beside the main content. We believe that this pagesofa wide/narrow site layout is the one with the most flexibility. So we decided to use it as our basic site layout which is part of every pagesofa-site. Use this column for you main content. The width of this main column is 610 px.

Example for an image gallery element

Here you see an example for a image gallery. Preview images (thumbnails) are generated automatically. You can adjust the size of the thumbnails and the number of thumbnails displayed in a row. We are using grayscale images here, to set the design of the preview to a neutral look. Of course you can use coloured images!

pic1 - the filename is displayed here
pic2 - the filename is displayed here
pic3 - the filename is displayed here
pic4 - the filename is displayed here
pic5 - the filename is displayed here
pic6 - the filename is displayed here

Examples of headline sizes

Headline 1: [h1]

Basic text following a [h1] headline. Use the [h1] headline for the main headlines. There is a small space between the headline and the text.

Headline 2: [h2]

Basic text following a [h2] headline. A little smaller than [h1] but still rather big. There is also a small space between the headline and the text.

Headline 3: [h3]

Basic text following a [h3] headline. The same as [h2] but without the space.

Headline 4: [h4]

Basic text following a [h4] headline. The perfect head for articles in the left or right columns, also good for lists. There is a small space between the headline and the text.

Headline: [h5]

Basic text following a [h5] headline. The same as [h4] but without the space.

Headline 6: [h6]
This is not really a headline. It's the same font we use for image captions. It's a little bit smaller than the basic text and coloured. Use this for alternate texts or margins.
Examples of text styles

This is the basic text. Use the "Paragraph" formatting in the editor.
This is the boldened basic text. Use the "B" formatting in the editor.
This is the italic basic text. Use the "I" formatting in the editor or

use the "Adress" formatting in the editor to have a 10 px space.

This is the boldened basic text. Use the "B" and "I" formatting in the editor.

Example for an image added to a text element
pagesofa pic4 - this is the alternate image text
pagesofa pic 4 image caption

Sometimes you may want to place an image beneath the text. Simply click "Add an image" below the text editor and make your choices! You can determine the position of the image (left or right) and set the margin. The preview image (thumbnail) is generated automatically. You can adjust the size of the thumbnail. You can also embedd external or internal inks and image captions. We are using grayscale images here, to set the design of the preview to a neutral look. Of course you can use coloured images!

Example for a table element

Here you see an example for a table, created with the element "table". You can adjust the number of rows and columns. Also header and footer can be created. The width of the table is always the same as the site column.