Featured services - 鉅聖食品機械廠有限公司鉅聖食品機械廠有限公司, 專業(yè)製造食品攪拌機, 攪拌機, 螺旋式攪拌機http://www.petitfee.cn/Featured-services/feed/atom.html2025-05-12T07:22:40+08:00Joomla! - Open Source Content Management日本一二三区视频,一本色道久久无码人妻精品69,搡老女人老91二区2013-11-20T14:19:40+08:002013-11-20T14:19:40+08:00http://www.petitfee.cn/homeimage.htmlSuper Userservice@isheng.tw<div class="feed-description"><p><span style="font-family: 微軟正黑體, 'Microsoft JhengHei', Arial, Helvetica, sans-serif; background-color: #ffffff;">{gallery}images/homeimage{/gallery}</span></p></div><div class="feed-description"><p><span style="font-family: 微軟正黑體, 'Microsoft JhengHei', Arial, Helvetica, sans-serif; background-color: #ffffff;">{gallery}images/homeimage{/gallery}</span></p></div>Typography 2012-12-05T10:21:20+08:002012-12-05T10:21:20+08:00http://www.petitfee.cn/typography.htmlSuper Userservice@isheng.tw<div class="feed-description"><div id="vtem_typography">
<p>This page presents most of typographical aspects of the site. <span class="vtem_highlight">Make your readers happy</span> with great Typography and User Experience!</p>
<div class="vtem-typo-blockswrap clearfix">
<h1>This is an Heading 1</h1>
<p>Lorem tortor Curabitur urna interdum Maecenas ut felis Sed euismod id. Congue Quisque augue elit dolor nibh id lobortis egestas tristique fringilla. Laoreet elit. Lorem tortor Curabitur urna interdum Maecenas ut felis Sed euismod id. Congue Quisque augue elit dolor nibh id lobortis egestas tristique fringilla. Laoreet elit.</p>
<h2>This is an Heading 2.</h2>
<p>Lorem tortor Curabitur urna interdum Maecenas ut felis Sed euismod id. Congue Quisque augue elit dolor nibh id lobortis egestas tristique fringilla. Laoreet elit. Lorem tortor Curabitur urna interdum Maecenas ut felis Sed euismod id. Congue Quisque augue elit dolor nibh id lobortis egestas tristique fringilla. Laoreet elit.</p>
<h3>This is an Heading 3</h3>
<p>Lorem tortor Curabitur urna interdum Maecenas ut felis Sed euismod id. Congue Quisque augue elit dolor nibh id lobortis egestas tristique fringilla. Laoreet elit. Lorem tortor Curabitur urna interdum Maecenas ut felis Sed euismod id. Congue Quisque augue elit dolor nibh id lobortis egestas tristique fringilla. Laoreet elit.</p>
<h4>This is an Heading 4</h4>
<p>Lorem tortor Curabitur urna interdum Maecenas ut felis Sed euismod id. Congue Quisque augue elit dolor nibh id lobortis egestas tristique fringilla. Laoreet elit. Lorem tortor Curabitur urna interdum Maecenas ut felis Sed euismod id. Congue Quisque augue elit dolor nibh id lobortis egestas tristique fringilla. Laoreet elit.</p>
<h5>This is an Heading 5</h5>
<p>Lorem tortor Curabitur urna interdum Maecenas ut felis Sed euismod id. Congue Quisque augue elit dolor nibh id lobortis egestas tristique fringilla. Laoreet elit. Lorem tortor Curabitur urna interdum Maecenas ut felis Sed euismod id. Congue Quisque augue elit dolor nibh id lobortis egestas tristique fringilla. Laoreet elit.</p>
</div>
<div class="vtem-typo-blockswrap icons-styling">
<h1 class="vtem-typo-title"><span>Icons Style</span></h1>
<div class="vtem-typo-blockrow clearfix">
<div class="vtem-typo-block">
<div class="vtem-typo-blockct clearfix"><a class="icon-style icon1 size32" href="#" title="Icon Style"><span>icon</span></a></div>
</div>
<div class="vtem-typo-block">
<div class="vtem-typo-blockct clearfix"><a class="icon-style icon2 size32" href="#" title="Icon Style"><span>icon</span></a></div>
</div>
<div class="vtem-typo-block">
<div class="vtem-typo-blockct clearfix"><a class="icon-style icon3 size32" href="#" title="Icon Style"><span>icon</span></a></div>
</div>
<div class="vtem-typo-block">
<div class="vtem-typo-blockct clearfix"><a class="icon-style icon4 size32" href="#" title="Icon Style"><span>icon</span></a></div>
</div>
<div class="vtem-typo-block">
<div class="vtem-typo-blockct clearfix"><a class="icon-style icon5 size32" href="#" title="Icon Style"><span>icon</span></a></div>
</div>
<div class="vtem-typo-block">
<div class="vtem-typo-blockct clearfix"><a class="icon-style icon6 size32" href="#" title="Icon Style"><span>icon</span></a></div>
</div>
<div class="vtem-typo-block">
<div class="vtem-typo-blockct clearfix"><a class="icon-style icon7 size32" href="#" title="Icon Style"><span>icon</span></a></div>
</div>
<div class="vtem-typo-block">
<div class="vtem-typo-blockct clearfix"><a class="icon-style icon8 size32" href="#" title="Icon Style"><span>icon</span></a></div>
</div>
<div class="vtem-typo-block">
<div class="vtem-typo-blockct clearfix"><a class="icon-style icon9 size32" href="#" title="Icon Style"><span>icon</span></a></div>
</div>
</div>
</div>
<div class="vtem-typo-blockswrap icons-styling">
<div class="vtem-typo-blockrow clearfix">
<div class="vtem-typo-block">
<div class="vtem-typo-blockct clearfix"><a class="icon-style icon10 size32" href="#" title="Icon Style"><span>icon</span></a></div>
</div>
<div class="vtem-typo-block">
<div class="vtem-typo-blockct clearfix"><a class="icon-style icon11 size32" href="#" title="Icon Style"><span>icon</span></a></div>
</div>
<div class="vtem-typo-block">
<div class="vtem-typo-blockct clearfix"><a class="icon-style icon12 size32" href="#" title="Icon Style"><span>icon</span></a></div>
</div>
<div class="vtem-typo-block">
<div class="vtem-typo-blockct clearfix"><a class="icon-style icon13 size32" href="#" title="Icon Style"><span>icon</span></a></div>
</div>
<div class="vtem-typo-block">
<div class="vtem-typo-blockct clearfix"><a class="icon-style icon14 size32" href="#" title="Icon Style"><span>icon</span></a></div>
</div>
<div class="vtem-typo-block">
<div class="vtem-typo-blockct clearfix"><a class="icon-style icon15 size32" href="#" title="Icon Style"><span>icon</span></a></div>
</div>
<div class="vtem-typo-block">
<div class="vtem-typo-blockct clearfix"><a class="icon-style icon16 size32" href="#" title="Icon Style"><span>icon</span></a></div>
</div>
<div class="vtem-typo-block">
<div class="vtem-typo-blockct clearfix"><a class="icon-style icon17 size32" href="#" title="Icon Style"><span>icon</span></a></div>
</div>
<div class="vtem-typo-block">
<div class="vtem-typo-blockct clearfix"><a class="icon-style icon18 size32" href="#" title="Icon Style"><span>icon</span></a></div>
</div>
<div class="vtem-typo-block">
<div class="vtem-typo-blockct clearfix"><a class="icon-style icon19 size32" href="#" title="Icon Style"><span>icon</span></a></div>
</div>
<div class="vtem-typo-block">
<div class="vtem-typo-blockct clearfix"><a class="icon-style icon20 size32" href="#" title="Icon Style"><span>icon</span></a></div>
</div>
<div class="vtem-typo-block">
<div class="vtem-typo-blockct clearfix"><a class="icon-style icon21 size32" href="#" title="Icon Style"><span>icon</span></a></div>
</div>
</div>
</div>
<div class="vtem-typo-blockswrap icons-styling">
<div class="vtem-typo-blockrow clearfix">
<div class="vtem-typo-block">
<div class="vtem-typo-blockct clearfix"><a class="icon-style icon23 size32" href="#" title="Icon Style"><span>icon</span></a></div>
</div>
<div class="vtem-typo-block">
<div class="vtem-typo-blockct clearfix"><a class="icon-style icon24 size32" href="#" title="Icon Style"><span>icon</span></a></div>
</div>
<div class="vtem-typo-block">
<div class="vtem-typo-blockct clearfix"><a class="icon-style icon25 size32" href="#" title="Icon Style"><span>icon</span></a></div>
</div>
<div class="vtem-typo-block">
<div class="vtem-typo-blockct clearfix"><a class="icon-style icon26 size32" href="#" title="Icon Style"><span>icon</span></a></div>
</div>
<div class="vtem-typo-block">
<div class="vtem-typo-blockct clearfix"><a class="icon-style icon27 size32" href="#" title="Icon Style"><span>icon</span></a></div>
</div>
<div class="vtem-typo-block">
<div class="vtem-typo-blockct clearfix"><a class="icon-style icon28 size32" href="#" title="Icon Style"><span>icon</span></a></div>
</div>
<div class="vtem-typo-block">
<div class="vtem-typo-blockct clearfix"><a class="icon-style icon29 size32" href="#" title="Icon Style"><span>icon</span></a></div>
</div>
<div class="vtem-typo-block">
<div class="vtem-typo-blockct clearfix"><a class="icon-style icon30 size32" href="#" title="Icon Style"><span>icon</span></a></div>
</div>
<div class="vtem-typo-block">
<div class="vtem-typo-blockct clearfix"><a class="icon-style icon31 size32" href="#" title="Icon Style"><span>icon</span></a></div>
</div>
<div class="vtem-typo-block">
<div class="vtem-typo-blockct clearfix"><a class="icon-style icon32 size32" href="#" title="Icon Style"><span>icon</span></a></div>
</div>
<div class="vtem-typo-block">
<div class="vtem-typo-blockct clearfix"><a class="icon-style icon33 size32" href="#" title="Icon Style"><span>icon</span></a></div>
</div>
<div class="vtem-typo-block">
<div class="vtem-typo-blockct clearfix"><a class="icon-style icon34 size32" href="#" title="Icon Style"><span>icon</span></a></div>
</div>
<div class="vtem-typo-block">
<div class="vtem-typo-blockct clearfix"><a class="icon-style icon35 size32" href="#" title="Icon Style"><span>icon</span></a></div>
</div>
<div class="vtem-typo-block">
<div class="vtem-typo-blockct clearfix"><a class="icon-style icon36 size32" href="#" title="Icon Style"><span>icon</span></a></div>
</div>
<div class="vtem-typo-block">
<div class="vtem-typo-blockct clearfix"><a class="icon-style icon37 size32" href="#" title="Icon Style"><span>icon</span></a></div>
</div>
<div class="vtem-typo-block">
<div class="vtem-typo-blockct clearfix"><a class="icon-style icon38 size32" href="#" title="Icon Style"><span>icon</span></a></div>
</div>
<div class="vtem-typo-block">
<div class="vtem-typo-blockct clearfix"><a class="icon-style icon39 size32" href="#" title="Icon Style"><span>icon</span></a></div>
</div>
</div>
</div>
<div class="vtem-typo-blockswrap clearfix">
<h1 class="vtem-typo-title"><span>Buttons & Tags</span></h1>
<div class="vtem-typo-blockrow cols-1 clearfix">
<div class="vtem-typo-block">
<h2 class="vtem-typo-title"><span>Big-1 Buttons</span></h2>
<div class="vtem-typo-blockct clearfix"><a class="vtem-typo-btn btn-corner vtem-typo-btn-big btn-big-1 left" href="#"><span><span>Button Text</span></span></a> <a class="vtem-typo-btn btn-corner vtem-typo-btn-big btn-big-2 left" href="#"><span><span>Button Text</span></span></a> <a class="vtem-typo-btn btn-corner vtem-typo-btn-big btn-big-3 left" href="#"><span><span>Button Text</span></span></a> <a class="vtem-typo-btn btn-corner vtem-typo-btn-big btn-big-4 left" href="#"><span><span>Button Text</span></span></a></div>
</div>
<div class="vtem-typo-block">
<h2 class="vtem-typo-title"><span>Small-1 Buttons</span></h2>
<div class="vtem-typo-blockct clearfix"><a class="vtem-typo-btn btn-corner vtem-typo-btn-small btn-small-1 left" href="#"> <span><span>Button Text</span></span></a> <a class="vtem-typo-btn btn-corner vtem-typo-btn-small btn-small-2 left" href="#"> <span><span>Button Text</span></span></a> <a class="vtem-typo-btn btn-corner vtem-typo-btn-small btn-small-3 left" href="#"> <span><span>Button Text</span></span></a> <a class="vtem-typo-btn btn-corner vtem-typo-btn-small btn-small-4 left" href="#"> <span><span>Button Text</span></span></a></div>
</div>
<div class="vtem-typo-block">
<h2 class="vtem-typo-title"><span>Rounded Big-1 Buttons</span></h2>
<div class="vtem-typo-blockct clearfix"><a class="vtem-typo-btn btn-rounded vtem-typo-btn-big btn-blue left" href="#"><span>Button Text</span></a> <a class="vtem-typo-btn btn-rounded vtem-typo-btn-big btn-green left" href="#"><span>Button Text</span></a> <a class="vtem-typo-btn btn-rounded vtem-typo-btn-small btn-blue left" href="#"><span>Button Text</span></a> <a class="vtem-typo-btn btn-rounded vtem-typo-btn-small btn-green left" href="#"><span>Button Text</span></a></div>
</div>
</div>
<div class="vtem-typo-blockrow cols-1 clearfix">
<div class="vtem-typo-block">
<h2 class="vtem-typo-title"><span>Big-2 Buttons</span></h2>
<div class="vtem-typo-blockct clearfix"><a class="vtem-typo-btn-2 btn-blue-2 vtem-typo-btn-big-2 btn-big-blue" href="#"><span>Button Text</span></a> <a class="vtem-typo-btn-2 btn-green-2 vtem-typo-btn-big-2 btn-big-green" href="#"><span>Button Text</span></a> <a class="vtem-typo-btn-2 btn-red-2 vtem-typo-btn-big-2 btn-big-red" href="#"><span>Button Text</span></a> <a class="vtem-typo-btn-2 btn-orange-2 vtem-typo-btn-big-2 btn-big-orange" href="#"><span>Button Text</span></a> <a class="vtem-typo-btn-2 btn-black-2 vtem-typo-btn-big-2 btn-big-black" href="#"><span>Button Text</span></a> <a class="vtem-typo-btn-2 btn-grey-2 vtem-typo-btn-big-2 btn-big-grey" href="#"><span>Button Text</span></a></div>
</div>
<div class="vtem-typo-block">
<h2 class="vtem-typo-title"><span>Small-2 Buttons</span></h2>
<div class="vtem-typo-blockct clearfix"><a class="vtem-typo-btn-2 btn-blue-2 vtem-typo-btn-sm-2 btn-sm-blue" href="#"><span>Button Text</span></a> <a class="vtem-typo-btn-2 btn-green-2 vtem-typo-btn-sm-2 btn-sm-green" href="#"><span>Button Text</span></a> <a class="vtem-typo-btn-2 btn-red-2 vtem-typo-btn-sm-2 btn-sm-red" href="#"><span>Button Text</span></a> <a class="vtem-typo-btn-2 btn-orange-2 vtem-typo-btn-sm-2 btn-sm-orange" href="#"><span>Button Text</span></a> <a class="vtem-typo-btn-2 btn-black-2 vtem-typo-btn-sm-2 btn-sm-black" href="#"><span>Button Text</span></a> <a class="vtem-typo-btn-2 btn-grey-2 vtem-typo-btn-sm-2 btn-sm-grey" href="#"><span>Button Text</span></a></div>
</div>
<div class="vtem-typo-block">
<h2 class="vtem-typo-title"><span>Icon Buttons</span></h2>
<div class="vtem-typo-blockct clearfix"><a class="vtem-typo-btn-2 vtem-typo-btn-icn btn-icn-save" href="#"><span><span>Button Text</span></span></a> <a class="vtem-typo-btn-2 vtem-typo-btn-icn btn-icn-tip" href="#"><span><span>Button Text</span></span></a> <a class="vtem-typo-btn-2 vtem-typo-btn-icn btn-icn-warning" href="#"><span><span>Button Text</span></span></a> <a class="vtem-typo-btn-2 vtem-typo-btn-icn btn-icn-info" href="#"><span><span>Button Text</span></span></a> <a class="vtem-typo-btn-2 vtem-typo-btn-icn btn-icn-ok" href="#"><span><span>Button Text</span></span></a></div>
</div>
</div>
<div class="vtem-typo-blockrow cols-1 clearfix">
<div class="vtem-typo-block">
<h2 class="vtem-typo-title"><span>Rounded Big-2 Buttons</span></h2>
<div class="vtem-typo-blockct clearfix"><a class="vtem-typo-btn-2 btn-rounded-big btn-blue-2 vtem-typo-btn-big-2 btn-big-blue" href="#"> <span>Button Text</span></a> <a class="vtem-typo-btn-2 btn-rounded-big btn-green-2 vtem-typo-btn-big-2 btn-big-green" href="#"> <span>Button Text</span></a> <a class="vtem-typo-btn-2 btn-rounded-big btn-red-2 vtem-typo-btn-big-2 btn-big-red" href="#"> <span>Button Text</span></a> <a class="vtem-typo-btn-2 btn-rounded-big btn-orange-2 vtem-typo-btn-big-2 btn-big-orange" href="#"> <span>Button Text</span></a> <a class="vtem-typo-btn-2 btn-rounded-big btn-black-2 vtem-typo-btn-big-2 btn-big-black" href="#"> <span>Button Text</span></a> <a class="vtem-typo-btn-2 btn-rounded-big btn-grey-2 vtem-typo-btn-big-2 btn-big-grey" href="#"> <span>Button Text</span></a></div>
</div>
<div class="vtem-typo-block">
<h2 class="vtem-typo-title"><span>Rounded Small-2 Buttons</span></h2>
<div class="vtem-typo-blockct clearfix"><a class="vtem-typo-btn-2 btn-rounded-sm btn-blue-2 vtem-typo-btn-sm-2 btn-sm-blue" href="#"> <span>Button Text</span></a> <a class="vtem-typo-btn-2 btn-rounded-sm btn-green-2 vtem-typo-btn-sm-2 btn-sm-green" href="#"> <span>Button Text</span></a> <a class="vtem-typo-btn-2 btn-rounded-sm btn-red-2 vtem-typo-btn-sm-2 btn-sm-red" href="#"> <span>Button Text</span></a> <a class="vtem-typo-btn-2 btn-rounded-sm btn-orange-2 vtem-typo-btn-sm-2 btn-sm-orange" href="#"> <span>Button Text</span></a> <a class="vtem-typo-btn-2 btn-rounded-sm btn-black-2 vtem-typo-btn-sm-2 btn-sm-black" href="#"> <span>Button Text</span></a> <a class="vtem-typo-btn-2 btn-rounded-sm btn-grey-2 vtem-typo-btn-sm-2 btn-sm-grey" href="#"> <span>Button Text</span></a></div>
</div>
<div class="vtem-typo-block">
<h2 class="vtem-typo-title"><span>Rounded Icon Buttons</span></h2>
<div class="vtem-typo-blockct clearfix"><a class="vtem-typo-btn-2 btn-rounded-icn vtem-typo-btn-icn btn-icn-save" href="#"> <span><span>Button Text</span></span></a> <a class="vtem-typo-btn-2 btn-rounded-icn vtem-typo-btn-icn btn-icn-tip" href="#"> <span><span>Button Text</span></span></a> <a class="vtem-typo-btn-2 btn-rounded-icn vtem-typo-btn-icn btn-icn-warning" href="#"> <span><span>Button Text</span></span></a> <a class="vtem-typo-btn-2 btn-rounded-icn vtem-typo-btn-icn btn-icn-info" href="#"> <span><span>Button Text</span></span></a> <a class="vtem-typo-btn-2 btn-rounded-icn vtem-typo-btn-icn btn-icn-ok" href="#"> <span><span>Button Text</span></span></a></div>
</div>
</div>
<div class="vtem-typo-blockrow cols-2 clearfix">
<div class="vtem-typo-block">
<h2 class="vtem-typo-title"><span>Squared Tags</span></h2>
<div class="vtem-typo-blockct clearfix">
<p>This is a sample <span class="vtem-typo-tag tag-grey">Inline Tag</span>. Use this to provide useful.</p>
<p>This is a sample <span class="vtem-typo-tag tag-blue">Inline Tag</span>. Use this to provide useful.</p>
<p>This is a sample <span class="vtem-typo-tag tag-green">Inline Tag</span>. Use this to provide useful.</p>
<p>This is a sample <span class="vtem-typo-tag tag-red">Inline Tag</span>. Use this to provide useful.</p>
<p>This is a sample <span class="vtem-typo-tag tag-orange">Inline Tag</span>. Use this to provide useful.</p>
<p>This is a sample <span class="vtem-typo-tag tag-black">Inline Tag</span>. Use this to provide useful.</p>
</div>
</div>
<div class="vtem-typo-block">
<h2 class="vtem-typo-title"><span>Rounded Tags</span></h2>
<div class="vtem-typo-blockct clearfix">
<p>This is a sample <span class="vtem-typo-tag tag-rounded tag-grey">Inline Tag</span>. Use this to provide.</p>
<p>This is a sample <span class="vtem-typo-tag tag-rounded tag-blue">Inline Tag</span>. Use this to provide.</p>
<p>This is a sample <span class="vtem-typo-tag tag-rounded tag-green">Inline Tag</span>. Use this to provide.</p>
<p>This is a sample <span class="vtem-typo-tag tag-rounded tag-red">Inline Tag</span>. Use this to provide.</p>
<p>This is a sample <span class="vtem-typo-tag tag-rounded tag-orange">Inline Tag</span>. Use this to provide.</p>
<p>This is a sample <span class="vtem-typo-tag tag-rounded tag-black">Inline Tag</span>. Use this to provide.</p>
</div>
</div>
</div>
</div>
</div></div><div class="feed-description"><div id="vtem_typography">
<p>This page presents most of typographical aspects of the site. <span class="vtem_highlight">Make your readers happy</span> with great Typography and User Experience!</p>
<div class="vtem-typo-blockswrap clearfix">
<h1>This is an Heading 1</h1>
<p>Lorem tortor Curabitur urna interdum Maecenas ut felis Sed euismod id. Congue Quisque augue elit dolor nibh id lobortis egestas tristique fringilla. Laoreet elit. Lorem tortor Curabitur urna interdum Maecenas ut felis Sed euismod id. Congue Quisque augue elit dolor nibh id lobortis egestas tristique fringilla. Laoreet elit.</p>
<h2>This is an Heading 2.</h2>
<p>Lorem tortor Curabitur urna interdum Maecenas ut felis Sed euismod id. Congue Quisque augue elit dolor nibh id lobortis egestas tristique fringilla. Laoreet elit. Lorem tortor Curabitur urna interdum Maecenas ut felis Sed euismod id. Congue Quisque augue elit dolor nibh id lobortis egestas tristique fringilla. Laoreet elit.</p>
<h3>This is an Heading 3</h3>
<p>Lorem tortor Curabitur urna interdum Maecenas ut felis Sed euismod id. Congue Quisque augue elit dolor nibh id lobortis egestas tristique fringilla. Laoreet elit. Lorem tortor Curabitur urna interdum Maecenas ut felis Sed euismod id. Congue Quisque augue elit dolor nibh id lobortis egestas tristique fringilla. Laoreet elit.</p>
<h4>This is an Heading 4</h4>
<p>Lorem tortor Curabitur urna interdum Maecenas ut felis Sed euismod id. Congue Quisque augue elit dolor nibh id lobortis egestas tristique fringilla. Laoreet elit. Lorem tortor Curabitur urna interdum Maecenas ut felis Sed euismod id. Congue Quisque augue elit dolor nibh id lobortis egestas tristique fringilla. Laoreet elit.</p>
<h5>This is an Heading 5</h5>
<p>Lorem tortor Curabitur urna interdum Maecenas ut felis Sed euismod id. Congue Quisque augue elit dolor nibh id lobortis egestas tristique fringilla. Laoreet elit. Lorem tortor Curabitur urna interdum Maecenas ut felis Sed euismod id. Congue Quisque augue elit dolor nibh id lobortis egestas tristique fringilla. Laoreet elit.</p>
</div>
<div class="vtem-typo-blockswrap icons-styling">
<h1 class="vtem-typo-title"><span>Icons Style</span></h1>
<div class="vtem-typo-blockrow clearfix">
<div class="vtem-typo-block">
<div class="vtem-typo-blockct clearfix"><a class="icon-style icon1 size32" href="#" title="Icon Style"><span>icon</span></a></div>
</div>
<div class="vtem-typo-block">
<div class="vtem-typo-blockct clearfix"><a class="icon-style icon2 size32" href="#" title="Icon Style"><span>icon</span></a></div>
</div>
<div class="vtem-typo-block">
<div class="vtem-typo-blockct clearfix"><a class="icon-style icon3 size32" href="#" title="Icon Style"><span>icon</span></a></div>
</div>
<div class="vtem-typo-block">
<div class="vtem-typo-blockct clearfix"><a class="icon-style icon4 size32" href="#" title="Icon Style"><span>icon</span></a></div>
</div>
<div class="vtem-typo-block">
<div class="vtem-typo-blockct clearfix"><a class="icon-style icon5 size32" href="#" title="Icon Style"><span>icon</span></a></div>
</div>
<div class="vtem-typo-block">
<div class="vtem-typo-blockct clearfix"><a class="icon-style icon6 size32" href="#" title="Icon Style"><span>icon</span></a></div>
</div>
<div class="vtem-typo-block">
<div class="vtem-typo-blockct clearfix"><a class="icon-style icon7 size32" href="#" title="Icon Style"><span>icon</span></a></div>
</div>
<div class="vtem-typo-block">
<div class="vtem-typo-blockct clearfix"><a class="icon-style icon8 size32" href="#" title="Icon Style"><span>icon</span></a></div>
</div>
<div class="vtem-typo-block">
<div class="vtem-typo-blockct clearfix"><a class="icon-style icon9 size32" href="#" title="Icon Style"><span>icon</span></a></div>
</div>
</div>
</div>
<div class="vtem-typo-blockswrap icons-styling">
<div class="vtem-typo-blockrow clearfix">
<div class="vtem-typo-block">
<div class="vtem-typo-blockct clearfix"><a class="icon-style icon10 size32" href="#" title="Icon Style"><span>icon</span></a></div>
</div>
<div class="vtem-typo-block">
<div class="vtem-typo-blockct clearfix"><a class="icon-style icon11 size32" href="#" title="Icon Style"><span>icon</span></a></div>
</div>
<div class="vtem-typo-block">
<div class="vtem-typo-blockct clearfix"><a class="icon-style icon12 size32" href="#" title="Icon Style"><span>icon</span></a></div>
</div>
<div class="vtem-typo-block">
<div class="vtem-typo-blockct clearfix"><a class="icon-style icon13 size32" href="#" title="Icon Style"><span>icon</span></a></div>
</div>
<div class="vtem-typo-block">
<div class="vtem-typo-blockct clearfix"><a class="icon-style icon14 size32" href="#" title="Icon Style"><span>icon</span></a></div>
</div>
<div class="vtem-typo-block">
<div class="vtem-typo-blockct clearfix"><a class="icon-style icon15 size32" href="#" title="Icon Style"><span>icon</span></a></div>
</div>
<div class="vtem-typo-block">
<div class="vtem-typo-blockct clearfix"><a class="icon-style icon16 size32" href="#" title="Icon Style"><span>icon</span></a></div>
</div>
<div class="vtem-typo-block">
<div class="vtem-typo-blockct clearfix"><a class="icon-style icon17 size32" href="#" title="Icon Style"><span>icon</span></a></div>
</div>
<div class="vtem-typo-block">
<div class="vtem-typo-blockct clearfix"><a class="icon-style icon18 size32" href="#" title="Icon Style"><span>icon</span></a></div>
</div>
<div class="vtem-typo-block">
<div class="vtem-typo-blockct clearfix"><a class="icon-style icon19 size32" href="#" title="Icon Style"><span>icon</span></a></div>
</div>
<div class="vtem-typo-block">
<div class="vtem-typo-blockct clearfix"><a class="icon-style icon20 size32" href="#" title="Icon Style"><span>icon</span></a></div>
</div>
<div class="vtem-typo-block">
<div class="vtem-typo-blockct clearfix"><a class="icon-style icon21 size32" href="#" title="Icon Style"><span>icon</span></a></div>
</div>
</div>
</div>
<div class="vtem-typo-blockswrap icons-styling">
<div class="vtem-typo-blockrow clearfix">
<div class="vtem-typo-block">
<div class="vtem-typo-blockct clearfix"><a class="icon-style icon23 size32" href="#" title="Icon Style"><span>icon</span></a></div>
</div>
<div class="vtem-typo-block">
<div class="vtem-typo-blockct clearfix"><a class="icon-style icon24 size32" href="#" title="Icon Style"><span>icon</span></a></div>
</div>
<div class="vtem-typo-block">
<div class="vtem-typo-blockct clearfix"><a class="icon-style icon25 size32" href="#" title="Icon Style"><span>icon</span></a></div>
</div>
<div class="vtem-typo-block">
<div class="vtem-typo-blockct clearfix"><a class="icon-style icon26 size32" href="#" title="Icon Style"><span>icon</span></a></div>
</div>
<div class="vtem-typo-block">
<div class="vtem-typo-blockct clearfix"><a class="icon-style icon27 size32" href="#" title="Icon Style"><span>icon</span></a></div>
</div>
<div class="vtem-typo-block">
<div class="vtem-typo-blockct clearfix"><a class="icon-style icon28 size32" href="#" title="Icon Style"><span>icon</span></a></div>
</div>
<div class="vtem-typo-block">
<div class="vtem-typo-blockct clearfix"><a class="icon-style icon29 size32" href="#" title="Icon Style"><span>icon</span></a></div>
</div>
<div class="vtem-typo-block">
<div class="vtem-typo-blockct clearfix"><a class="icon-style icon30 size32" href="#" title="Icon Style"><span>icon</span></a></div>
</div>
<div class="vtem-typo-block">
<div class="vtem-typo-blockct clearfix"><a class="icon-style icon31 size32" href="#" title="Icon Style"><span>icon</span></a></div>
</div>
<div class="vtem-typo-block">
<div class="vtem-typo-blockct clearfix"><a class="icon-style icon32 size32" href="#" title="Icon Style"><span>icon</span></a></div>
</div>
<div class="vtem-typo-block">
<div class="vtem-typo-blockct clearfix"><a class="icon-style icon33 size32" href="#" title="Icon Style"><span>icon</span></a></div>
</div>
<div class="vtem-typo-block">
<div class="vtem-typo-blockct clearfix"><a class="icon-style icon34 size32" href="#" title="Icon Style"><span>icon</span></a></div>
</div>
<div class="vtem-typo-block">
<div class="vtem-typo-blockct clearfix"><a class="icon-style icon35 size32" href="#" title="Icon Style"><span>icon</span></a></div>
</div>
<div class="vtem-typo-block">
<div class="vtem-typo-blockct clearfix"><a class="icon-style icon36 size32" href="#" title="Icon Style"><span>icon</span></a></div>
</div>
<div class="vtem-typo-block">
<div class="vtem-typo-blockct clearfix"><a class="icon-style icon37 size32" href="#" title="Icon Style"><span>icon</span></a></div>
</div>
<div class="vtem-typo-block">
<div class="vtem-typo-blockct clearfix"><a class="icon-style icon38 size32" href="#" title="Icon Style"><span>icon</span></a></div>
</div>
<div class="vtem-typo-block">
<div class="vtem-typo-blockct clearfix"><a class="icon-style icon39 size32" href="#" title="Icon Style"><span>icon</span></a></div>
</div>
</div>
</div>
<div class="vtem-typo-blockswrap clearfix">
<h1 class="vtem-typo-title"><span>Buttons & Tags</span></h1>
<div class="vtem-typo-blockrow cols-1 clearfix">
<div class="vtem-typo-block">
<h2 class="vtem-typo-title"><span>Big-1 Buttons</span></h2>
<div class="vtem-typo-blockct clearfix"><a class="vtem-typo-btn btn-corner vtem-typo-btn-big btn-big-1 left" href="#"><span><span>Button Text</span></span></a> <a class="vtem-typo-btn btn-corner vtem-typo-btn-big btn-big-2 left" href="#"><span><span>Button Text</span></span></a> <a class="vtem-typo-btn btn-corner vtem-typo-btn-big btn-big-3 left" href="#"><span><span>Button Text</span></span></a> <a class="vtem-typo-btn btn-corner vtem-typo-btn-big btn-big-4 left" href="#"><span><span>Button Text</span></span></a></div>
</div>
<div class="vtem-typo-block">
<h2 class="vtem-typo-title"><span>Small-1 Buttons</span></h2>
<div class="vtem-typo-blockct clearfix"><a class="vtem-typo-btn btn-corner vtem-typo-btn-small btn-small-1 left" href="#"> <span><span>Button Text</span></span></a> <a class="vtem-typo-btn btn-corner vtem-typo-btn-small btn-small-2 left" href="#"> <span><span>Button Text</span></span></a> <a class="vtem-typo-btn btn-corner vtem-typo-btn-small btn-small-3 left" href="#"> <span><span>Button Text</span></span></a> <a class="vtem-typo-btn btn-corner vtem-typo-btn-small btn-small-4 left" href="#"> <span><span>Button Text</span></span></a></div>
</div>
<div class="vtem-typo-block">
<h2 class="vtem-typo-title"><span>Rounded Big-1 Buttons</span></h2>
<div class="vtem-typo-blockct clearfix"><a class="vtem-typo-btn btn-rounded vtem-typo-btn-big btn-blue left" href="#"><span>Button Text</span></a> <a class="vtem-typo-btn btn-rounded vtem-typo-btn-big btn-green left" href="#"><span>Button Text</span></a> <a class="vtem-typo-btn btn-rounded vtem-typo-btn-small btn-blue left" href="#"><span>Button Text</span></a> <a class="vtem-typo-btn btn-rounded vtem-typo-btn-small btn-green left" href="#"><span>Button Text</span></a></div>
</div>
</div>
<div class="vtem-typo-blockrow cols-1 clearfix">
<div class="vtem-typo-block">
<h2 class="vtem-typo-title"><span>Big-2 Buttons</span></h2>
<div class="vtem-typo-blockct clearfix"><a class="vtem-typo-btn-2 btn-blue-2 vtem-typo-btn-big-2 btn-big-blue" href="#"><span>Button Text</span></a> <a class="vtem-typo-btn-2 btn-green-2 vtem-typo-btn-big-2 btn-big-green" href="#"><span>Button Text</span></a> <a class="vtem-typo-btn-2 btn-red-2 vtem-typo-btn-big-2 btn-big-red" href="#"><span>Button Text</span></a> <a class="vtem-typo-btn-2 btn-orange-2 vtem-typo-btn-big-2 btn-big-orange" href="#"><span>Button Text</span></a> <a class="vtem-typo-btn-2 btn-black-2 vtem-typo-btn-big-2 btn-big-black" href="#"><span>Button Text</span></a> <a class="vtem-typo-btn-2 btn-grey-2 vtem-typo-btn-big-2 btn-big-grey" href="#"><span>Button Text</span></a></div>
</div>
<div class="vtem-typo-block">
<h2 class="vtem-typo-title"><span>Small-2 Buttons</span></h2>
<div class="vtem-typo-blockct clearfix"><a class="vtem-typo-btn-2 btn-blue-2 vtem-typo-btn-sm-2 btn-sm-blue" href="#"><span>Button Text</span></a> <a class="vtem-typo-btn-2 btn-green-2 vtem-typo-btn-sm-2 btn-sm-green" href="#"><span>Button Text</span></a> <a class="vtem-typo-btn-2 btn-red-2 vtem-typo-btn-sm-2 btn-sm-red" href="#"><span>Button Text</span></a> <a class="vtem-typo-btn-2 btn-orange-2 vtem-typo-btn-sm-2 btn-sm-orange" href="#"><span>Button Text</span></a> <a class="vtem-typo-btn-2 btn-black-2 vtem-typo-btn-sm-2 btn-sm-black" href="#"><span>Button Text</span></a> <a class="vtem-typo-btn-2 btn-grey-2 vtem-typo-btn-sm-2 btn-sm-grey" href="#"><span>Button Text</span></a></div>
</div>
<div class="vtem-typo-block">
<h2 class="vtem-typo-title"><span>Icon Buttons</span></h2>
<div class="vtem-typo-blockct clearfix"><a class="vtem-typo-btn-2 vtem-typo-btn-icn btn-icn-save" href="#"><span><span>Button Text</span></span></a> <a class="vtem-typo-btn-2 vtem-typo-btn-icn btn-icn-tip" href="#"><span><span>Button Text</span></span></a> <a class="vtem-typo-btn-2 vtem-typo-btn-icn btn-icn-warning" href="#"><span><span>Button Text</span></span></a> <a class="vtem-typo-btn-2 vtem-typo-btn-icn btn-icn-info" href="#"><span><span>Button Text</span></span></a> <a class="vtem-typo-btn-2 vtem-typo-btn-icn btn-icn-ok" href="#"><span><span>Button Text</span></span></a></div>
</div>
</div>
<div class="vtem-typo-blockrow cols-1 clearfix">
<div class="vtem-typo-block">
<h2 class="vtem-typo-title"><span>Rounded Big-2 Buttons</span></h2>
<div class="vtem-typo-blockct clearfix"><a class="vtem-typo-btn-2 btn-rounded-big btn-blue-2 vtem-typo-btn-big-2 btn-big-blue" href="#"> <span>Button Text</span></a> <a class="vtem-typo-btn-2 btn-rounded-big btn-green-2 vtem-typo-btn-big-2 btn-big-green" href="#"> <span>Button Text</span></a> <a class="vtem-typo-btn-2 btn-rounded-big btn-red-2 vtem-typo-btn-big-2 btn-big-red" href="#"> <span>Button Text</span></a> <a class="vtem-typo-btn-2 btn-rounded-big btn-orange-2 vtem-typo-btn-big-2 btn-big-orange" href="#"> <span>Button Text</span></a> <a class="vtem-typo-btn-2 btn-rounded-big btn-black-2 vtem-typo-btn-big-2 btn-big-black" href="#"> <span>Button Text</span></a> <a class="vtem-typo-btn-2 btn-rounded-big btn-grey-2 vtem-typo-btn-big-2 btn-big-grey" href="#"> <span>Button Text</span></a></div>
</div>
<div class="vtem-typo-block">
<h2 class="vtem-typo-title"><span>Rounded Small-2 Buttons</span></h2>
<div class="vtem-typo-blockct clearfix"><a class="vtem-typo-btn-2 btn-rounded-sm btn-blue-2 vtem-typo-btn-sm-2 btn-sm-blue" href="#"> <span>Button Text</span></a> <a class="vtem-typo-btn-2 btn-rounded-sm btn-green-2 vtem-typo-btn-sm-2 btn-sm-green" href="#"> <span>Button Text</span></a> <a class="vtem-typo-btn-2 btn-rounded-sm btn-red-2 vtem-typo-btn-sm-2 btn-sm-red" href="#"> <span>Button Text</span></a> <a class="vtem-typo-btn-2 btn-rounded-sm btn-orange-2 vtem-typo-btn-sm-2 btn-sm-orange" href="#"> <span>Button Text</span></a> <a class="vtem-typo-btn-2 btn-rounded-sm btn-black-2 vtem-typo-btn-sm-2 btn-sm-black" href="#"> <span>Button Text</span></a> <a class="vtem-typo-btn-2 btn-rounded-sm btn-grey-2 vtem-typo-btn-sm-2 btn-sm-grey" href="#"> <span>Button Text</span></a></div>
</div>
<div class="vtem-typo-block">
<h2 class="vtem-typo-title"><span>Rounded Icon Buttons</span></h2>
<div class="vtem-typo-blockct clearfix"><a class="vtem-typo-btn-2 btn-rounded-icn vtem-typo-btn-icn btn-icn-save" href="#"> <span><span>Button Text</span></span></a> <a class="vtem-typo-btn-2 btn-rounded-icn vtem-typo-btn-icn btn-icn-tip" href="#"> <span><span>Button Text</span></span></a> <a class="vtem-typo-btn-2 btn-rounded-icn vtem-typo-btn-icn btn-icn-warning" href="#"> <span><span>Button Text</span></span></a> <a class="vtem-typo-btn-2 btn-rounded-icn vtem-typo-btn-icn btn-icn-info" href="#"> <span><span>Button Text</span></span></a> <a class="vtem-typo-btn-2 btn-rounded-icn vtem-typo-btn-icn btn-icn-ok" href="#"> <span><span>Button Text</span></span></a></div>
</div>
</div>
<div class="vtem-typo-blockrow cols-2 clearfix">
<div class="vtem-typo-block">
<h2 class="vtem-typo-title"><span>Squared Tags</span></h2>
<div class="vtem-typo-blockct clearfix">
<p>This is a sample <span class="vtem-typo-tag tag-grey">Inline Tag</span>. Use this to provide useful.</p>
<p>This is a sample <span class="vtem-typo-tag tag-blue">Inline Tag</span>. Use this to provide useful.</p>
<p>This is a sample <span class="vtem-typo-tag tag-green">Inline Tag</span>. Use this to provide useful.</p>
<p>This is a sample <span class="vtem-typo-tag tag-red">Inline Tag</span>. Use this to provide useful.</p>
<p>This is a sample <span class="vtem-typo-tag tag-orange">Inline Tag</span>. Use this to provide useful.</p>
<p>This is a sample <span class="vtem-typo-tag tag-black">Inline Tag</span>. Use this to provide useful.</p>
</div>
</div>
<div class="vtem-typo-block">
<h2 class="vtem-typo-title"><span>Rounded Tags</span></h2>
<div class="vtem-typo-blockct clearfix">
<p>This is a sample <span class="vtem-typo-tag tag-rounded tag-grey">Inline Tag</span>. Use this to provide.</p>
<p>This is a sample <span class="vtem-typo-tag tag-rounded tag-blue">Inline Tag</span>. Use this to provide.</p>
<p>This is a sample <span class="vtem-typo-tag tag-rounded tag-green">Inline Tag</span>. Use this to provide.</p>
<p>This is a sample <span class="vtem-typo-tag tag-rounded tag-red">Inline Tag</span>. Use this to provide.</p>
<p>This is a sample <span class="vtem-typo-tag tag-rounded tag-orange">Inline Tag</span>. Use this to provide.</p>
<p>This is a sample <span class="vtem-typo-tag tag-rounded tag-black">Inline Tag</span>. Use this to provide.</p>
</div>
</div>
</div>
</div>
</div></div>Templates installation 2012-12-05T10:20:41+08:002012-12-05T10:20:41+08:00http://www.petitfee.cn/templates-installation.htmlSuper Userservice@isheng.tw<div class="feed-description"><p>Installing your Joomla template is a simple 3 step process.</p>
<p>Follow along with the tutorial and see how easy it is to get your Joomla website looking great.</p>
<p><strong>Step 1.</strong></p>
<p>Login to the Administration Control Panel of your Joomla website and navigate to Extensions >> Install / Uninstall.</p>
<p><img src="images/documents/install1.png" border="0" width="488" height="362" /></p>
<p><strong>Step 2.</strong></p>
<p>Click the browse button and select the zip file you received from VTEM. Click the Upload and Install button. You will receive an install success message.</p>
<p><img src="images/documents/install2.png" border="0" width="552" height="377" /></p>
<p><strong>Step 3.</strong></p>
<p>Now navigate to Extensions >> Template Manager. You will see a list of templates installed on your Joomla website. Click the radio button to the left of the template you wish to use. Next click the "Default" icon at the top right of the page. This will append your installed template to the Joomla website.</p>
<p><img src="images/documents/install3.png" border="0" width="577" height="208" /></p></div><div class="feed-description"><p>Installing your Joomla template is a simple 3 step process.</p>
<p>Follow along with the tutorial and see how easy it is to get your Joomla website looking great.</p>
<p><strong>Step 1.</strong></p>
<p>Login to the Administration Control Panel of your Joomla website and navigate to Extensions >> Install / Uninstall.</p>
<p><img src="images/documents/install1.png" border="0" width="488" height="362" /></p>
<p><strong>Step 2.</strong></p>
<p>Click the browse button and select the zip file you received from VTEM. Click the Upload and Install button. You will receive an install success message.</p>
<p><img src="images/documents/install2.png" border="0" width="552" height="377" /></p>
<p><strong>Step 3.</strong></p>
<p>Now navigate to Extensions >> Template Manager. You will see a list of templates installed on your Joomla website. Click the radio button to the left of the template you wish to use. Next click the "Default" icon at the top right of the page. This will append your installed template to the Joomla website.</p>
<p><img src="images/documents/install3.png" border="0" width="577" height="208" /></p></div>Template parameters 2012-12-05T10:19:50+08:002012-12-05T10:19:50+08:00http://www.petitfee.cn/template-parameters.htmlSuper Userservice@isheng.tw<div class="feed-description"><p>The tempalte comes with great parameters.</p>
<p>Quickly change your Joomla website experience with just a few clicks. Change your layout, logo options, custom color and font choices.</p>
<p>Continue reading for examples of utilizing the template paramaters.</p>
<p>The template comes with template specific parameters. Below is a list of the different parameters and what each does. We suggest you play around with these to get an idea of what you'll need specifically for your Joomla website.</p>
<p><strong>Step 1.</strong></p>
<p>Login to the Administration Control Panel of your Joomla Template. From here navigate to Extentions >> Template Manager</p>
<p style="text-align: center;"><img src="images/documents/param1.png" border="0" width="492" height="339" /></p>
<p><strong>Step 2.</strong></p>
<p>Here you will see a list of the templates installed on your Joomla website. For our example click on the template.</p>
<p style="text-align: center;"><img src="images/documents/param2.png" border="0" width="560" height="229" /></p>
<p><strong>Step 3.</strong></p>
<p>On the right you will see a list of parameters for this specific template. We suggest you play around with these to find what works best for your website.</p>
<p style="text-align: center;"><img src="images/documents/param3.png" border="0" width="548" height="1297" /></p></div><div class="feed-description"><p>The tempalte comes with great parameters.</p>
<p>Quickly change your Joomla website experience with just a few clicks. Change your layout, logo options, custom color and font choices.</p>
<p>Continue reading for examples of utilizing the template paramaters.</p>
<p>The template comes with template specific parameters. Below is a list of the different parameters and what each does. We suggest you play around with these to get an idea of what you'll need specifically for your Joomla website.</p>
<p><strong>Step 1.</strong></p>
<p>Login to the Administration Control Panel of your Joomla Template. From here navigate to Extentions >> Template Manager</p>
<p style="text-align: center;"><img src="images/documents/param1.png" border="0" width="492" height="339" /></p>
<p><strong>Step 2.</strong></p>
<p>Here you will see a list of the templates installed on your Joomla website. For our example click on the template.</p>
<p style="text-align: center;"><img src="images/documents/param2.png" border="0" width="560" height="229" /></p>
<p><strong>Step 3.</strong></p>
<p>On the right you will see a list of parameters for this specific template. We suggest you play around with these to find what works best for your website.</p>
<p style="text-align: center;"><img src="images/documents/param3.png" border="0" width="548" height="1297" /></p></div>Modules Positions 2012-12-05T10:19:16+08:002012-12-05T10:19:16+08:00http://www.petitfee.cn/modules-positions.htmlSuper Userservice@isheng.tw<div class="feed-description"><p><img src="images/documents/module_position.png" border="0" /></p></div><div class="feed-description"><p><img src="images/documents/module_position.png" border="0" /></p></div>Messages2012-12-05T10:16:25+08:002012-12-05T10:16:25+08:00http://www.petitfee.cn/messages.htmlSuper Userservice@isheng.tw<div class="feed-description"><p>Joomla! offers three different types of messages. Creatings standard information about Joomla! system is presented depending on a message type as follows:</p>
<dl id="system-message"><dt class="message">Message</dt><dd class="message message fade">
<ul>
<li>This is a sample message</li>
</ul>
</dd></dl><dl id="system-message"><dt class="notice">Notice</dt><dd class="notice message fade">
<ul>
<li>This is a sample notice message</li>
</ul>
</dd></dl><dl id="system-message"><dt class="error">Error</dt><dd class="error message fade">
<ul>
<li>This is a sample error message</li>
</ul>
</dd></dl></div><div class="feed-description"><p>Joomla! offers three different types of messages. Creatings standard information about Joomla! system is presented depending on a message type as follows:</p>
<dl id="system-message"><dt class="message">Message</dt><dd class="message message fade">
<ul>
<li>This is a sample message</li>
</ul>
</dd></dl><dl id="system-message"><dt class="notice">Notice</dt><dd class="notice message fade">
<ul>
<li>This is a sample notice message</li>
</ul>
</dd></dl><dl id="system-message"><dt class="error">Error</dt><dd class="error message fade">
<ul>
<li>This is a sample error message</li>
</ul>
</dd></dl></div>Joomla 2.5 VTEM QuickStart Installation 2012-12-05T10:10:26+08:002012-12-05T10:10:26+08:00http://www.petitfee.cn/joomla-2-5-vtem-quickstart-installation.htmlSuper Userservice@isheng.tw<div class="feed-description"><p>VTEM features the exciting and very popular VTEMQuickStart custom Joomla! install option. With the VTEMQuickStart Joomla! installer, you can instantly create a Joomla! site complete with custom content that is a perfect replica of our demo sites that has been professionally tuned to look its best, all with just a few clicks. The VTEMQuickStart package consists of a full 2.5.x Joomla! install, complete with all of the demo images, content, modules, and extensions. By running the installer, your Joomla! site will be set up with all everything needed to create an exact implementation of the demo site automatically. The VTEMQuickStart packages are available for all template releases from 2010 to present.</p>
<p>This guide takes you through the necessary steps to install the VTEMQuickStart for Joomla! 2.5.</p>
<h4>1) Download VTEMQuickStart</h4>
<p>The initial step is to download the VTEM QuickStart itself. The packages are contained within the download section on the VTEM website where you find the templates and extensions. Each VTEMQuickStart pack is located within the corresponding template section, for example, the VT_Start_QuickStart pack is situated in the VT_Start Download Section.<br />Once in the appropriate section, select the download button for VTEMQuickStart. A pop-up will appear allowing you to save the package to your computer. It is best to download it to an applicable folder such as VTEMQuickStart or VTEM template for organizational purposes.</p>
<h4>2) Extract the VTEM QuickStart package</h4>
<p>Now that the VTEMQuickStart package is downloaded, we need to extract the archive locally. A range of tools can do this such as 7-Zip. The process is almost identical with all extractors.<br /> <br />1. Right click on the VTEMQuickStart package<br />2. Select one of the options for extraction - there are usually different options, but it is easiest to extract the archive to your desktop.<br />3. Select Extract<br />4. Wait for extraction to be completed<br /><br /></p>
<h4>3) Uploading the extracted VTEM QuickStart package</h4>
<p>We can proceed to the upload step. The idea behind this is to use an upload tool or FTP client such as Filezilla. For our demonstration, FireFTP, an extension for the browser Firefox is going to be our FTP client.<br />? Open the FTP client.<br />? Select Manager Accounts<br />? New<br />? Insert your ftp host address, usually, ftp.yoursite.com<br />? Enter your ftp username<br />? Enter your password<br />? Click Connect<br />? Locate the extracted packaged on your computer in the left pane<br />? Open the extracted folder and select the files inside<br />? Drag and drop the selected files into the right pane which is your web server<br /> <br />The speed of transfer varies with hosting server speed and your internet connection speed. It is best to upload the extracted folder to the public_html or in some servers it is called the httpdocs directory.</p>
<h4>4) Creating The Database</h4>
<p>While you are uploading the files to your server, it is time to create your MySQL database. The database is where your Joomla! files and images for your site are stored. You need to login to your hosting account cPanel to create your database. Normally you would use phpMyAdmin to create the database. Be sure to save your information from your database because you will need it when you install Joomla! Please contact your webhost if you need help creating your Joomla! database.</p>
<h4>5) Installing the VTEMQuickStart</h4>
<p>Once the Joomla! files have finished uploading, we can now run the Joomla! installer to install the VTEMQuickStart onto your web server. <br /><em><strong>5.1) Start the installer</strong></em><br />Enter the following link into your web browser, changing the names to reflect your domain name and title of the uploaded VTEM QuickStart pack.<br /><br />http://www.yoursite.com<br /><br />You will then be presented with the initial language page to VTEM QuickStart. Read through the documentation and select your default language from the list. Then choose the next button.</p>
<p><img src="images/documents/rl3.jpg" border="0" width="643" height="232" /><br /> <br /><em><strong>5.2) Pre-installation Check Page</strong></em><br />The next step of the installer is the Pre-installation Check page. This is a check list of all the variables to make Joomla! work on your website. You must make sure that all variables are green.<br /><br />For information on the error message, browse the Joomla! forums</p>
<p><img src="images/documents/rl4.jpg" border="0" width="628" height="219" /><br /> <br /><em><strong>5.3) License Page</strong></em><br />The next page is about the license for Joomla. It is best to read to understanding the GNU GPL license for Joomla.<br />Once you are finished reading the terms of the license, choose Next</p>
<p><img src="images/documents/rl5.jpg" border="0" width="621" height="223" /><br /><em><strong>5.4) Database Info Page</strong></em><br />The following page is where you enter your database information for MySQl. You will need to have your <br />? Host address, usually localhost<br />? MySQL username, which you can get from your hosting provider<br />? MySQL password, which you can get from your hosting provider<br />? Database name, which you can get from your hosting provider<br />? MySQL table prefix, if this is your first Joomla site, keep it the same but if you have multiple installs of Joomla, change this. <br />Once that is complete, select next.</p>
<p><img src="images/documents/rl6.jpg" border="0" width="617" height="360" /><br /><em><strong>5.5) Admin Settings Page</strong></em><br />On this page, you can enter your ftp details, although it is not a required step.<br /><br /> <img src="images/documents/rl7.jpg" border="0" width="618" height="256" /><br />Choose Next <br /><em><strong>5.6) Main Configuration</strong></em><br />This is where you enter the title of your site, your admin e-mail and password. Write this information down so you do not forget it. Now, in order to get your new VTEMQuickStart to look like our demo site, you must click the Install Sample Data button!<br /><br /> <img src="images/documents/rl8.jpg" border="0" width="572" height="274" /><br />Choose Next <br /><strong> <em>5.7) Finished</em></strong><br />Congratulations! Joomla! is now installed. The final step is to use your ftp client and remove the installation folder. Once you do that, you can begin editing your site.<br /><img src="images/documents/rl9.jpg" border="0" width="634" height="256" /></p></div><div class="feed-description"><p>VTEM features the exciting and very popular VTEMQuickStart custom Joomla! install option. With the VTEMQuickStart Joomla! installer, you can instantly create a Joomla! site complete with custom content that is a perfect replica of our demo sites that has been professionally tuned to look its best, all with just a few clicks. The VTEMQuickStart package consists of a full 2.5.x Joomla! install, complete with all of the demo images, content, modules, and extensions. By running the installer, your Joomla! site will be set up with all everything needed to create an exact implementation of the demo site automatically. The VTEMQuickStart packages are available for all template releases from 2010 to present.</p>
<p>This guide takes you through the necessary steps to install the VTEMQuickStart for Joomla! 2.5.</p>
<h4>1) Download VTEMQuickStart</h4>
<p>The initial step is to download the VTEM QuickStart itself. The packages are contained within the download section on the VTEM website where you find the templates and extensions. Each VTEMQuickStart pack is located within the corresponding template section, for example, the VT_Start_QuickStart pack is situated in the VT_Start Download Section.<br />Once in the appropriate section, select the download button for VTEMQuickStart. A pop-up will appear allowing you to save the package to your computer. It is best to download it to an applicable folder such as VTEMQuickStart or VTEM template for organizational purposes.</p>
<h4>2) Extract the VTEM QuickStart package</h4>
<p>Now that the VTEMQuickStart package is downloaded, we need to extract the archive locally. A range of tools can do this such as 7-Zip. The process is almost identical with all extractors.<br /> <br />1. Right click on the VTEMQuickStart package<br />2. Select one of the options for extraction - there are usually different options, but it is easiest to extract the archive to your desktop.<br />3. Select Extract<br />4. Wait for extraction to be completed<br /><br /></p>
<h4>3) Uploading the extracted VTEM QuickStart package</h4>
<p>We can proceed to the upload step. The idea behind this is to use an upload tool or FTP client such as Filezilla. For our demonstration, FireFTP, an extension for the browser Firefox is going to be our FTP client.<br />? Open the FTP client.<br />? Select Manager Accounts<br />? New<br />? Insert your ftp host address, usually, ftp.yoursite.com<br />? Enter your ftp username<br />? Enter your password<br />? Click Connect<br />? Locate the extracted packaged on your computer in the left pane<br />? Open the extracted folder and select the files inside<br />? Drag and drop the selected files into the right pane which is your web server<br /> <br />The speed of transfer varies with hosting server speed and your internet connection speed. It is best to upload the extracted folder to the public_html or in some servers it is called the httpdocs directory.</p>
<h4>4) Creating The Database</h4>
<p>While you are uploading the files to your server, it is time to create your MySQL database. The database is where your Joomla! files and images for your site are stored. You need to login to your hosting account cPanel to create your database. Normally you would use phpMyAdmin to create the database. Be sure to save your information from your database because you will need it when you install Joomla! Please contact your webhost if you need help creating your Joomla! database.</p>
<h4>5) Installing the VTEMQuickStart</h4>
<p>Once the Joomla! files have finished uploading, we can now run the Joomla! installer to install the VTEMQuickStart onto your web server. <br /><em><strong>5.1) Start the installer</strong></em><br />Enter the following link into your web browser, changing the names to reflect your domain name and title of the uploaded VTEM QuickStart pack.<br /><br />http://www.yoursite.com<br /><br />You will then be presented with the initial language page to VTEM QuickStart. Read through the documentation and select your default language from the list. Then choose the next button.</p>
<p><img src="images/documents/rl3.jpg" border="0" width="643" height="232" /><br /> <br /><em><strong>5.2) Pre-installation Check Page</strong></em><br />The next step of the installer is the Pre-installation Check page. This is a check list of all the variables to make Joomla! work on your website. You must make sure that all variables are green.<br /><br />For information on the error message, browse the Joomla! forums</p>
<p><img src="images/documents/rl4.jpg" border="0" width="628" height="219" /><br /> <br /><em><strong>5.3) License Page</strong></em><br />The next page is about the license for Joomla. It is best to read to understanding the GNU GPL license for Joomla.<br />Once you are finished reading the terms of the license, choose Next</p>
<p><img src="images/documents/rl5.jpg" border="0" width="621" height="223" /><br /><em><strong>5.4) Database Info Page</strong></em><br />The following page is where you enter your database information for MySQl. You will need to have your <br />? Host address, usually localhost<br />? MySQL username, which you can get from your hosting provider<br />? MySQL password, which you can get from your hosting provider<br />? Database name, which you can get from your hosting provider<br />? MySQL table prefix, if this is your first Joomla site, keep it the same but if you have multiple installs of Joomla, change this. <br />Once that is complete, select next.</p>
<p><img src="images/documents/rl6.jpg" border="0" width="617" height="360" /><br /><em><strong>5.5) Admin Settings Page</strong></em><br />On this page, you can enter your ftp details, although it is not a required step.<br /><br /> <img src="images/documents/rl7.jpg" border="0" width="618" height="256" /><br />Choose Next <br /><em><strong>5.6) Main Configuration</strong></em><br />This is where you enter the title of your site, your admin e-mail and password. Write this information down so you do not forget it. Now, in order to get your new VTEMQuickStart to look like our demo site, you must click the Install Sample Data button!<br /><br /> <img src="images/documents/rl8.jpg" border="0" width="572" height="274" /><br />Choose Next <br /><strong> <em>5.7) Finished</em></strong><br />Congratulations! Joomla! is now installed. The final step is to use your ftp client and remove the installation folder. Once you do that, you can begin editing your site.<br /><img src="images/documents/rl9.jpg" border="0" width="634" height="256" /></p></div>Introducing K2, the powerful content extension for Joomla!2012-12-05T10:09:55+08:002012-12-05T10:09:55+08:00http://www.petitfee.cn/introducing-k2-the-powerful-content-extension-for-joomla.htmlSuper Userservice@isheng.tw<div class="feed-description"><p>You've already been there... Joomla! is a great content management system. In fact it's considered one of the best in the world. But the default article system in Joomla! is so spartan! Just a title, your content body and that's it. This is where K2 comes in.<br /><br />K2 was built as a complete replacement of the default article system in Joomla!. Install it like any Joomla! extension, import your articles from the default Joomla! article system and you instantly get a host of new features for your existing content: <img src="images/sample-09.jpg" border="0" style="border: 0; float: right;" /> rich content forms for items (think of Joomla! articles with additional fields for article images, videos, podcasts & other audio files, image galleries and attachments), hassle-free image management (uploaded item images are auto-resized to 6 configurable dimensions, either globally or per category - you can now forget about using Photoshop resizing!), comments, tagging, built-in options to extend content forms (e.g. to create product catalogs), powerful content modules fetching K2 content in any way you can imagine, frontend editing with easy to use access control settings (for content-heavy websites), powerful yet easy templating (and sub-templating) for going above the "Joomla! average", extended user profiles, user groups, blogs, a powerful plugin API to extend item/category/user forms, "drag and drop" media manager and many more!<br /><br />K2 is the ideal solution for managing your content, regardless of site "size": you can use it from a small blog to a complex corporate site or even a multi-author environment (portals, magazines etc.). To provide a practical example, using K2, you can transform your Joomla! website to a news/magazine site with author blogs, product catalogs, work portfolio, knowledge base, download/document manager, directory listing, event listing and more, all this bundled under one package! And since K2 is extensible with additional fields to its base item form, you can easily create category-specific content types, e.g. article, blog post, product page, directory listing.<br /><br />It's no wonder that K2 powers some of the biggest and most popular Joomla! sites ever built worldwide!<br /><br />These integrated features in K2 not only save website administrators precious management time (from managing a dozen extensions which would otherwise be required), but they also allow for better performance.<br /><br />K2 was actually built on these 4 principles: feature-rich content in Joomla!, ease of use (for any type of user), flexible templating, performance<br /><br /><strong>And best of all? K2 is totally free to use!</strong></p>
<p style="text-align: right;"><span class="readmore"><a href="http://getk2.org/index.php" target="_blank">More info...</a></span></p></div><div class="feed-description"><p>You've already been there... Joomla! is a great content management system. In fact it's considered one of the best in the world. But the default article system in Joomla! is so spartan! Just a title, your content body and that's it. This is where K2 comes in.<br /><br />K2 was built as a complete replacement of the default article system in Joomla!. Install it like any Joomla! extension, import your articles from the default Joomla! article system and you instantly get a host of new features for your existing content: <img src="images/sample-09.jpg" border="0" style="border: 0; float: right;" /> rich content forms for items (think of Joomla! articles with additional fields for article images, videos, podcasts & other audio files, image galleries and attachments), hassle-free image management (uploaded item images are auto-resized to 6 configurable dimensions, either globally or per category - you can now forget about using Photoshop resizing!), comments, tagging, built-in options to extend content forms (e.g. to create product catalogs), powerful content modules fetching K2 content in any way you can imagine, frontend editing with easy to use access control settings (for content-heavy websites), powerful yet easy templating (and sub-templating) for going above the "Joomla! average", extended user profiles, user groups, blogs, a powerful plugin API to extend item/category/user forms, "drag and drop" media manager and many more!<br /><br />K2 is the ideal solution for managing your content, regardless of site "size": you can use it from a small blog to a complex corporate site or even a multi-author environment (portals, magazines etc.). To provide a practical example, using K2, you can transform your Joomla! website to a news/magazine site with author blogs, product catalogs, work portfolio, knowledge base, download/document manager, directory listing, event listing and more, all this bundled under one package! And since K2 is extensible with additional fields to its base item form, you can easily create category-specific content types, e.g. article, blog post, product page, directory listing.<br /><br />It's no wonder that K2 powers some of the biggest and most popular Joomla! sites ever built worldwide!<br /><br />These integrated features in K2 not only save website administrators precious management time (from managing a dozen extensions which would otherwise be required), but they also allow for better performance.<br /><br />K2 was actually built on these 4 principles: feature-rich content in Joomla!, ease of use (for any type of user), flexible templating, performance<br /><br /><strong>And best of all? K2 is totally free to use!</strong></p>
<p style="text-align: right;"><span class="readmore"><a href="http://getk2.org/index.php" target="_blank">More info...</a></span></p></div>无码视频免费在线播放
|
欧美熟妇人妻精品一区二区三区
|
国产 高潮 白浆 无码老妇
|
青青草原欧美在线观看
|
免费无码婬片AAAA片直播孕妇
|
国产18成人免费视频
|
人妻偷乱视频一区二区三区
|
日本一级婬片A片AAA毛片价格
|
中文字幕 人妻精品91
|
韩国0K理论色哟哟中文无码 按摩
|
国产一级a爱做片免费☆观看
|
久久国产精品人妻酒店
|
中文字幕 - 蜜臀av - 首页
|
最好看的日本字幕MV视频
|
精品人一区二区三区伦蜜桃免费
|
成人毛片18女人毛片免费看dvd
|
无码久久久久久粉嫩绯色
|
久久成人免费视频
|
亚洲午夜精品一区二区三区他趣
|
精品乱子伦一区二区三区掼蛋
|
▓成人涩涩屋视频▓无码免费a片
|
成人午夜A片一区二区
|
伦伦影院午夜理论片饥渴女主人
|
www,久久久久久久久,com
|
午夜成人福利在线观看
|
国产互换人妻XXXX69张雅丹
|
91视频一区二区三区四区
|
精品欧美一区二区三区四区五区
|
99久久国产剧情
|
免费无码Av在线观看网址
|
猛操人妻一区二区在线视频播放
|
精品一区二区视频
|
亚洲视频在线观看
|
国产又粗又猛又爽又黄的视频99
|
国产真实乱XXXⅩ视频
|
三级视频在线播放
|
亚洲无码视频在线
|
视频一区二区在线观看
|
亚洲 无码 人妻
|
韩国一级了婬片A片
|
日本人妻A片成人免费看片
久久久久亚洲AV成人网站
|