<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Tutorials, Scripts, Technology and Interview Tips &#187; Css</title>
	<atom:link href="http://mistonline.in/wp/technology/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://mistonline.in/wp</link>
	<description>The One Stop Reference For Web Developers</description>
	<lastBuildDate>Tue, 24 Jan 2012 13:59:37 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3</generator>
		<item>
		<title>CSS or Table?</title>
		<link>http://mistonline.in/wp/css-or-table/</link>
		<comments>http://mistonline.in/wp/css-or-table/#comments</comments>
		<pubDate>Sun, 22 May 2011 20:33:41 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Css]]></category>
		<category><![CDATA[Html]]></category>

		<guid isPermaLink="false">http://mistonline.in/wp/?p=382</guid>
		<description><![CDATA[CSS or Tables? What is CSS? CSS stands for cascading style sheets. They are the new technology used to layout and style web pages. So what happened to old, trusty tables? For long tables were the only tool available to the web developers to layout their web pages. But with CSS support becoming common, you [...]]]></description>
		<wfw:commentRss>http://mistonline.in/wp/css-or-table/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>New horizontal drop down menu using css</title>
		<link>http://mistonline.in/wp/new-horizontal-drop-down-menu-using-css/</link>
		<comments>http://mistonline.in/wp/new-horizontal-drop-down-menu-using-css/#comments</comments>
		<pubDate>Sat, 19 Feb 2011 17:00:48 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Css]]></category>
		<category><![CDATA[Html]]></category>

		<guid isPermaLink="false">http://mistonline.in/wp/?p=1325</guid>
		<description><![CDATA[Very simple and stylish looking standard horizontal dropdown menus using CSS. This is the CSS part &#60;style&#62; .menu{ border:none; border:0px; margin:0px; padding:0px; font: 67.5% &#34;Lucida Sans Unicode&#34;, &#34;Bitstream Vera Sans&#34;, &#34;Trebuchet Unicode MS&#34;, &#34;Lucida Grande&#34;, Verdana, Helvetica, sans-serif; font-size:14px; font-weight:bold; } .menu ul{ background:#333333; height:35px; list-style:none; margin:0; padding:0; } .menu li{ float:left; padding:0px; } .menu [...]]]></description>
		<wfw:commentRss>http://mistonline.in/wp/new-horizontal-drop-down-menu-using-css/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Change Mouse cursor of your webpage using css</title>
		<link>http://mistonline.in/wp/change-mouse-cursor-of-your-webpage-using-css/</link>
		<comments>http://mistonline.in/wp/change-mouse-cursor-of-your-webpage-using-css/#comments</comments>
		<pubDate>Wed, 22 Dec 2010 19:16:36 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Css]]></category>

		<guid isPermaLink="false">http://mistonline.in/wp/?p=1189</guid>
		<description><![CDATA[This is a very simple approach to change your mouse cursor within your website. Here is the code.Just add this along with your other css tags inside the &#60;style&#038;gt tag. &#60;style type=&#34;text/css&#34;&#62;body, a, a:hover {cursor: url(http://cur.cursors-4u.net/games/images11/gam1090.gif), progress;}&#60;/style&#62; Download more cursors from http://www.cursors-4u.com Incoming search terms: jquery change cursor to image (9) Jquery Change Mouse Cursor [...]]]></description>
		<wfw:commentRss>http://mistonline.in/wp/change-mouse-cursor-of-your-webpage-using-css/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Beautiful Christmas countdown timer complete webpage with css download free</title>
		<link>http://mistonline.in/wp/beautiful-christmas-countdown-timer-complete-webpage-with-css-download-free/</link>
		<comments>http://mistonline.in/wp/beautiful-christmas-countdown-timer-complete-webpage-with-css-download-free/#comments</comments>
		<pubDate>Sun, 19 Dec 2010 15:27:09 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Css]]></category>
		<category><![CDATA[JavaScripts]]></category>
		<category><![CDATA[scripts]]></category>
		<category><![CDATA[javascript]]></category>

		<guid isPermaLink="false">http://mistonline.in/wp/?p=1175</guid>
		<description><![CDATA[Very good looking and elegant, easy to edit Christmas countdown webpage with css and download it for free. To change the countdown date open index.html and find the line that contains austDay = new Date(austDay.getFullYear() + 1, 1 &#8211; 1, 15); +1 is the number of years from the current date. 1 is the month [...]]]></description>
		<wfw:commentRss>http://mistonline.in/wp/beautiful-christmas-countdown-timer-complete-webpage-with-css-download-free/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Drop down menu going behind flash element</title>
		<link>http://mistonline.in/wp/drop-down-menu-going-behind-flash-element/</link>
		<comments>http://mistonline.in/wp/drop-down-menu-going-behind-flash-element/#comments</comments>
		<pubDate>Mon, 06 Dec 2010 18:28:18 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Css]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[JavaScripts]]></category>
		<category><![CDATA[javascript]]></category>

		<guid isPermaLink="false">http://mistonline.in/wp/?p=1135</guid>
		<description><![CDATA[This is a common issue that webmasters/webdevelopers face when they have a webpage with a combination of javascript or css or DHTML dropdown menu and a flash swf file.Sometimes we can see that the Drop down menu going behind flash element.This is really frustrating for the developers. But dont worry guys there is a quick [...]]]></description>
		<wfw:commentRss>http://mistonline.in/wp/drop-down-menu-going-behind-flash-element/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Simple page flip effect using Jquery, css and simple html</title>
		<link>http://mistonline.in/wp/simple-page-flip-effect-using-jquery-css-and-simple-html/</link>
		<comments>http://mistonline.in/wp/simple-page-flip-effect-using-jquery-css-and-simple-html/#comments</comments>
		<pubDate>Wed, 17 Nov 2010 17:21:01 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Css]]></category>
		<category><![CDATA[JavaScripts]]></category>
		<category><![CDATA[Jquery]]></category>
		<category><![CDATA[Html]]></category>
		<category><![CDATA[javascript]]></category>

		<guid isPermaLink="false">http://mistonline.in/wp/?p=1077</guid>
		<description><![CDATA[Simple page flip effect using Jquery, css and simple html, very easy to implement just copy paste the code below This is the javascript part enter it inside the &#8230; section of your website. &#60;script type=&#34;text/javascript&#34; src=&#34;http://code.jquery.com/jquery-latest.js&#34;&#62;&#60;/script&#62; &#60;script type=&#34;text/javascript&#34;&#62; $(document).ready(function(){ //Page Flip on hover $(&#34;#flipthepage&#34;).hover(function() { $(&#34;#flipthepage img , .msg_block&#34;).stop() .animate({ width: '307px', height: '319px' [...]]]></description>
		<wfw:commentRss>http://mistonline.in/wp/simple-page-flip-effect-using-jquery-css-and-simple-html/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Another cool horizontal menu script using css</title>
		<link>http://mistonline.in/wp/another-cool-horizontal-menu-script-using-css/</link>
		<comments>http://mistonline.in/wp/another-cool-horizontal-menu-script-using-css/#comments</comments>
		<pubDate>Fri, 01 Oct 2010 18:48:10 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Css]]></category>

		<guid isPermaLink="false">http://mistonline.in/wp/?p=998</guid>
		<description><![CDATA[This script is free and will show you how to add a horizontal menu using simple css on your website/blog &#60;style type='text/css'&#62; div#navmenu { margin: 0 0 0 0px; padding: 0; height: 44px; float: left;overflow:hidden;background-color:#323232;width:100%; } div#navmenu ul { display: block; margin: 0; padding: 0 0 0 2px; height: 44px; float: left; } div#navmenu ul [...]]]></description>
		<wfw:commentRss>http://mistonline.in/wp/another-cool-horizontal-menu-script-using-css/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Standard horizontal menu using css</title>
		<link>http://mistonline.in/wp/standard-horizontal-menu-using-css/</link>
		<comments>http://mistonline.in/wp/standard-horizontal-menu-using-css/#comments</comments>
		<pubDate>Fri, 01 Oct 2010 18:41:21 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Css]]></category>

		<guid isPermaLink="false">http://mistonline.in/wp/?p=993</guid>
		<description><![CDATA[A very simple css horizontal menu, just copy paste the script below. &#60;style type='text/css'&#62; #menu {text-align:left;height:36px;background:url(http://mistonline.in/wp/download/menu.gif) repeat-x top;padding:0px 10px 0px 10px;vertical-align: top;margin:0px 4px 0px 4px;} #menu ul {height:36px; width:100%;overflow:hidden;} #menu li { font: 15px Arial, Helvetica, sans-serif; display: inline; margin-right: 10px; padding:5px 0px 5px 0px; font-weight:bold; line-height:36px;height:36px;} #menu li a { color: #494949; text-decoration: none;} [...]]]></description>
		<wfw:commentRss>http://mistonline.in/wp/standard-horizontal-menu-using-css/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Image preloader using CSS</title>
		<link>http://mistonline.in/wp/image-preloader-using-css/</link>
		<comments>http://mistonline.in/wp/image-preloader-using-css/#comments</comments>
		<pubDate>Sun, 28 Mar 2010 16:56:00 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Css]]></category>
		<category><![CDATA[scripts]]></category>

		<guid isPermaLink="false">http://mistonline.in/wp/?p=513</guid>
		<description><![CDATA[This is a simple tutorial which helps you to put a preloader similar to flash preloaders on your website interesting huh , just check out this simple tutorial of how to implement the same.Just needed to add some 5 lines of code using css and your image preloader is ready.This is very useful when your [...]]]></description>
		<wfw:commentRss>http://mistonline.in/wp/image-preloader-using-css/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Changing link style properties using css</title>
		<link>http://mistonline.in/wp/changing-link-style-properties-using-css/</link>
		<comments>http://mistonline.in/wp/changing-link-style-properties-using-css/#comments</comments>
		<pubDate>Sun, 10 Jan 2010 16:22:39 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Css]]></category>

		<guid isPermaLink="false">http://mistonline.in/wp/?p=422</guid>
		<description><![CDATA[Embedded Styles Inline styles are similar to the &#60;font&#62; tag. Populating a page with these is considered bad programming practice. It&#8217;s better to include all the style information inside the document HEAD section. The Styles placed in the head are enclosed in the &#60;style&#62;-&#60;/style&#62;tags. &#60;style type="text/css"&#62; a.mystyle {color:#FF5500; font-size:10pt; text-decoration:underline; font-family:Verdana, Arial, Sans-serif} &#60;/style&#62; The style has [...]]]></description>
		<wfw:commentRss>http://mistonline.in/wp/changing-link-style-properties-using-css/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Learn CSS Basics Very Simple Tutorial</title>
		<link>http://mistonline.in/wp/learn-css-basics-very-simple-tutorial/</link>
		<comments>http://mistonline.in/wp/learn-css-basics-very-simple-tutorial/#comments</comments>
		<pubDate>Mon, 02 Nov 2009 20:52:00 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Css]]></category>
		<category><![CDATA[Html]]></category>

		<guid isPermaLink="false">http://mistonline.in/wp/?p=385</guid>
		<description><![CDATA[The CSS tutorial. What is CSS? CSS is the technology used to make the layout for webpages. They are Cascading Style Sheets, used to style your HTML documents. They are slowly replacing tables as the preferred medium to layout your pages. They free your content (the HTML document) from the layout (the CSS file), so [...]]]></description>
		<wfw:commentRss>http://mistonline.in/wp/learn-css-basics-very-simple-tutorial/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Disabling right click menu using javascript Enhanced Version</title>
		<link>http://mistonline.in/wp/disabling-right-click-menu-using-javascript-enhanced-version/</link>
		<comments>http://mistonline.in/wp/disabling-right-click-menu-using-javascript-enhanced-version/#comments</comments>
		<pubDate>Tue, 02 Jun 2009 20:21:00 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Css]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[JavaScripts]]></category>
		<category><![CDATA[Others]]></category>
		<category><![CDATA[scripts]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[Wordpress Tips]]></category>
		<category><![CDATA[Add new tag]]></category>
		<category><![CDATA[javascript]]></category>

		<guid isPermaLink="false">http://mistonline.in/wp/?p=201</guid>
		<description><![CDATA[This is an enhanced version of how to disable right click menu from a webpage. Simple just copy and paste this code &#60;script LANGUAGE=&#34;JavaScript&#34;&#62; var message=&#34;Sorry this function is disabled.&#34; function clickIE4(){ if(event.button==2){ alert(message) return false}} function clickNS4(e){ if(document.layers&#124;&#124;document.getElementById&#38;&#38;!document.all){ if(e.which==2&#124;&#124;e.which==3){ alert(message) return false}}} function disableselect(e){ return false} function reEnable(){ return true} document.onselectstart=new Function(&#34;return false&#34;) if(window.sidebar){ [...]]]></description>
		<wfw:commentRss>http://mistonline.in/wp/disabling-right-click-menu-using-javascript-enhanced-version/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Simple CSS Dropdown Menu</title>
		<link>http://mistonline.in/wp/simple-css-dropdown-menu/</link>
		<comments>http://mistonline.in/wp/simple-css-dropdown-menu/#comments</comments>
		<pubDate>Sat, 23 May 2009 05:52:57 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Css]]></category>
		<category><![CDATA[scripts]]></category>

		<guid isPermaLink="false">http://mistonline.in/wp/?p=126</guid>
		<description><![CDATA[Here is a simple CSS dropdown menu which you can simply copy and paste for your website. AS I ALWAYS SAY TAKE CARE OF THE QUOTES WHILE COPYING, USE DREAMWEAVER TO EDIT THE CODE The CSS Code This is the part that gives the dropdown structure. Without the CSS, all you’ll get is plain HTML [...]]]></description>
		<wfw:commentRss>http://mistonline.in/wp/simple-css-dropdown-menu/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Text Size Switching Using PHP</title>
		<link>http://mistonline.in/wp/text-size-switching-using-php/</link>
		<comments>http://mistonline.in/wp/text-size-switching-using-php/#comments</comments>
		<pubDate>Thu, 01 Jan 2009 02:20:01 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Css]]></category>
		<category><![CDATA[Html]]></category>
		<category><![CDATA[PHP]]></category>

		<guid isPermaLink="false">http://mistonline.in/wp/text-size-switching-using-php/</guid>
		<description><![CDATA[Change the text size in  your website with a simple script using php. Hi you must have come across many websites having an option to change the text size then and there itself wondering how it is done? Simple, here is the code which demonstrates the same My first post in the year 2009 starts [...]]]></description>
		<wfw:commentRss>http://mistonline.in/wp/text-size-switching-using-php/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Context Right Click Menu Using Javascript</title>
		<link>http://mistonline.in/wp/context-right-click-menu-using-javascript/</link>
		<comments>http://mistonline.in/wp/context-right-click-menu-using-javascript/#comments</comments>
		<pubDate>Wed, 31 Dec 2008 15:54:38 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Css]]></category>
		<category><![CDATA[JavaScripts]]></category>
		<category><![CDATA[javascript]]></category>

		<guid isPermaLink="false">http://mistonline.in/wp/context-right-click-menu-using-javascript/</guid>
		<description><![CDATA[Context Right Click Menu Using Javascript its a very simple script. Below is the index.html file you need &#60;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"&#62; &#60;html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"&#62; &#60;head&#62; &#60;title&#62;Tutorialz.tk&#60;/title&#62; &#60;meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /&#62; &#60;link type="text/css" rel="stylesheet" href="menu.css" /&#62; &#60;script type="text/javascript" src="menu.js"&#62;&#60;/script&#62; &#60;script type="text/javascript"&#62; SimpleContextMenu.setup({'preventDefault':true, 'preventForms':false}); SimpleContextMenu.attach('container1', 'CM1'); SimpleContextMenu.attach('container2', 'CM2'); SimpleContextMenu.attach('container3', 'CM3'); &#60;/script&#62; [...]]]></description>
		<wfw:commentRss>http://mistonline.in/wp/context-right-click-menu-using-javascript/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Transparent Box using CSS</title>
		<link>http://mistonline.in/wp/transparent-box-using-css/</link>
		<comments>http://mistonline.in/wp/transparent-box-using-css/#comments</comments>
		<pubDate>Tue, 30 Dec 2008 15:45:45 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Css]]></category>
		<category><![CDATA[transparent]]></category>

		<guid isPermaLink="false">http://mistonline.in/wp/transparent-box-using-css/</guid>
		<description><![CDATA[The below code will explain you how to make a transparent box and inside that some text contents. This is very simple code and can be created using table tags also. The source code looks like this: &#60;html&#62; &#60;head&#62; &#60;style type="text/css"&#62; div.background { width: 500px; height: 250px; background: url(anyname.jpg) repeat; border: 2px solid black; } [...]]]></description>
		<wfw:commentRss>http://mistonline.in/wp/transparent-box-using-css/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

