01Membuat kod dalam artikel.
<pre>Code di sini</pre>.
#ja-rightcol {
width: 180px;
float: right;
color: #EEEEEE;
}
02Membina list.
|
|
|
|
03Stail Bercakap dan Berfikir.

<div class="avatar"><img src="/images/stories/demo/cat.jpg"/></div<div class="comment-content"><div class="comment-text">Ini adalah contoh avatar cakap. Avatar maximum 50px X 50px </div></div></div>
04Nota, Download dan Quote
Ini adalah contoh nota ringkas. Gunakan <p class="stickynote">Nota anda di sini</p> untuk mencipta nota.
Ini adalah contoh download. Gunakan <p class="download">Download anda di sini</p> untuk mencipta download!
Ini adalah contoh quote. Gunakan <blockquote>Quote anda di sini! </blockquote> untuk membina quote!
Ini adalah contoh quote. Gunakan <blockquote><span class="open">Q</span>uote anda di sin<span class="close">i!</span></blockquote> untuk mencipta quote!
05Blok nombor dan mesej ringkas.
01Ini adalah contoh blok nombor. Gunakan <p class="blocknumber"><span class="bignumber">01.</span>Kandungan anda di sini!</p> untuk mencipta blok nombor!
02Ini adalah contoh blok nombor. Gunakan <p class="blocknumber"><span class="bignumber">02.</span>Kandungan anda di sini!</p> untuk mencipta blok nombor!
03Ini adalah contoh blok nombor. Gunakan <p class="blocknumber"><span class="bignumber">03.</span>Kandungan anda di sini!</p> untuk mencipta blok nombor!
Ini adalah contoh mesej error. Gunakan <p class="error">Mesej error anda di sini!</p>.
Ini adalah contoh mesej tips. Gunakan <p class="tips">Mesej tips anda di sini!</p>.
Ini adalah contoh mesej rss. Gunakan <p class="rss">Mesej rss anda di sini!</p>.
06Highlight, Dropcap dan Legend.
Ini adalah frasa highlight. Use <span class="highlight">Frasa highlight anda di sini!</span>.
Ini adalah Dropcap jenis majalah. Perkataan pertama dalam paragraph adalah huruf besar. Gunakan <p><span class="dropcap">Huruf pertama di sini!</span> bersambung dengan huruf seterusnya!</p> untuk mencipta dropcap pada paragraph tersebut. Lebih panjang perkataan dalam paragraph ini, lebih cantik paragraph akan kelihatan. Biar saya panjang lebih sedikit supaya anda nampak dengan lebih jelas.
Tajuk Legend
Gunakan <div class="legend"><h3 class="legend-title">Tajuk legend</h3><p>Lorem ipsum dolor sit amet consectetuer at elit augue In lorem. Quis Donec libero at Vivamus mi fringilla neque commodo at vitae. A mauris risus consequat ac egestas netus est Vestibulum Curabitur consectetuer.</p></div>



<div class="avatar"><img src="/images/stories/demo/monkey.jpg"/></div<div class="comment-content"><div class="comment-text">Ini adalah contoh avatar cakap. Avatar maximum 50px X 50px </div></div></div>