MULTIFLEX•2

Flexible Webtemplates.

YOUR TEMPLATE PARTNER!

Quality is our passion.

Serving the webcommunity
with XHTML/CSS Designs

›››  Go to templates

website template image
CONTENT AREA

The extra options are activated by applying one or several of the following generic CSS-classes.

Title underline

Add a bottom border to the title. The line-color is chosen as follows:

Generic CSS-class:

  • White: line-white
  • Black: line-black
  • Grey: line-greyNN (NN=colorindex: 01, 02, ..., 10)
  • Yellow: line-yellowNN (NN=colorindex: 01, 02, ..., 10)
  • Blue: line-blueNN (NN=colorindex: 01, 02,... 10)
  • Green: line-greenNN (NN=colorindex: 01, 02, ..., 10)
  • Red: line-redNN (NN=colorindex: 01, 02, ..., 10)

Method: Add CSS-class to the HTML-tag for the title

Line color: Select from Color Scheme.

Unshaded title with green underline

Shaded title with red underline

Title decoration

Add a decoration box to the title line. Text is allowed inside the decoration box. Box-width adapts automatically to text length.

Generic CSS-class:

  • Box on: box-on
  • Box off: box-off

Method: For the decoration box an additional HTML-tag, which is identical to the regular tag for the title, must be inserted. In the new HTML-tag add the desired CSS-class to turn the box either on or off. To remove the decoration box, it is not necessary to delete the HTML-tag, but simply switch the setting to "box off" and let the HTML-tag remain in place.

You can also add additional generic CSS-classes to modify text colors (txt-xxxxNN) and/or background colors (bg-xxxxNN) of the decoration box. Sections 3 and 4 below.

Text and background colors: Select from Color Scheme.

 

Blue decoration without text

DECO 

Yellow decoration with black text

DECO 

Green decoration with white text

Text color

Text color can be modified locally.

Generic CSS-class:

  • White: txt-white
  • Black: txt-black
  • Grey: txt-greyNN (NN=colorindex: 01, 02, ..., 10)
  • Yellow: txt-yellowNN (NN=colorindex: 01, 02, ..., 10)
  • Blue: txt-blueNN (NN=colorindex: 01, 02,... 10)
  • Green: txt-greenNN (NN=colorindex: 01, 02, ..., 10)
  • Red: txt-redNN (NN=colorindex: 01, 02, ..., 10)

Method: Add this class to the HTML-tag to modify text color.

Color: Select from available Color Scheme.

This is text with "txt-grey05".

This is text with "txt-yellow10".

This is text with "txt-green10".

This is text with "txt-red10".

This is text with "txt-blue10".

Background color

Background color can be modified locally.

Generic CSS-class:

  • White: bg-white
  • Black: bg-black
  • Grey: bg-greyNN (NN=colorindex: 01, 02, ..., 10)
  • Yellow: bg-yellowNN (NN=colorindex: 01, 02, ..., 10)
  • Blue: bg-blueNN (NN=colorindex: 01, 02,... 10)
  • Green: bg-greenNN (NN=colorindex: 01, 02, ..., 10)
  • Red: bg-redNN (NN=colorindex: 01, 02, ..., 10)

Method: Add this class to the HTML-tag to modify background color.

Color: Select from available Color Scheme.

This is background "bg-grey05".

This is background "bg-yellow10".

This is background "bg-green07".

This is background "bg-red10".

This is background "bg-blue05".

Text alignment

Align text locally.

Generic CSS-class:

  • Align left: Default setting
  • Align center: align-center
  • Align right: align-right

Method: Add CSS-classes in any text-related HTML-tag.

This is default left-aligned.

This is center-aligned

This is right-aligned.