[Service article] Blocks and typography

Please don't use empty lines.

Check the source code of the article before publishing:

04968bb653.jpg

There shouldn't be content like this:

6f73375fca.jpg

Youtube video popup

17_Filtering_And_Sets.png

Please don't use "Heading 1" and "Heading 2".

Please don't use inline styles such as font-size, table cell width, font-color etc. All styles are added in Help center Theme code according to mockups and style-guide of Help Center and ABBYY corporate website and shouldn't be changed individually.

Standard article page elements

Header 3

Header 4

Header 5

Simple text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam at auctor leo, ac ultrices purus.

Link to external site

Note: lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam at auctor leo, ac ultrices purus.

<p class="note">
<strong>Note:</strong> lorem ipsum dolor sit amet, consectetur adipiscing elit.
Aliquam at auctor leo, ac ultrices purus.
</p>

Small text: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam at auctor leo, ac ultrices purus.

Images

Source code for images should look like this:

<p><a class="image-popup-vertical-fit" href="img_url"> <img src="img_url" alt=""></a></p>

There shouldn't be any text inside <p> element. <a> is added to enable popup with image

Standart image with 33px indents above and below, without border:

mceclip3.png

Image with 33px indents above and below, with 1px border:

mceclip1.png

Lists

  • Bullet list item
  • Bullet list item
  1. Numbered list item
  2. Numbered list item
  • Check blue list item
  • Check blue list item

Collapse blocks

First block opened by default

To make block not opened by default remove aria-expanded="true" attribute from link and remove class "in" from "div id="14-0-107-232" class="product-grid collapse in product-tech-specs-collapse""

Morbi non arcu nec sapien vehicula ullamcorper nec ut elit.

Integer tristique eros quis turpis porttitor rutrum vel vitae mauris.

Sed commodo lectus diam, porttitor placerat sapien semper eu. Proin at odio tellus. In hac habitasse platea dictumst.

Table with dark-blue head

Head
Sub-head column Sub-head column Sub-head column Sub-head column
Cell Cell Cell Cell
Cell Cell Cell Cell

Light-blue table

Column Column
Cell Cell
Cell Cell
Cell Cell

Have more questions? Submit a request

Recently viewed