Warning: count(): Parameter must be an array or an object that implements Countable in /volume1/web/dev/libraries/cms/application/cms.php on line 460 Call Stack: 0.0000 361296 1. {main}() /volume1/web/dev/index.php:0 0.0828 706800 2. JApplicationSite->execute() /volume1/web/dev/index.php:49 0.2733 2020800 3. JApplicationSite->render() /volume1/web/dev/libraries/cms/application/cms.php:263 0.2734 2020816 4. JApplicationSite->render() /volume1/web/dev/libraries/cms/application/site.php:745 0.2737 2025888 5. JDocumentHtml->render() /volume1/web/dev/libraries/cms/application/cms.php:1068 0.2737 2025888 6. JDocumentHtml->_renderTemplate() /volume1/web/dev/libraries/joomla/document/html.php:477 0.2740 2029416 7. JDocumentHtml->getBuffer() /volume1/web/dev/libraries/joomla/document/html.php:697 0.2741 2030224 8. JDocumentRendererHtmlMessage->render() /volume1/web/dev/libraries/joomla/document/html.php:411 0.2741 2030224 9. JDocumentRendererHtmlMessage->getData() /volume1/web/dev/libraries/joomla/document/renderer/html/message.php:32 0.2741 2030224 10. JApplicationSite->getMessageQueue() /volume1/web/dev/libraries/joomla/document/renderer/html/message.php:71 Typography Options

Typography Options

詳細內容
點擊數：3445

 

 
 
 
 
<div class="s5_greenbox"> <div class="tl"> </div> <div class="tr"> </div> <div class="bl"> </div> <div class="br"> </div> Your text here </div> </div>


 
 
 
 
<div class="s5_redbox"> <div class="tl"> </div> <div class="tr"> </div> <div class="bl"> </div> <div class="br"> </div> Your text here </div> </div>


 
 
 
 
<div class="s5_bluebox"> <div class="tl"> </div> <div class="tr"> </div> <div class="bl"> </div> <div class="br"> </div> Your text here </div> </div>


 
 
 
 
<div class="s5_graybox"> <div class="tl"> </div> <div class="tr"> </div> <div class="bl"> </div> <div class="br"> </div> Your text here </div> </div>

This is a sample blockquote. Use <blockquote><p>Your content goes here!</p></blockquote> to create a blockquote.

 

This is a styled box. Use <div class="black_box">Your content goes here!</div>

 

This is a styled box. Use <div class="gray_box">Your content goes here!</div>

 

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>


This is an image with the "boxed" class applied:





This is an image with the "padded" class applied:



Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

 

This is a sample code div. Use <div class="code">Your content goes here!</div> to create a code div.

#s5_code { width: 30px; color: #fff; line-height: 45px; }

 

  1. This is an Ordered List
  2. Congue Quisque augue elit dolor nibh.
  3. Condimentum elte quis.
  4. Opsum dolor sit amet consectetuer.

 

  • This is an Unordered List
  • Congue Quisque augue elit dolor nibh.
  • Condimentum elte quis.
  • Opsum dolor sit amet consectetuer.

 

  • This is an Unordered List with class ul_arrow
  • Congue Quisque augue elit dolor nibh.
  • Condimentum elte quis.
  • Opsum dolor sit amet consectetuer.

 

  • This is an Unordered List with class ul_star
  • Congue Quisque augue elit dolor nibh.
  • Condimentum elte quis.
  • Opsum dolor sit amet consectetuer.

 

  • This is an Unordered List with class ul_bullet
  • Congue Quisque augue elit dolor nibh.
  • Condimentum elte quis.
  • Opsum dolor sit amet consectetuer.

 

  • This is an Unordered List with class ul_bullet_small
  • Congue Quisque augue elit dolor nibh.
  • Condimentum elte quis.
  • Opsum dolor sit amet consectetuer.


The following list will support lists up to number 9, add the following class to the UL wrapping the below LI elements, class="ul_numbers":

  • This is a sample styled number list <li class="li_number1">Your content goes here!</li>
  • This is a sample styled number list <li class="li_number2">Your content goes here!</li>
  • This is a sample styled number list <li class="li_number3">Your content goes here!</li>
  • This is a sample styled number list <li class="li_number4">Your content goes here!</li>