<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><!-- generator="Joomla! - Open Source Content Management" --><rss xmlns:atom="http://www.w3.org/2005/Atom" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0">
	<channel>
		<title>Terkini - Portal Rasmi Yayasan Islam Kelantan</title>
		<description>Terkini The latest news from the Joomla!</description>
		<link>http://www.yik.edu.my/v2/terkini</link>
		<lastBuildDate>Fri, 25 May 2012 19:57:49 +0000</lastBuildDate>
		<generator>Joomla! - Open Source Content Management</generator>
		
		<language>en-gb</language>
		<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/ictyik" /><feedburner:info uri="ictyik" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><feedburner:browserFriendly></feedburner:browserFriendly><item>
			<title>IE7 and 8 CSS3 Support</title>
			<link>http://www.yik.edu.my/v2/terkini/ie7-and-8-css3-support</link>
			<guid isPermaLink="true">http://www.yik.edu.my/v2/terkini/ie7-and-8-css3-support</guid>
			<description><![CDATA[This template includes limited support of CSS3 for IE7 and IE8. With the power of css3, websites can now be built much faster and with far 
less code. Design features such as gradients or shadows that used to be 
created and then called as images on the page are now simply called 
by css code. Transition effects that used to require full javascript libraries can 
now be called with less than 1kb of text. Rounded corners that used to 
require upwards of eight wrapping div elements can now be done with a 
single element. What does this mean for you? Simple, a lightning fast website, 
that becomes even more search engine friendly. 

<br /><br />Many modern browsers such as Firefox4 of IE9 already support CSS3 natively, but where does that leave IE7 and IE8? Thankfully a great solution called CSS PIE (Progressive Internet Explorer) has been introduced and is integrated into this template. Simply put, CSS PIE a script that upgrades IE7 and 8 to support most CSS3 formatting.  There are slight variations and some CSS3 formatting isn&#39;t supported, but overall it does a great job and allows us to extend CSS3 support to IE7 and 8.]]></description>
			<category>Terkini</category>
			<pubDate>Fri, 10 Jun 2011 13:37:19 +0000</pubDate>
		</item>
		<item>
			<title>Menu Scroll To Section</title>
			<link>http://www.yik.edu.my/v2/terkini/menu-scroll-to-section</link>
			<guid isPermaLink="true">http://www.yik.edu.my/v2/terkini/menu-scroll-to-section</guid>
			<description><![CDATA[Thsi template includes a scroll to feature that will scroll your page to a specified section of your site. All you have to do is create an external link in your menu manager and then in the URL area enter in any ID on your page. You can reference any of the following IDs in order:<br /><br />

<ul class="ul_bullet_small">
<li>#s5_header_area1</li>
<li>#s5_top_row1_area1</li>
<li>#s5_top_row2_area1</li>
<li>#s5_top_row3_area1</li>
<li>#s5_center_area1</li>
<li>#s5_bottom_row1_area1</li>
<li>#s5_bottom_row2_area1</li>
<li>#s5_bottom_row3_area1</li>
<li>#s5_footer_area1</li>

</ul>
<br />
Screenshot of admin area of an external menu item with DIV reference entered:<br /><br />

<img border="0" src="http://www.shape5.com/demo/images/general/scrollto.jpg" style="">]]></description>
			<category>Terkini</category>
			<pubDate>Fri, 10 Jun 2011 13:35:45 +0000</pubDate>
		</item>
		<item>
			<title>Fixed Side Tabs</title>
			<link>http://www.yik.edu.my/v2/terkini/fixed-side-tabs</link>
			<guid isPermaLink="true">http://www.yik.edu.my/v2/terkini/fixed-side-tabs</guid>
			<description><![CDATA[This template includes a "Fixed Tab" option that you can enable and publish on your site and will show in a fixed position on either the left or right side of the screen. The great feature about the fixed tabs is that you can enter any text you desire and the text is automatically flipped vertically! This is great for search engines to read your text and also saves the hassle of creating an image with vertical text and placing it on the side of your site. The tabs are published site wide and can have the following options that can be changed via the template parameters area and can link to any URL that you desire.


<br /><br />The following is a quick list of features: <br /></p>
<ul class="ul_star">
<li>Change background to any hex color </li>
<li>Change the border to any hex color</li>
<li>Change the font to any hex color</li>
<li>Set vertical position of each tab</li>
<li>Set the height of each tab</li>
<li>Set each tab to either the left or right of the screen</li>
<li>Add a class to each fixed tab to enable s5 box or perhaps a lightbox or other 3rd party extension</li>
<li>Add a URL to each fixed tab so onclick the URL loads</li>
<li>Enter any text you desire</li>
</ul>

<br /><br />   <div class="blue_box"><strong>I like what I see! I want to <a href="http://www.shape5.com/join-now.html" target="_top">JOIN TODAY</a>.</strong></div>]]></description>
			<category>Terkini</category>
			<pubDate>Mon, 13 Dec 2010 15:40:43 +0000</pubDate>
		</item>
		<item>
			<title>CSS Tableless Overrides</title>
			<link>http://www.yik.edu.my/v2/terkini/css-tableless-overrides</link>
			<guid isPermaLink="true">http://www.yik.edu.my/v2/terkini/css-tableless-overrides</guid>
			<description><![CDATA[This template comes with CSS tabless overrides for the main Joomla content, overriding the default table layout. This makes your content much more accessible to search engines.
<br /><br />
<div class="blue_box"><strong>I like what I see! I want to <a href="http://www.shape5.com/join-now.html" target="_top">JOIN TODAY</a>.</strong></div>]]></description>
			<category>Terkini</category>
			<pubDate>Mon, 13 Dec 2010 15:29:23 +0000</pubDate>
		</item>
		<item>
			<title>Mobile Device Ready!</title>
			<link>http://www.yik.edu.my/v2/terkini/mobile-device-ready</link>
			<guid isPermaLink="true">http://www.yik.edu.my/v2/terkini/mobile-device-ready</guid>
			<description><![CDATA[<br /><img src="http://www.yik.edu.my/v2/images/mobile_device.jpg" style="float:left; margin-right:20px"><h2 style="color:#000000">Need Mobile Device Support?</h2>
<br />
No problem! This template comes with built in functionality to support popular mobile devices such as iPhone, Android, Blackberry, Windows Mobile and more. The mobile layout contains a mobile menu system, login and register functionality, and the following module positions: search, breadcrumb, mobile_top_1, mobile_top_2, mobile_bottom_1, and mobile_bottom_3. The mobile module positions are unique to the mobile device layout and will only show in this layout. Along with these functions users will also be presented an option to switch to the main PC version of the site. This feature can easily be enabled or disabled from the template configuration.

<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />  <div class="blue_box"><strong>I like what I see! I want to <a href="http://www.shape5.com/join-now.html" target="_top">JOIN TODAY</a>.</strong></div>]]></description>
			<category>Terkini</category>
			<pubDate>Mon, 13 Dec 2010 15:28:26 +0000</pubDate>
		</item>
		<item>
			<title>Google Fonts Enabled</title>
			<link>http://www.yik.edu.my/v2/terkini/google-fonts-enabled</link>
			<guid isPermaLink="true">http://www.yik.edu.my/v2/terkini/google-fonts-enabled</guid>
			<description><![CDATA[Do you want your own custom font? Not a problem, this template comes with Google Fonts enabled, allowing you to pick from over a dozen font families for your website. In the template parameters area of the template you can choose from the below fonts:<br/><br/>

<img alt="" src="http://www.shape5.com/demo/images/general/google_fonts.png"></img>

<br />
<br /><br />

<div class="blue_box"><strong>I like what I see! I want to <a href="http://www.shape5.com/join-now.html" target="_top">JOIN TODAY</a>.</strong></div><br /></ul>]]></description>
			<category>Terkini</category>
			<pubDate>Fri, 08 Oct 2010 11:08:51 +0000</pubDate>
		</item>
		<item>
			<title>Custom Highlight Color</title>
			<link>http://www.yik.edu.my/v2/terkini/custom-highlight-color</link>
			<guid isPermaLink="true">http://www.yik.edu.my/v2/terkini/custom-highlight-color</guid>
			<description><![CDATA[<h2>Custom Highlight Color</h2><br />
Need your own custom color? Not a problem, this template allows you to set your own custom highlight color to any color you wish. Simply picking one custom color will modify titles, hyperlinks, menu items, and several other elements. This color can easily be set in the template configuration area.. Below are several example screenshots of the custom highlight feature.  
<br /><br />

<h3>Custom Highlight Color Examples:</h3><br />
<a><img class="padded" src="http://www.yik.edu.my/v2/images/example1.jpg"></img></a><br />
<a><img class="padded" src="http://www.yik.edu.my/v2/images/example2.jpg"></img></a><br />
<a><img class="padded" src="http://www.yik.edu.my/v2/images/example3.jpg"></img></a><br />
<br />]]></description>
			<category>Terkini</category>
			<pubDate>Fri, 13 Aug 2010 10:57:50 +0000</pubDate>
		</item>
		<item>
			<title>Multibox Setup Tutorial</title>
			<link>http://www.yik.edu.my/v2/terkini/multibox-setup-tutorial</link>
			<guid isPermaLink="true">http://www.yik.edu.my/v2/terkini/multibox-setup-tutorial</guid>
			<description><![CDATA[<br/><strong>Features:</strong><br/>

<ul class="ul_bullet_small">
<li>Supports a range of multimedia formats: images, flash, video, mp3s, html!</li>
<li>Auto detects formats or you can specify the format</li>
<li>Html descriptions</li>
<li>Enable/Disable page overlay when multibox pops up (via template parameters)</li>
<li>Enable/Disable controls (via template parameters)</li>




<br/>



<p><strong><font size="2">Images Example</font></strong></p>          

<a href="http://www.shape5.com/demo/images/multibox1_lrg.jpg" id="mb1" class="s5mb" title="Image #1:">
<img src="http://www.shape5.com/demo/images/multibox1.jpg" class="boxed" alt="" />
</a>
<div class="s5_multibox mb1">Image #1. It can support <strong>html</strong>.</div>
&nbsp;&nbsp;
<a href="http://www.shape5.com/demo/images/multibox2_lrg.jpg" id="mb2" class="s5mb" title="Image #2:">
<img src="http://www.shape5.com/demo/images/multibox2.jpg" class="boxed" alt="" />
</a>
<div class="s5_multibox mb2">Image #2. It can support <strong>html</strong>.</div>
&nbsp;&nbsp;
<a href="http://www.shape5.com/demo/images/multibox3_lrg.jpg" id="mb3" class="s5mb" title="Image #3:">
<img src="http://www.shape5.com/demo/images/multibox3.jpg" class="boxed" alt="" />
</a>
<div class="s5_multibox mb3">Image #3. It can support <strong>html</strong>.</div>



<br /><br />

 <p>To enable use the following around any group of images:</p>
<div style="clear:both"></div><div class="code">

&lt;a href="http://www.shape5.com/demo/images/multibox1_lrg.jpg" id="mb2" class="s5mb" title="Grouped Image Example #1:"&gt;
&lt;img src="http://www.shape5.com/demo/images/multibox1.jpg" class="boxed" alt="" /&gt;
&lt;/a&gt;
&lt;div class="s5_multibox mb2"&gt;Multiple Image #1. It can support &lt;strong&gt;html&lt;/strong&gt;.&lt;/div&gt;
<br/>
<br/>
&lt;a href="http://www.shape5.com/demo/images/multibox2_lrg.jpg" id="mb3" class="s5mb" title="Grouped Image Example #2:"&gt;
&lt;img src="http://www.shape5.com/demo/images/multibox2.jpg" class="boxed" alt="" /&gt;
&lt;/a&gt;
&lt;div class="s5_multibox mb3"&gt;Multiple Image #2. It can support &lt;strong&gt;html&lt;/strong&gt;.&lt;/div&gt;
<br/>
<br/>
&lt;a href="http://www.shape5.com/demo/images/multibox3_lrg.jpg" id="mb4" class="s5mb" title="Grouped Image Example #3:"&gt;
&lt;img src="http://www.shape5.com/demo/images/multibox3.jpg" class="boxed" alt="" /&gt;
&lt;/a&gt;
&lt;div class="s5_multibox mb4"&gt;Multiple Image #3. It can support &lt;strong&gt;html&lt;/strong&gt;.&lt;/div&gt;


</div>



<br/>


<p><strong><font size="2">Video Example:</font></strong></p>   

<a href="http://www.youtube.com/v/VGiGHQeOqII" id="youtube" class="s5mb" title="Youtube.com Video">
Youtube.com Video - CLICK ME
</a>
<div class="s5_multibox youtube">UP: Carl and Ellie </div>

<br/>
<br/>
You can use the following video formats: flv, mov, wmv, real and swf.  Just insert the URL to the videos in the href of the hyperlink, here is an example of how we did this for a Youtube video:<br/>

<div class="code">
&lt;a href="http://www.youtube.com/v/VGiGHQeOqII" id="youtube" class="s5mb" title="Youtube.com Video"&gt;
Youtube.com Video  - CLICK ME
&lt;/a&gt;
&lt;div class="s5_multibox youtube"&gt;UP: Carl and Ellie &lt;/div&gt;
</div>


<br/>
YouTube Tutorial:  Simply right click on a youtube video and copy the embed code, then paste into a text editor and look for the embed src and use that URL in your hyperlink.

<div class="code">
&lt;embed src= http://www.youtube.com/v/VGiGHQeOqII
</div>



<br/>


<p><strong><font size="2">MP3 Example:</font></strong></p>   

<a href="http://www.shape5.com/demo/images/music.mp3"  id="mb8" class="s5mb" title="Music">MP3 example - CLICK ME</a>
<div class="s5_multibox mb8">mp3 example</div><br />

<div class="code">
&lt;a href="http://www.shape5.com/demo/images/music.mp3"  id="mb8" class="s5mb" title="Music">MP3 example&lt;/a&gt;
&lt;div class="s5_multibox mb8">mp3 example - CLICK ME&lt;/div&gt;
</div>


<br/>


<p><strong><font size="2">iFrame:</font></strong></p>   

<a href="http://www.google.com" rel="width:790,height:600" id="mb28" class="s5mb" title="Google.com">iFrame/HTML Example - CLICK ME</a>
<div class="s5_multibox mb28">Google.com</div><br />

<div class="code">
&lt;a href="http://www.google.com" rel="width:790,height:600" id="mb28" class="s5mb" title="Google.com"&gt;iFrame/HTML Example - CLICK ME&lt;/a&gt;
&lt;div class="s5_multibox mb28"&gt;Google.com&lt;/div&gt;

</div>


<br/><br/>





 


<div class="blue_box">
I like what I see! I want to <a href="http://www.shape5.com/join-now.html" target="_top"><strong>JOIN TODAY</strong></a>. </div> </div>
 <br />]]></description>
			<category>Terkini</category>
			<pubDate>Fri, 13 Aug 2010 10:18:32 +0000</pubDate>
		</item>
		<item>
			<title>Search Engine Optimized </title>
			<link>http://www.yik.edu.my/v2/terkini/search-engine-optimized</link>
			<guid isPermaLink="true">http://www.yik.edu.my/v2/terkini/search-engine-optimized</guid>
			<description><![CDATA[<br/>
<h3>SEO - Get your site noticed!</h3>
<p><br /> Not only is this template beautifully designed but it is great for search engine optimization as well! What is SEO? It is simple the act of altering a web site so that it does well in the organic, crawler-based listings of search engines such as google.com. How does this template accomplish this? It&#39;s simple, the majority of your most valuable content is found in the main body of your site, through css we are able to alter the layout of the site and call the main content before the left and right columns are called. This allows for your content to be found first by search engines before it reaches your other content, which is vital in search engine optimization. This is a common feature this can be done with almost all of Shape 5 templates as well.</p>
<p> </p>
<div class="blue_box"><strong>I like what I see! I want to <a href="http://www.shape5.com/join-now.html" target="_top">JOIN TODAY</a>.</strong></div>]]></description>
			<category>Terkini</category>
			<pubDate>Thu, 11 Feb 2010 09:28:55 +0000</pubDate>
		</item>
		<item>
			<title>Sample Article</title>
			<link>http://www.yik.edu.my/v2/terkini/sample-article</link>
			<guid isPermaLink="true">http://www.yik.edu.my/v2/terkini/sample-article</guid>
			<description><![CDATA[<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet nibh. Viva mus non arcu. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam dapibus, tellus ac ornare aliquam, consectetur adipiscing elit. id faEtiam dapibus, sit ame tellus a ucibus. tristique urna, id faucibus lectus erat ut pede. Maecenas varius neque nec libero laoreet faucibus. id faEtiam dapibus, tellus a ucibus. Donec sit amet nibh. Viva mus non arcu. Lorem ipsum dolor sit amet, consectetur. Donec sit am et nibh. Viva mus arcu. Lorem ipsu.</p>]]></description>
			<category>Terkini</category>
			<pubDate>Sat, 06 Feb 2010 15:35:25 +0000</pubDate>
		</item>
	</channel>
</rss>

