| Typography |
|
|
| Written by admin | |
| Wednesday, 05 December 2007 | |
|
This is a sample code div. <div class="code">Your content
goes here!</div> to create a code div.
#s5_code { width: 30px; color: #fff; line-height: 45px; }
heading 1heading 2heading 3heading 4heading 5To use the below add this div class <div class="code_grey"> ... </div> #s5_code { width: 30px; color: #fff; line-height: 45px; } To use the below add this div class <div class="code_blue"> ... </div> #s5_code { width: 30px; color: #fff; line-height: 45px; } To use the below add this div class <div class="code_red"> ... </div> #s5_code { width: 30px; color: #fff; line-height: 45px; } To use the below add this div class <div class="code_green"> ... </div> #s5_code { width: 30px; color: #fff; line-height: 45px; } To use the below add this div class <div class="code_orange"> ... </div> #s5_code { width: 30px; color: #fff; line-height: 45px; } To use the below add this div class <div class="code_dark"> ... </div> #s5_code { width: 30px; color: #fff; line-height: 45px; } To use the below add this span class <span="bold_blue"> ... </span>
This is a styled box. Use <div class="red_box">Your content
goes here!</div>
This is a styled box. Use <div class="blue_box">Your content
goes here!</div>
This is a styled box. Use <div class="green_box">Your content
goes here!</div>
This is a styled box. Use <div class="yellow_box">Your content
goes here!</div>
This is a styled box. Use <div class="orange_box">Your content
goes here!</div>
To use the below add the image class as follows: <img src="images/yourimage.jpg" class="solid" /> To use the below add the image class as follows: <img src="images/yourimage.jpg" class="bold" /> To use the below add the image class as follows: <img src="images/yourimage.jpg" class="dashed" />
This is an image with the "boxed" class applied:
This is an image with the "boxed2" class applied:
|
|
| Last Updated ( Saturday, 10 May 2008 ) |
| < Prev |
|---|