Customer Support
GER 0201-5206954
+49 - (0)201 - 5 20 69 54
  • Impressum
  • Login
  • Your Cart

     x 
    shopping cart Cart empty

    Typography

    This page represents typographical aspects of your eCommerce template. Take care about your typography to make better user experience for your readers. How to achieve that?

    • Learn more about typography, escpecially about the most often used codes, such as <p>, <h1>, <h2>, <h3>, <img> and <a>.
    • This template has valid XHTML, but if you want to keep it like that, you must learn and follow the XHTML principles. Also, if some of your extensions are not XHTML valid, pages based on this component would not be XHTML valid as well (no matter if template itself is valid).
    • Familiarize yourself with CSS styles that comes with this template.
    • Never copy/paste directly from layout text editors, such as MS Word or OpenOffice. Try to paste text in plain editors first (such as Notepad).
    • Use a WYSIWYG editor that comes with Joomla or install a better editor, but always check your code in the editor's HTML mode.

    Someone told me, "If you have a nice Joomla Template with Virtuemart, than you can have a great Onlineshop." Yes, really, this is how nice things can be... To have a quote styled like that use "quote" class with paragraph of text, like in this sample code: <p class="quote">...your text here...</p>

    Heading One

    Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

    Heading Two

    Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

    Heading Three

    Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

    Heading Four

    Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

    This is a warning message you may use in your text. Simply add appropriate class to your paragraphs to achieve this effect. Here's a sample code: <p class="warning">...your text here...</p>. The rest of text is just filler. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat.

    This is an information message you may use in your text. Simply add appropriate class to your paragraphs to achieve this effect. Here's a sample code: <p class="info">...your text here...</p>. The rest of text is just filler. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat.

    This is an error message you may use in your text. Simply add appropriate class to your paragraphs to achieve this effect. Here's a sample code: <p class="error">...your text here...</p>. The rest of text is just filler. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat.

    This is code style you may use in your text. Simply add appropriate class to your paragraphs to achieve this effect. Here's a sample code: <p class="code">...your text here...</p>. The rest of text is just filler. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat.

    Unordered list sample:

    • list element one
    • list element two
      • list subelement one
      • list subelement two
      • list subelement three
    • list element three
    • list element four

    Ordered list sample:

    1. list element one
    2. list element two
      1. list subelement one
      2. list subelement two
      3. list subelement three
    3. list element three
    4. list element four

    Check list sample:

    • to achieve this effect
    • add class "checklist" to your unordered list
    • like <ul class="checklist">

    Arrow list sample:

    • to achieve this effect
    • add class "arrow" to your unordered list
    • like <ul class="arrow">

    Star list sample:

    • to achieve this effect
    • add class "star" to your unordered list
    • like <ul class="star">

    Angebote

     Diese Woche im Angebot 

    Alternativ Tintenpatrone für HP

    Nr. 364

    BK,BKP,C,M,Y

    St 4,50 €

    quality

    top