| Typography |
|
Typography is a key element in web design. This templates delivers you sophisticated typography and various stylings. The style guide gives you an overview about all possible HTML tag stylings provided by the template. It also helps you to set up the available classes for special stylings. The following are examples of header tags, there are six in all. <h1> is the largest and <h6> is the smallest. Choose the correct header to fit your needs. This is a H1 HeaderThis is a H2 HeaderThis is a H3 HeaderThis is a H4 HeaderThis is a H5 HeaderThis is a H6 HeaderLink StylesLink Styles allow you to edit the color, size and look of links default link link with class="external" Emphasis Stylesem tag with class="box" em tag with class="file" em tag with class="directory" Acronym StylesPlace your mouse over the words below and read what pops up on your screen and what comes up at the bottom of your screen.acronym tag Unorderd List Styles
Ordered List Styles
Div and Span Styles <div> or <span> tag with class="note" <div> or <span> tag with class="info" <div> or <span> tag with class="alert" <div> or <span> tag with class="download" <div> or <span> tag with class="tip" Blockquote Styles Sample <blockquote> tag. When you're writing text in a Web page, you sometimes want to call out a block of text as a quotation. In publishing this is sometimes called a pull-quote, and in Web design it's called a blockquote. You use blockquote to define long quotations, such as this example.<Blockquote> tag with an additional <p> tag. (use <blockquote><p>....</p></blockquote>)
Sample <blockquote> tag with class="big": This is the same idea, however when you add the "big" class it increases the size of whatever you wish to have in blockquotes.Sample <blockquote> tag with class="big" and an additional <p> tag (use <blockquote class="big"><p>....</p></blockquote>):
Forms StyleForm legendText input: Radio input: Checkbox input: Select field: Option 01Option 02 Textarea: Textarea text Button: Preformated Text Stylepre { background: #fff; color: #333; padding:10px; border: 1px solid #ccc; border-left: 5px solid #ccc; } |

IT Services