Insert / Edit image

Here’s another wonderful button. Use it to add images in text fields. Because there is quite a bit to say about image management, it has a separate page.
Read more here.

Insert / Edit link

This is a wonderful button. Use it to create links to other pages, images, files, and much more. It is extremely useful.
Read more about how you create links here: Link manager

Bold text

Bold text

Italic text

Italic text

Underlined text

Underlined text

Strikethrough text

Strikethrough text

Align left text

Align left text

Align center text

Align center text

Align right text

Align right text

Margin align

If you want your texts aligned to both the left and right margins, select margin align. This alternative affects the spacing between the words in your text, so it is most effective when you have a lot of text.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum aliquet scelerisque semper. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec nulla ante, tristique aliquet mattis id, varius a ante. Praesent tristique arcu a mi ultrices sodales. Sed at velit et metus cursus scelerisque. Maecenas mollis faucibus dui et porta. Donec sit amet mattis mi. Donec fermentum dignissim fringilla. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris eget tortor dolor, in ultrices urna. Etiam quis mauris neque, in eleifend risus. Phasellus ligula metus, rutrum vel egestas et, fringilla ac odio. Duis pharetra consectetur augue. Donec sed nisi nisi, at elementum sem. Nulla ut nunc ante, aliquam auctor turpis. Sed molestie sapien ac nisi pulvinar nec iaculis magna ultrices. Maecenas sed lectus nisi, quis pellentesque eros.

Typeface/Fonts

You can choose between different typefaces, allowing you to use different styles in your text. You can, for example, choose among many different typefaces (or fonts as they are also called) in Word. The web, on the other hand, does not have as many typefaces. Din Studio offers the standard typefaces that all web browsers can support, including:

Arial
Arial Black
Book Antiqua
Comic Sans MS
Courier New
Georgia
Helvetica
Impact
Tahoma
Terminal
Times New Roman
Trebuchet MS
Verdana
Webdings Webdings (Det blir bara specialtecken i Internet Explorer.
I övriga webbläsare blir det vanlig bokstäver.)
Wingdings Wingdings (Samma sak här som ovan.)

Size

Change the size of your text. For example:

1 (8pt)
2 (10pt)
3 (12pt)
4 (14pt)
5 (18pt)
6 (24pt)
7 (36pt)

Headings

Choose headings and other format alternatives here. These are designed for the template in which the page is made and change appearance if you change the template. One easy way to use these settings is to write the text first, select what you want to change and then choose which of the styles you want to use.
For example:

Paragraph (The body of your text)

Preformatted  

(It generates a separate tag in the background code called <pre>.
Read more about it here.)

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6 (Det är inte alla mallar som har Rubrik 5 och 6)

Bullet list

Create a bullet list:

• A new bullet point appears
• after each hard line break,
• which occurs when you press Enter.
• However, if you want to change lines but stay within
  the same bullet point, you need a soft break.
• To do this, pressing down Shift and then Enter.

Number list

Create a number list:

1. The next number is automatically
2. inserted after each hard line break,
3. which occurs when you press Enter.
4. However, if you want to change lines but stay within
   the same number, you need a soft break.
5. To do this, press down Shift and then Enter.

Increase and Decrease Indent

Both buttons are explained here.

When you have a paragraph of text and want to add space in a section of the text, you use increase (arrow pointing right) and when you want to move the text out again, you use decrease (arrow pointing left).

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum aliquet scelerisque semper. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Donec nulla ante, tristique aliquet mattis id, varius a ante. Praesent tristique arcu a mi ultrices sodales. Sed at velit et metus cursus scelerisque. Maecenas mollis faucibus dui et porta. Donec sit amet mattis mi. Donec fermentum dignissim fringilla. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris eget tortor dolor, in ultrices urna. Etiam quis mauris neque, in eleifend risus. Phasellus ligula metus, rutrum vel egestas et, fringilla ac odio.

Duis pharetra consectetur augue. Donec sed nisi nisi, at elementum sem. Nulla ut nunc ante, aliquam auctor turpis. Sed molestie sapien ac nisi pulvinar nec iaculis magna ultrices. Maecenas sed lectus nisi, quis pellentesque eros.

Undo

If you regret a change that you made and want to undo it, click on this button. You can also press Ctrl-Z - a shortcut for “Undo”, which is reset once you click on

Redo

If you have undone something, and then discover you did not want to undo it, click on "Redo". Basically, this means you redo what you undid.

Unlink

If text is shown as a link but you want only text, select the text and click on "Delete link". This deletes the underlying code for links.

Clean up messy code

It senses whether the underlying HTML code has been broken or is incomplete and cleans it.

Editing HTML source code

For highly advanced users. You can see the code here and add your own HTML code. We do not offer support for this should you run into difficulties or if something does not work as you intended.
Read more here about inserting your own HTML code.
Tips on how to upload videos shown directly on your website can be found under Tips & Tricks. We inserted HTML code from YouTube.
Read here about how to upload videos from YouTube.

Select text color

Select a color for your text. You can choose among many different colors for what you write.

This is only the first palette of available colors. You can choose to access more colors from a larger palette or enter the color code of your choice.

Select background color

Highlighting pen. The same palette appears here as for text colors. Again, you can choose among more colors if the palette is not sufficient.

Insert / Edit table

This is also a fantastic button that has many areas of use - which is why we have created a separate page for insert table. Read more here.

Horizontal line

Crossways - Border line

Unless you define the width, it adapts automatically to the space available.

Remove formatting

If you have changed the color, size, typeface and so on, you can delete formatting with this button.

Subscript

This button is a favorite among chemists - H₂O (water)

This is regular script _{and this is subscript.}

Superscript

This button is a favorite among mathematicians - 10⁷

This is regular script ^{and this is superscript.}

Preview

This button lets you preview the text field you are working in at the moment. While this is a good aid, I recommend you preview changes you make in your website by looking at your site in the published version. To do this, open another window and surf to your site. Remember to press F5 or Ctrl-F5 to force your web browser to collect new data from the web. Browsers are "lazy" and tend to go to data already uploaded.

Insert date

This button pastes in the date of the day when you clicked the button. 2011-11-11 is the date I wrote this text.

Insert time

This button pastes in the time of day when you clicked on the button. 17:00:01 is the time I wrote this text.

Insert special character

Example: € £ ¢ ¥ © ® ™ § ← ↑ → ↓ ↔
These characters are visible in all web browsers, as opposed to the special characters found under "Webdings" and "Wingdings", which are only visible in Internet Explorer.