Tips dan Trik
 
Daftar Nilai  
 
Guru  
 
Download  
Typography
Print Email
 
Written by Super User
  |   Last Updated on Wednesday, 11 January 2012 08:39

The dropcap class makes the initial letter of a paragraph look larger then the rest of the text. Edit the HTML of your text and use it like this <span class="dropcap">E</span>xample .

 

Use the blockquote HTML tag to bring well shaped excerpts into your text. Edit the HTML of your text and use like this: <blockquote><p> Your quote goes here. </p></blockquote>

This is a Heading 1

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer urna. Aenean tristique. Fusce a neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

This is a Heading 2

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer urna. Aenean tristique. Fusce a neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

This is a Heading 3

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer urna. Aenean tristique. Fusce a neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

This is a Heading 4

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer urna. Aenean tristique. Fusce a neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

This is a Heading 5

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer urna. Aenean tristique. Fusce a neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

This is a Heading 6

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer urna. Aenean tristique. Fusce a neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.


This is a highlight phrase. Use <span class="highlight-1">Your highlight phrase goes here!</span>.

This is a highlight phrase. Use <span class="highlight-2">Your highlight phrase goes here!</span>.

This is a highlight phrase. Use <span class="highlight-3">Your highlight phrase goes here!</span>.

This is a highlight phrase. Use <span class="highlight-4">Your highlight phrase goes here!</span>.


Below is a list with arrows. To use this style create a list in the following format: <ul><li class="arrow1">....</li><li class="arrow1">....</li>...</ul>

  • Quisque ultrices etiam, class nec velit vestibulum sit congue pulvinar, mattis penatibus proin odio placerat ante.

To use this style create a list in the following format: <ul><li class="arrow2">....</li><li class="arrow2">....</li>...</ul>

  • Quisque ultrices etiam, class nec velit vestibulum sit congue pulvinar, mattis penatibus proin odio placerat ante.

Below is a list with circle. To use this style create a list in the following format: <ul><li class="circle">....</li><li class="circle">....</li>...</ul>

  • Quisque ultrices etiam, class nec velit vestibulum sit congue pulvinar, mattis penatibus proin odio placerat ante.

 

Alert box

This is a sample pin note. Use <span class="alert">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer urna. Aenean tristique. Fusce a neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. </span>

Info box

This is a sample pin note. Use <span class="info">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer urna. Aenean tristique. Fusce a neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. </span>

Download box

This is a sample pin note. Use <span class="download">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer urna. Aenean tristique. Fusce a neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. </span>

Code
#subheader h1 {
float: left;
margin-top: 28px;
background: url(../images/logo.gif) no-repeat;
width: 335px;
height: 58px;
text-indent: -9999px;
}

Your title

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Integer urna. Aenean tristique. Fusce a neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Use <div class="boxinfo"><h3 class="boxinfo-title">Your title</h3><p>

 
 

Galeri

Aplikasi Nilai Sekolah

BonusThemes.com            

©2012 Bonusthemes.com - All Rights Reserved

Top
#fc3424 #5835a1 #1975f2 #a903ad #52f65f #ec50bb