<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0">
   <channel>
      <title>Tutorials</title>
      <link>http://omotech.com/tutorials/</link>
      <description>This is intended for tutorial purposes as well as offer tips and tricks on various IT &amp; web design subjects</description>
      <language>en</language>
      <copyright>Copyright 2009</copyright>
      <lastBuildDate>Wed, 25 Nov 2009 12:28:57 +0100</lastBuildDate>
      <generator>http://www.sixapart.com/movabletype/?v=3.2ysb5-20051201</generator>
      <docs>http://blogs.law.harvard.edu/tech/rss</docs> 

            <item>
         <title>Web sites can&apos;t be loaded.</title>
         <description><![CDATA[<p><strong><cite>This Tip comes from <a href="http://www.gulli.com/netzwelt/netzwerk/seite/2/" target="_blank">gulli</a></cite></strong><br />            <p> Why searching for solutions to other problems, I just came across this and wanted to put it here for other people visiting.</p>            <p>The are some situations when connecting through DSL, Router etc. and some web sites can't just be loaded. You can try the following below.</p>            <p>            </p><ol><li><p>Start&gt; Run&gt; and enter</p><p>ping -f -l 1492 www.omotech.com<br />(or any other web address instead of www.omotech.com).</p></li><li><p>You'll see responses like "Packet needs to be fragmented but DF set". Gradually reduce the number little by little (let's say by 10), until the server responds with connection time (in my case 1472).</p></li><li><p>Start&gt; Run&gt; Regedit&gt;HKEY_LOCAL_MACHINE&gt;system&gt; CurrentControlSet&gt; Services&gt;Tcpip&gt; Parameters&gt;Interfaces: you'll find many folders with all kinds of numbers and letters. Search in these folders for the one that has your IP numbers.</p><p><img src="http://localhost/tutorials/windows/mtu/img/regedit_mtu.png" alt="" /></p></li><li><p>Create in this folder a new key (Right Click&gt; New&gt; DWORD (32-bit) Value) with the name "MTU".</p></li><li><p>Assign a new value to the Key. (Double click MTU)&gt; enter the value you just emitted from the ping responses above (e.g 1472).</p></li><p>With a bit of luck, you should be able to get those web sites loaded</p></ol><br /><br /><div class="zemanta-pixie"><img class="zemanta-pixie-img" alt="" src="http://img.zemanta.com/pixy.gif?x-id=3f9566af-2802-8ecb-8def-7dc17947359b" /></div></p>]]></description>
         <link>http://omotech.com/tutorials/2009/11/25/#000023</link>
         <guid>http://omotech.com/tutorials/2009/11/25/#000023</guid>
         <category></category>
         <pubDate>Wed, 25 Nov 2009 12:28:57 +0100</pubDate>
      </item>
            <item>
         <title>Windows Routing Command</title>
         <description><![CDATA[<p><span><h3><u>Route</u></h3></span>         Displays and modifies the entries in the local IP routing table. Used without parameters, route displays help.<br /><br />        <h4>Syntax</h4>        <strong>route</strong> [<strong>-f</strong>] [<strong>-p</strong>] [<cite>Command</cite> [<cite>Destination</cite>] [<strong>mask</strong> <cite>Netmask</cite>] [<cite>Gateway</cite>] [<strong>metric</strong> <cite>Metric</cite>]] [<strong>if</strong> <cite>Interface</cite>]]<br /><br />        <span><h4>Parameters</h4></span>        <strong>-f :</strong> Clears the routing table of all entries that are not host routes (routes with a netmask of 255.255.255.255), the loopback network route (routes with a destination of 127.0.0.0 and a netmask of 255.0.0.0), or a multicast route (routes with a destination of 224.0.0.0 and a netmask of 240.0.0.0). If this is used in conjunction with one of the commands (such as <strong>add, change,</strong> or <strong>delete</strong>), the table is cleared prior to running the command.<br /><br />        <strong>-p :</strong> When used with the <strong>add</strong> command, the specified route is added to the registry and is used to initialize the IP routing table whenever the TCP/IP protocol is started. By default, added routes are not preserved when the TCP/IP protocol is started. When used with the <strong>print</strong> command, the list of persistent routes is displayed. This parameter is ignored for all other commands. Persistent routes are stored in the registry location<br /><br />        <strong>HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Services\Tcpip\Parameters\PersistentRoutes.</strong><br /><br />         <span><h5>Examples</h5></span>        To display the entire contents of the IP routing table, type:<br /><br />        <strong>route print</strong><br /><br />        To display the routes in the IP routing table that begin with 10., type:<br /><br />        <strong>route print 10.*</strong><br /><br />        To add a default route with the default gateway address of 192.168.12.1, type:<br /><br />        <strong>route add 0.0.0.0 mask 0.0.0.0 192.168.12.1</strong><br /><br />To add a route to the destination 10.41.0.0 with the subnet mask of 255.255.0.0 and the next hop address of 10.27.0.1, type:<br /><br />        <strong>route add 10.41.0.0 mask 255.255.0.0 10.27.0.1</strong><br /><br />To add a persistent route to the destination 10.41.0.0 with the subnet mask of 255.255.0.0 and the next hop address of 10.27.0.1, type:<br /><br />        <strong>route -p add 10.41.0.0 mask 255.255.0.0 10.27.0.1</strong><br /><br />To add a route to the destination 10.41.0.0 with the subnet mask of 255.255.0.0, the next hop address of 10.27.0.1, and the cost metric of 7, type:<br /><br />        <strong>route add 10.41.0.0 mask 255.255.0.0 10.27.0.1 metric 7</strong><br /><br />To add a route to the destination 10.41.0.0 with the subnet mask of 255.255.0.0, the next hop address of 10.27.0.1, and using the interface index 0x3, type:<br /><br />        <strong>route add 10.41.0.0 mask 255.255.0.0 10.27.0.1 if 0x3</strong><br /><br />        To delete the route to the destination 10.41.0.0 with the subnet mask of 255.255.0.0, type:<br /><br />        <strong>route delete 10.41.0.0 mask 255.255.0.0</strong><br /><br />        To delete all routes in the IP routing table that begin with 10., type:<br /><br />        <strong>route delete 10.*</strong><br /><br />To change the next hop address of the route with the destination of 10.41.0.0 and the subnet mask of 255.255.0.0 from 10.27.0.1 to 10.27.0.25, type:<br /><br />        <strong>route change 10.41.0.0 mask 255.255.0.0 10.27.0.25</strong><br /><br /><div class="zemanta-pixie"><img class="zemanta-pixie-img" alt="" src="http://img.zemanta.com/pixy.gif?x-id=4025efb4-9201-82a1-9010-e59b7c997c06" /></div></p>]]></description>
         <link>http://omotech.com/tutorials/2009/11/25/#000022</link>
         <guid>http://omotech.com/tutorials/2009/11/25/#000022</guid>
         <category></category>
         <pubDate>Wed, 25 Nov 2009 12:27:15 +0100</pubDate>
      </item>
            <item>
         <title>Autorun Apps from your USB Drive</title>
         <description><![CDATA[<p><span></span>     <table>      <tbody><tr>       <td><img src="http://localhost/tutorials/windows/usb/img/autorun_usb-1.png" alt="" align="left" /></td>      </tr>     </tbody></table>                           <p> Just like there is autoplay feature on CDs and DVDs, it is also possible to autorun programs and applications from your removable USB flash drives on Windows XP SP2. </p>        <p>         The follwoing is a quick guide on how to autorun portables applications from your USB drive.        </p>        <ol><li>Open Notepad            </li><li>Type in:            <p class="terminal">            &nbsp;&nbsp;[AutoRun]<br />            &nbsp;&nbsp;open=PortableApps\PortableAppsMenu\PortableAppsMenu.exe<br />            &nbsp;&nbsp;action=Start PortableApps.com<br />            &nbsp;&nbsp;icon=PortableApps\PortableAppsMenu\PortableAppsMenu.exe<br />            &nbsp;&nbsp;label=PortableApps<br />            &nbsp;&nbsp;Shell\Option=PortableApps<br />            &nbsp;&nbsp;Shell\Option\Command=PortableApps\PortableAppsMenu\PortableAppsMenu.exe<br />            </p>            </li><li>Save the files as <b>autorun.inf</b>            </li><li>Put the files in the root of your USB flash drive            </li><li>The next time you insert your flash USB drive into any PC running Windows XP SP2, the specified program will autorun from the USB drive. </li></ol>        <p>        Below are the explanations to the above options used in our autorun.inf file.        </p>        <p class="terminal">        &nbsp;&nbsp;open=PortableApps\PortableAppsMenu\PortableAppsMenu.exe<br />        </p>        <p>        The open option specifies the program that should autorun. You must use relative paths here. Do <u>NOT</u> specify the drive letter since it may vary from PC to PC.        </p>        <p>        </p>        <p class="terminal">        &nbsp;&nbsp;action=Start PortableApps.com<br />        </p>        <p>        This describes the action that will be performed. This parameter is used by Windows Explorer in the autoplay dialog.        </p>        <p class="terminal">            &nbsp;&nbsp;icon=PortableApps\PortableAppsMenu\PortableAppsMenu.exe<br />        </p>        <p> Specifies the icon to be used for the USB drive. The icon can be fetched from an .EXE file or it can be in the normal .ICO format. (more on changing icons <a href="http://www.nirmaltv.com/2007/07/12/how-to-change-the-default-icon-for-removable-drives-2/" target="_blank">here</a>        </p>        <p class="terminal">            &nbsp;&nbsp;label=PortableApps<br />        </p>        <p> This label parameter is used to specify the name of the drive. Basically, this can be anything you want to call your flash drive. </p>        <p class="terminal">            &nbsp;&nbsp;Shell\Option=PortableApps<br />        </p>        <p>        Optionally specify the text displayed in the shortcut menu for the <cite><b>Option</b></cite> above.        </p>        <p class="terminal">            &nbsp;&nbsp;Shell\Option\Command=PortableApps\PortableAppsMenu\PortableAppsMenu.exe<br />        </p>        <p> Adds a custom command to the drive's shortcut menu. This is also the text that will appear in the shortcut menu unless specifically altered to some other text. </p>        <p> In many systems, the autorun is disabled by default for security reasons. Unless it is very neccessary, you are adviced to keep the default settings. Why this might be true for many users, there are those like me who would rather have the autorun enabled to ease working with PortableApps. </p>        <p>        If your Autorun is disabled, go <a href="http://www.moonvalley.com/products/rwavdc/enable.htm" target="_blank">here</a> to learn how to enable it.        </p><br /><br /><div class="zemanta-pixie"><img class="zemanta-pixie-img" alt="" src="http://img.zemanta.com/pixy.gif?x-id=a42a652d-f02a-82a9-a9c3-5f969eebd69a" /></div></p>]]></description>
         <link>http://omotech.com/tutorials/2009/11/25/#000021</link>
         <guid>http://omotech.com/tutorials/2009/11/25/#000021</guid>
         <category></category>
         <pubDate>Wed, 25 Nov 2009 12:23:44 +0100</pubDate>
      </item>
            <item>
         <title>How to Configure an Ntp Network Time Server in Windows 2003</title>
         <description><![CDATA[<p>Computer time synchronisation is highly important in modern computer networks, precision and time synchronization is critical in many applications, particularly time sensitive transactions. Just imagine buying an airline seat only to be told at the airport that the ticket was sold twice because it was purchased afterwards on a computer that had a slower clock!<br /><br /> Modern computers do have internal clocks called Real Time Clock chips (RTC) that provide time and date information. These chips are battery backed so that even during power outages, they can maintain time but personal computers are not designed to be perfect clocks. Their design has been optimized for mass production and low-cost rather than maintaining accurate time.<br /><br />For many applications, this is can be quite adequate, although, quite often machines need time to be synchronised with other PC's on a network and when computers are out of sync with each other problems can arise such as sharing network files, failed transactions or in some environments even fraud!<br /><br />Microsoft Windows 2003 has a time synchronisation utility built into the operating system called Windows Time (w32time.exe) which can be configured to operate as a network time server. It can be configured to both synchronise a network using the internal clock or an external time source. <br /><br />Note: Microsoft strongly recommends that you configure a time server with a hardware source rather than from the internet where there is no authentication.<br /><br />To configure Windows Time service to use the internal hardware clock, first check that w32time is located in the system services list in the registry, to check:<br /><br /> 		Click Start, Run then type regedit then click ok.<br /><br /> 		Locate and then click the following registry entry: <br /><br /> 		HKEY_LOCAL_MACHINESYSTEMCurrentControlSetServicesW32Time<br /><br />It is highly recommended that you back up the registry as serious problems may occur if you modify the registry incorrectly, modifications to the registry are done at your own risk.<br /><br /> 		To begin configuration for an internal clock, click on the following subkey:<br /><br /> 		HKEY_LOCAL_MACHINESYSTEMCurrentControlSetServicesW32TimeConfigAnnounceFlags<br /><br /> 		In the right pane, right-click AnnounceFlags, then click modify.<br /><br /> 		In Edit DWORD Value, type A in the Value Data box, then click OK<br /><br /> 		Exit Registry Editor<br /><br /> 		To restart the Windows Time Service click Start, Run (or alternatively use the Command Prompt facility).<br /><br /> 		Type: net stop w32time &amp;&amp; net start w32time<br /><br /> 		Then press enter.<br /><br /> 		To configure the Windows Time service to use an external time source, click Start, Run and type regedit then click OK.<br /><br /> 		Locate the following subkey:<br /><br /> 		HKEY_LOCAL_MACHINESYSTEMCurrentControlSetServicesW32TimeParametersType<br /><br /> 		In the right pane, right-click Type then click Modify, in edit Value type NTP in the Value data box then click OK. <br /><br /> 		Locate the following subkey:<br /><br /> 		HKEY_LOCAL_MACHINESYSTEMCurrentControlSetServicesW32TimeConfigAnnounceFlags.<br /><br />In the right pane, right-click AnnounceFlags and click Modify. The ‘AnnounceFlags' registry entry indicates whether the server is a trusted time reference, 5 indicates a trusted source so in the Edit DWORD Value box, under Value Data, type 5, then click OK.<br /><br />Network Time Protocol (NTP) is an Internet protocol used for the transfer of accurate time, providing time information along so that a precise time can be obtained<br /><br /> 		To enable the Network Time Protocol; NTPserver, locate and click:<br /><br /> 		HKEY_LOCAL_MACHINESYSTEMCurrentControlSetServicesW32TimeTimeProvidersNtpServer<br /><br /> 		In the right pane, right-click Enabled, then click Modify.<br /><br /> 		In the Edit DWord Value box, type 1 under Value data, then click OK.<br /><br /> 		<strong><span style="color: rgb(0, 153, 0); font-size: 1.2em; font-style: italic;">Only apply if the server is configure to be syncronized with external NTP-Server</span></strong><br /><br />		<span style="color: red;"> 		Now go back and click on<br /><br /> 		<i>HKEY_LOCAL_MACHINESYSTEMCurrentControlSetServicesW32TimeParametersNtpServer<br /><br />In the right pane, right-click NtpServer, then Modify, in the Edit DWORD Value under Value Data type In the right pane, right-click NtpServer, then Modify, in the Edit DWORD Value under Value Data type the Domain Name System (DNS), each DNS must be unique and you must append 0x1 to the end of each DNS name otherwise changes will not take effect.<br /><br /> 		Now click Ok. 		</i></span><br /><br /> 		Locate and click the following<br /><br /> 		HKEY_LOCAL_MACHINESYSTEMCurrentControlSetServicesW32TimeTimeProvidersNtpClientSpecialPollInterval<br /><br /> 		In the right pane, right-click SpecialPollInterval, then click Modify.<br /><br />In the Edit DWORD Value box, under Value Data, type the number of seconds you want for each poll, ie 900 will poll every 15 minutes, then click OK.<br /><br /> 		To configure the time correction settings, locate:<br /><br /> 		 HKEY_LOCAL_MACHINESYSTEMCurrentControlSetServicesW32Timeconfig<br /><br />In the right pane, right-click MaxPosPhaseCorrection, then Modify, in the Edit DWORD Value box, under Base, click Decimal, under Value Data, type a time in seconds such as 3600 (an hour) then click OK.<br /><br /> 		Now go back and click:<br /><br /> 		HKEY_LOCAL_MACHINESYSTEMCurrentControlSetServicesW32Timeconfig<br /><br /> 		In the right pane, right-click MaxNegPhaseCorrection, then Modify.<br /><br />In the Edit DWORD box under base, click Decimal, under value data type the time in seconds you want to poll such as 3600 (polls in one hour)<br /><br /> 		Exit Registry Editor<br /><br /> 		Now, to restart windows time service, click Start, Run (or alternatively use the command prompt facility) and type: <br /><br /> 		net stop w32time &amp;&amp; net start w32time<br /><br /> 		And that’s it your time server should be now up and running. 		<br /><br /><div class="zemanta-pixie"><img class="zemanta-pixie-img" alt="" src="http://img.zemanta.com/pixy.gif?x-id=00c8f45f-2113-8b24-a1e9-ed3b5f978b9e" /></div></p>]]></description>
         <link>http://omotech.com/tutorials/2009/11/25/#000019</link>
         <guid>http://omotech.com/tutorials/2009/11/25/#000019</guid>
         <category></category>
         <pubDate>Wed, 25 Nov 2009 08:24:00 +0100</pubDate>
      </item>
            <item>
         <title>How To Create And Install A favicon.ico</title>
         <description><![CDATA[<h3><kbd>What is a Favicon</kbd>
</h3>
<p>
<i>Favicon</i> is short for "Favourites Icon" ("Favorites Icon" for you
Americans ;). The name is derived from the bookmark list for Microsoft
Internet Explorer which is called Favorites/Favourites list. 
When you add a site to your Favourites/Favorites list, 
Internet Explorer (version 5 and above) asks the server if it has a file 
called <kbd>favicon.ico</kbd>.
If present, this file will be used to provide an icon that is displayed
next to the bookmark text.
</p>
<p>
Other browsers such as Mozilla have also added support for favicons. Depending
on the browser, the favicon can appear in a variety of places, not just in the
bookmarks list (in fact, it may not even appear in the bookmark list at all). 
It may be shown in the address bar or the title of a browser
tab, for instance.
</p>
<h3><kbd>
  How to create a Favicon
</kbd></h3>
<p>
To  create  a  <kbd>favicon.ico</kbd> simply create a 16x16 .PNG file and convert it 
to an icon resource with <a href="http://www.winterdrache.de/freeware/png2ico/index.html">png2ico</a>.  If you want, you can add more images to
the same icon resource to provide alternative  resolutions. Most
browsers only use a 16x16 image but in a different context (e.g. when you drag
a URL from the address bar onto your desktop) a larger icon may be shown.
If the icon resource only contains a 16x16 image, this will be scaled to the
appropriate size, so technically there is never a need to add alternative
resolutions. However, doing so can increase the quality of the displayed icon.
</p>
<p>
Keep in mind that  for  a user with a slow modem a <kbd>favicon.ico</kbd> may increase 
the page loading time by a few seconds if it is too large, so don't
overdo it. Adding a 32x32 alternative should be enough to make sure the image 
will look good even in  contexts  with larger  icons. 
Adding even more and larger alternatives is unnecessary bloat.
Try to keep the number of colors below 16 and create a 16-color icon using
the <kbd>--colors 16</kbd> switch of png2ico (or even create a b/w icon
with the <kbd>--colors 2</kbd> switch). This will result in a smaller
file that loads faster.
</p>
<p>
When you create the images to include in your <kbd>favicon.ico</kbd>, don't forget
that the icon may be composed  against various background colors so 
you should use transparency rather than a solid  background  if  you  want  
to avoid that your icon appears inside a box. Note, that icon resources
only support binary transparency, i.e. a pixel may be visible or invisible
but not something like 30% translucent.
</p>
<h3><kbd>
  Installing your Favicon
</kbd></h3>
<p>
To  add  your  new <kbd>favicon.ico</kbd> to a web page put it on the server into 
the same directory as the web  page it is for
(e.g. <kbd>www.example.com/foo/favicon.ico</kbd> for 
<kbd>www.example.com/foo/index.html</kbd>).  That  is the  first place a 
browser will search.  If it doesn't find an icon there, it checks the 
top-level directory of  the  server (<kbd>www.example.com/favicon.ico</kbd>
for the <kbd>www.example.com</kbd> server), so by putting it there you can have 
a default favicon for all the  pages  in  your  domain.   Depending  on
browser  and  configuration, the <kbd>favicon.ico</kbd> is not always
rendered, even if it is in one  of  the  above  locations,
unless  the  web page explicitly declares its presence. To declare that 
your web page has an icon, you add  the  following 2 lines into the 
<kbd></kbd> section of your page:
</p>
<kbd></kbd>          
<kbd>
You can also create or convert images (jpg. gif, png etc) into favicon.ico <a href="http://www.favicon.cc/?">online</a>
</kbd>]]></description>
         <link>http://omotech.com/tutorials/2008/10/07/#000018</link>
         <guid>http://omotech.com/tutorials/2008/10/07/#000018</guid>
         <category>Web Design</category>
         <pubDate>Tue, 07 Oct 2008 10:21:29 +0100</pubDate>
      </item>
            <item>
         <title>Interactive Color Picker</title>
         <description><![CDATA[<center>
  <table>
   <tr>
	<td>
	<!-- 
	///////////////////////////////////////
	Color Picker Code Starts Here
	///////////////////////////////////////
	-->
	<script type="text/javascript" src="http://www.omotech.com/color_picker/js/javascript.js"></script>
	<div style="position:relative;height:286px;width:531px;border:1px solid black; text-align: left;">
	  <div id="gradientBox" style="cursor:crosshair;position:absolute;top:15px;left:15px;width:256px;height:256px;">
		<img id="gradientImg" style="display:block;width:256px;height:256px;" src="http://www.omotech.com/color_picker/img/color_picker_gradient.png" />

<p>		<img id="circle" style="position:absolute;height:11px;width:11px;" src="http://www.omotech.com/color_picker/img/color_picker_circle.gif" /><br />
	  </div><br />
	  <div id="hueBarDiv" style="position:absolute;left:310px;width:35px;height:256px;top:15px;"><br />
		<img style="position:absolute;height:256px;width:19px;left:8px;" src="http://www.omotech.com/color_picker/img/color_picker_bar.png" /><br />
		<img id="arrows" style="position:absolute;height:9px;width:35px;left:0px;" src="http://www.omotech.com/color_picker/img/color_picker_arrows.gif" /><br />
		<br /><br />
	  </div><br />
	  <div style="position:absolute;left:370px;width:145px;height:256px;top:15px;"><br />
	  <div style="position:absolute;border: 1px solid black;height:50px;width:145px;top:0px;left:0px;"></p>

<p>		<div id="quickColor" style="position:absolute;height:50px;width:73px;top:0px;left:0px;"></div><br />
		<div id="staticColor" style="position:absolute;height:50px;width:72px;top:0px;left:73px;"></div><br />
	  </div><br />
	  <br /><br />
		<table width="100%" style="position:absolute;top:55px;"><br />
		<tr><br />
		  <td>Hex: </td><br />
		  <td><br />
			<input size="8" type="text" id="hexBox" onchange="hexBoxChanged();" /></p>

<p>		  </td><br />
		</tr><br />
		<tr><br />
		  <td>Red: </td><br />
		  <td><br />
			<input size="8" type="text" id="redBox" onchange="redBoxChanged();" /><br />
		  </td><br />
		</tr></p>

<p>		<tr><br />
		  <td>Green: </td><br />
		  <td><br />
			<input size="8" type="text" id="greenBox" onchange="greenBoxChanged();" /><br />
		  </td><br />
		</tr><br />
		<tr><br />
		  <td>Blue: </td></p>

<p>		  <td><br />
			<input size="8" type="text" id="blueBox" onchange="blueBoxChanged();" /><br />
		  </td><br />
		</tr><br />
		<tr><br />
		  <td>Hue: </td><br />
		  <td><br />
			<input size="8" type="text" id="hueBox" onchange="hueBoxChanged();" /></p>

<p>		  </td><br />
		</tr><br />
		<tr><br />
		  <td>Saturation: </td><br />
		  <td><br />
			<input size="8" type="text" id="saturationBox" onchange="saturationBoxChanged();" /><br />
		  </td><br />
		</tr></p>

<p>		<tr><br />
		  <td>Value: </td><br />
		  <td><br />
			<input size="8" type="text" id="valueBox" onchange="valueBoxChanged();" /><br />
		  </td><br />
		</tr><br />
		</table><br />
	  </div><br />
	</div><br />
	<script type="text/javascript"><br />
	fixGradientImg();<br />
	var currentColor = Colors.ColorFromRGB(64,128,128);<br />
	new dragObject("arrows", "hueBarDiv", arrowsLowBounds, arrowsUpBounds, arrowsDown, arrowsMoved, endMovement);<br />
	new dragObject("circle", "gradientBox", circleLowBounds, circleUpBounds, circleDown, circleMoved, endMovement);<br />
	colorChanged('box');<br />
	</script><br />
	<!-- <br />
	///////////////////////////////////////<br />
	Color Picker Code Ends Here<br />
	///////////////////////////////////////<br />
	--><br />
	</td><br />
   </tr><br />
  </table><br />
  <p><a href="http://omotech.com/blog/" target="main">Back</a></p><br />
 </center></p>]]></description>
         <link>http://omotech.com/tutorials/2008/09/11/#000016</link>
         <guid>http://omotech.com/tutorials/2008/09/11/#000016</guid>
         <category>Web Design</category>
         <pubDate>Thu, 11 Sep 2008 11:24:10 +0100</pubDate>
      </item>
            <item>
         <title>How Can I Make A:Hover (In CSS) Work With Visited Links?</title>
         <description><![CDATA[<p><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><meta name="ProgId" content="Word.Document"><meta name="Generator" content="Microsoft Word 12"><meta name="Originator" content="Microsoft Word 12"><link rel="File-List" href="file:///C:%5CDOCUME%7E1%5CADMINI%7E1%5CLOCALS%7E1%5CTemp%5Cmsohtmlclip1%5C01%5Cclip_filelist.xml"><link rel="themeData" href="file:///C:%5CDOCUME%7E1%5CADMINI%7E1%5CLOCALS%7E1%5CTemp%5Cmsohtmlclip1%5C01%5Cclip_themedata.thmx"><link rel="colorSchemeMapping" href="file:///C:%5CDOCUME%7E1%5CADMINI%7E1%5CLOCALS%7E1%5CTemp%5Cmsohtmlclip1%5C01%5Cclip_colorschememapping.xml"><!--[if gte mso 9]><xml><br />
 <w:WordDocument><br />
  <w:View>Normal</w:View><br />
  <w:Zoom>0</w:Zoom><br />
  <w:TrackMoves/><br />
  <w:TrackFormatting/><br />
  <w:PunctuationKerning/><br />
  <w:ValidateAgainstSchemas/><br />
  <w:SaveIfXMLInvalid>false</w:SaveIfXMLInvalid><br />
  <w:IgnoreMixedContent>false</w:IgnoreMixedContent><br />
  <w:AlwaysShowPlaceholderText>false</w:AlwaysShowPlaceholderText><br />
  <w:DoNotPromoteQF/><br />
  <w:LidThemeOther>EN-US</w:LidThemeOther><br />
  <w:LidThemeAsian>X-NONE</w:LidThemeAsian><br />
  <w:LidThemeComplexScript>X-NONE</w:LidThemeComplexScript><br />
  <w:Compatibility><br />
   <w:BreakWrappedTables/><br />
   <w:SnapToGridInCell/><br />
   <w:WrapTextWithPunct/><br />
   <w:UseAsianBreakRules/><br />
   <w:DontGrowAutofit/><br />
   <w:SplitPgBreakAndParaMark/><br />
   <w:DontVertAlignCellWithSp/><br />
   <w:DontBreakConstrainedForcedTables/><br />
   <w:DontVertAlignInTxbx/><br />
   <w:Word11KerningPairs/><br />
   <w:CachedColBalance/><br />
  </w:Compatibility><br />
  <w:BrowserLevel>MicrosoftInternetExplorer4</w:BrowserLevel><br />
  <m:mathPr><br />
   <m:mathFont m:val="Cambria Math"/><br />
   <m:brkBin m:val="before"/><br />
   <m:brkBinSub m:val="&#45;-"/><br />
   <m:smallFrac m:val="off"/><br />
   <m:dispDef/><br />
   <m:lMargin m:val="0"/><br />
   <m:rMargin m:val="0"/><br />
   <m:defJc m:val="centerGroup"/><br />
   <m:wrapIndent m:val="1440"/><br />
   <m:intLim m:val="subSup"/><br />
   <m:naryLim m:val="undOvr"/><br />
  </m:mathPr></w:WordDocument><br />
</xml><![endif]--><!--[if gte mso 9]><xml><br />
 <w:LatentStyles DefLockedState="false" DefUnhideWhenUsed="true"<br />
  DefSemiHidden="true" DefQFormat="false" DefPriority="99"<br />
  LatentStyleCount="267"><br />
  <w:LsdException Locked="false" Priority="0" SemiHidden="false"<br />
   UnhideWhenUsed="false" QFormat="true" Name="Normal"/><br />
  <w:LsdException Locked="false" Priority="9" SemiHidden="false"<br />
   UnhideWhenUsed="false" QFormat="true" Name="heading 1"/><br />
  <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 2"/><br />
  <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 3"/><br />
  <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 4"/><br />
  <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 5"/><br />
  <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 6"/><br />
  <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 7"/><br />
  <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 8"/><br />
  <w:LsdException Locked="false" Priority="9" QFormat="true" Name="heading 9"/><br />
  <w:LsdException Locked="false" Priority="39" Name="toc 1"/><br />
  <w:LsdException Locked="false" Priority="39" Name="toc 2"/><br />
  <w:LsdException Locked="false" Priority="39" Name="toc 3"/><br />
  <w:LsdException Locked="false" Priority="39" Name="toc 4"/><br />
  <w:LsdException Locked="false" Priority="39" Name="toc 5"/><br />
  <w:LsdException Locked="false" Priority="39" Name="toc 6"/><br />
  <w:LsdException Locked="false" Priority="39" Name="toc 7"/><br />
  <w:LsdException Locked="false" Priority="39" Name="toc 8"/><br />
  <w:LsdException Locked="false" Priority="39" Name="toc 9"/><br />
  <w:LsdException Locked="false" Priority="35" QFormat="true" Name="caption"/><br />
  <w:LsdException Locked="false" Priority="10" SemiHidden="false"<br />
   UnhideWhenUsed="false" QFormat="true" Name="Title"/><br />
  <w:LsdException Locked="false" Priority="1" Name="Default Paragraph Font"/><br />
  <w:LsdException Locked="false" Priority="11" SemiHidden="false"<br />
   UnhideWhenUsed="false" QFormat="true" Name="Subtitle"/><br />
  <w:LsdException Locked="false" Priority="22" SemiHidden="false"<br />
   UnhideWhenUsed="false" QFormat="true" Name="Strong"/><br />
  <w:LsdException Locked="false" Priority="20" SemiHidden="false"<br />
   UnhideWhenUsed="false" QFormat="true" Name="Emphasis"/><br />
  <w:LsdException Locked="false" Priority="59" SemiHidden="false"<br />
   UnhideWhenUsed="false" Name="Table Grid"/><br />
  <w:LsdException Locked="false" UnhideWhenUsed="false" Name="Placeholder Text"/><br />
  <w:LsdException Locked="false" Priority="1" SemiHidden="false"<br />
   UnhideWhenUsed="false" QFormat="true" Name="No Spacing"/><br />
  <w:LsdException Locked="false" Priority="60" SemiHidden="false"<br />
   UnhideWhenUsed="false" Name="Light Shading"/><br />
  <w:LsdException Locked="false" Priority="61" SemiHidden="false"<br />
   UnhideWhenUsed="false" Name="Light List"/><br />
  <w:LsdException Locked="false" Priority="62" SemiHidden="false"<br />
   UnhideWhenUsed="false" Name="Light Grid"/><br />
  <w:LsdException Locked="false" Priority="63" SemiHidden="false"<br />
   UnhideWhenUsed="false" Name="Medium Shading 1"/><br />
  <w:LsdException Locked="false" Priority="64" SemiHidden="false"<br />
   UnhideWhenUsed="false" Name="Medium Shading 2"/><br />
  <w:LsdException Locked="false" Priority="65" SemiHidden="false"<br />
   UnhideWhenUsed="false" Name="Medium List 1"/><br />
  <w:LsdException Locked="false" Priority="66" SemiHidden="false"<br />
   UnhideWhenUsed="false" Name="Medium List 2"/><br />
  <w:LsdException Locked="false" Priority="67" SemiHidden="false"<br />
   UnhideWhenUsed="false" Name="Medium Grid 1"/><br />
  <w:LsdException Locked="false" Priority="68" SemiHidden="false"<br />
   UnhideWhenUsed="false" Name="Medium Grid 2"/><br />
  <w:LsdException Locked="false" Priority="69" SemiHidden="false"<br />
   UnhideWhenUsed="false" Name="Medium Grid 3"/><br />
  <w:LsdException Locked="false" Priority="70" SemiHidden="false"<br />
   UnhideWhenUsed="false" Name="Dark List"/><br />
  <w:LsdException Locked="false" Priority="71" SemiHidden="false"<br />
   UnhideWhenUsed="false" Name="Colorful Shading"/><br />
  <w:LsdException Locked="false" Priority="72" SemiHidden="false"<br />
   UnhideWhenUsed="false" Name="Colorful List"/><br />
  <w:LsdException Locked="false" Priority="73" SemiHidden="false"<br />
   UnhideWhenUsed="false" Name="Colorful Grid"/><br />
  <w:LsdException Locked="false" Priority="60" SemiHidden="false"<br />
   UnhideWhenUsed="false" Name="Light Shading Accent 1"/><br />
  <w:LsdException Locked="false" Priority="61" SemiHidden="false"<br />
   UnhideWhenUsed="false" Name="Light List Accent 1"/><br />
  <w:LsdException Locked="false" Priority="62" SemiHidden="false"<br />
   UnhideWhenUsed="false" Name="Light Grid Accent 1"/><br />
  <w:LsdException Locked="false" Priority="63" SemiHidden="false"<br />
   UnhideWhenUsed="false" Name="Medium Shading 1 Accent 1"/><br />
  <w:LsdException Locked="false" Priority="64" SemiHidden="false"<br />
   UnhideWhenUsed="false" Name="Medium Shading 2 Accent 1"/><br />
  <w:LsdException Locked="false" Priority="65" SemiHidden="false"<br />
   UnhideWhenUsed="false" Name="Medium List 1 Accent 1"/><br />
  <w:LsdException Locked="false" UnhideWhenUsed="false" Name="Revision"/><br />
  <w:LsdException Locked="false" Priority="34" SemiHidden="false"<br />
   UnhideWhenUsed="false" QFormat="true" Name="List Paragraph"/><br />
  <w:LsdException Locked="false" Priority="29" SemiHidden="false"<br />
   UnhideWhenUsed="false" QFormat="true" Name="Quote"/><br />
  <w:LsdException Locked="false" Priority="30" SemiHidden="false"<br />
   UnhideWhenUsed="false" QFormat="true" Name="Intense Quote"/><br />
  <w:LsdException Locked="false" Priority="66" SemiHidden="false"<br />
   UnhideWhenUsed="false" Name="Medium List 2 Accent 1"/><br />
  <w:LsdException Locked="false" Priority="67" SemiHidden="false"<br />
   UnhideWhenUsed="false" Name="Medium Grid 1 Accent 1"/><br />
  <w:LsdException Locked="false" Priority="68" SemiHidden="false"<br />
   UnhideWhenUsed="false" Name="Medium Grid 2 Accent 1"/><br />
  <w:LsdException Locked="false" Priority="69" SemiHidden="false"<br />
   UnhideWhenUsed="false" Name="Medium Grid 3 Accent 1"/><br />
  <w:LsdException Locked="false" Priority="70" SemiHidden="false"<br />
   UnhideWhenUsed="false" Name="Dark List Accent 1"/><br />
  <w:LsdException Locked="false" Priority="71" SemiHidden="false"<br />
   UnhideWhenUsed="false" Name="Colorful Shading Accent 1"/><br />
  <w:LsdException Locked="false" Priority="72" SemiHidden="false"<br />
   UnhideWhenUsed="false" Name="Colorful List Accent 1"/><br />
  <w:LsdException Locked="false" Priority="73" SemiHidden="false"<br />
   UnhideWhenUsed="false" Name="Colorful Grid Accent 1"/><br />
  <w:LsdException Locked="false" Priority="60" SemiHidden="false"<br />
   UnhideWhenUsed="false" Name="Light Shading Accent 2"/><br />
  <w:LsdException Locked="false" Priority="61" SemiHidden="false"<br />
   UnhideWhenUsed="false" Name="Light List Accent 2"/><br />
  <w:LsdException Locked="false" Priority="62" SemiHidden="false"<br />
   UnhideWhenUsed="false" Name="Light Grid Accent 2"/><br />
  <w:LsdException Locked="false" Priority="63" SemiHidden="false"<br />
   UnhideWhenUsed="false" Name="Medium Shading 1 Accent 2"/><br />
  <w:LsdException Locked="false" Priority="64" SemiHidden="false"<br />
   UnhideWhenUsed="false" Name="Medium Shading 2 Accent 2"/><br />
  <w:LsdException Locked="false" Priority="65" SemiHidden="false"<br />
   UnhideWhenUsed="false" Name="Medium List 1 Accent 2"/><br />
  <w:LsdException Locked="false" Priority="66" SemiHidden="false"<br />
   UnhideWhenUsed="false" Name="Medium List 2 Accent 2"/><br />
  <w:LsdException Locked="false" Priority="67" SemiHidden="false"<br />
   UnhideWhenUsed="false" Name="Medium Grid 1 Accent 2"/><br />
  <w:LsdException Locked="false" Priority="68" SemiHidden="false"<br />
   UnhideWhenUsed="false" Name="Medium Grid 2 Accent 2"/><br />
  <w:LsdException Locked="false" Priority="69" SemiHidden="false"<br />
   UnhideWhenUsed="false" Name="Medium Grid 3 Accent 2"/><br />
  <w:LsdException Locked="false" Priority="70" SemiHidden="false"<br />
   UnhideWhenUsed="false" Name="Dark List Accent 2"/><br />
  <w:LsdException Locked="false" Priority="71" SemiHidden="false"<br />
   UnhideWhenUsed="false" Name="Colorful Shading Accent 2"/><br />
  <w:LsdException Locked="false" Priority="72" SemiHidden="false"<br />
   UnhideWhenUsed="false" Name="Colorful List Accent 2"/><br />
  <w:LsdException Locked="false" Priority="73" SemiHidden="false"<br />
   UnhideWhenUsed="false" Name="Colorful Grid Accent 2"/><br />
  <w:LsdException Locked="false" Priority="60" SemiHidden="false"<br />
   UnhideWhenUsed="false" Name="Light Shading Accent 3"/><br />
  <w:LsdException Locked="false" Priority="61" SemiHidden="false"<br />
   UnhideWhenUsed="false" Name="Light List Accent 3"/><br />
  <w:LsdException Locked="false" Priority="62" SemiHidden="false"<br />
   UnhideWhenUsed="false" Name="Light Grid Accent 3"/><br />
  <w:LsdException Locked="false" Priority="63" SemiHidden="false"<br />
   UnhideWhenUsed="false" Name="Medium Shading 1 Accent 3"/><br />
  <w:LsdException Locked="false" Priority="64" SemiHidden="false"<br />
   UnhideWhenUsed="false" Name="Medium Shading 2 Accent 3"/><br />
  <w:LsdException Locked="false" Priority="65" SemiHidden="false"<br />
   UnhideWhenUsed="false" Name="Medium List 1 Accent 3"/><br />
  <w:LsdException Locked="false" Priority="66" SemiHidden="false"<br />
   UnhideWhenUsed="false" Name="Medium List 2 Accent 3"/><br />
  <w:LsdException Locked="false" Priority="67" SemiHidden="false"<br />
   UnhideWhenUsed="false" Name="Medium Grid 1 Accent 3"/><br />
  <w:LsdException Locked="false" Priority="68" SemiHidden="false"<br />
   UnhideWhenUsed="false" Name="Medium Grid 2 Accent 3"/><br />
  <w:LsdException Locked="false" Priority="69" SemiHidden="false"<br />
   UnhideWhenUsed="false" Name="Medium Grid 3 Accent 3"/><br />
  <w:LsdException Locked="false" Priority="70" SemiHidden="false"<br />
   UnhideWhenUsed="false" Name="Dark List Accent 3"/><br />
  <w:LsdException Locked="false" Priority="71" SemiHidden="false"<br />
   UnhideWhenUsed="false" Name="Colorful Shading Accent 3"/><br />
  <w:LsdException Locked="false" Priority="72" SemiHidden="false"<br />
   UnhideWhenUsed="false" Name="Colorful List Accent 3"/><br />
  <w:LsdException Locked="false" Priority="73" SemiHidden="false"<br />
   UnhideWhenUsed="false" Name="Colorful Grid Accent 3"/><br />
  <w:LsdException Locked="false" Priority="60" SemiHidden="false"<br />
   UnhideWhenUsed="false" Name="Light Shading Accent 4"/><br />
  <w:LsdException Locked="false" Priority="61" SemiHidden="false"<br />
   UnhideWhenUsed="false" Name="Light List Accent 4"/><br />
  <w:LsdException Locked="false" Priority="62" SemiHidden="false"<br />
   UnhideWhenUsed="false" Name="Light Grid Accent 4"/><br />
  <w:LsdException Locked="false" Priority="63" SemiHidden="false"<br />
   UnhideWhenUsed="false" Name="Medium Shading 1 Accent 4"/><br />
  <w:LsdException Locked="false" Priority="64" SemiHidden="false"<br />
   UnhideWhenUsed="false" Name="Medium Shading 2 Accent 4"/><br />
  <w:LsdException Locked="false" Priority="65" SemiHidden="false"<br />
   UnhideWhenUsed="false" Name="Medium List 1 Accent 4"/><br />
  <w:LsdException Locked="false" Priority="66" SemiHidden="false"<br />
   UnhideWhenUsed="false" Name="Medium List 2 Accent 4"/><br />
  <w:LsdException Locked="false" Priority="67" SemiHidden="false"<br />
   UnhideWhenUsed="false" Name="Medium Grid 1 Accent 4"/><br />
  <w:LsdException Locked="false" Priority="68" SemiHidden="false"<br />
   UnhideWhenUsed="false" Name="Medium Grid 2 Accent 4"/><br />
  <w:LsdException Locked="false" Priority="69" SemiHidden="false"<br />
   UnhideWhenUsed="false" Name="Medium Grid 3 Accent 4"/><br />
  <w:LsdException Locked="false" Priority="70" SemiHidden="false"<br />
   UnhideWhenUsed="false" Name="Dark List Accent 4"/><br />
  <w:LsdException Locked="false" Priority="71" SemiHidden="false"<br />
   UnhideWhenUsed="false" Name="Colorful Shading Accent 4"/><br />
  <w:LsdException Locked="false" Priority="72" SemiHidden="false"<br />
   UnhideWhenUsed="false" Name="Colorful List Accent 4"/><br />
  <w:LsdException Locked="false" Priority="73" SemiHidden="false"<br />
   UnhideWhenUsed="false" Name="Colorful Grid Accent 4"/><br />
  <w:LsdException Locked="false" Priority="60" SemiHidden="false"<br />
   UnhideWhenUsed="false" Name="Light Shading Accent 5"/><br />
  <w:LsdException Locked="false" Priority="61" SemiHidden="false"<br />
   UnhideWhenUsed="false" Name="Light List Accent 5"/><br />
  <w:LsdException Locked="false" Priority="62" SemiHidden="false"<br />
   UnhideWhenUsed="false" Name="Light Grid Accent 5"/><br />
  <w:LsdException Locked="false" Priority="63" SemiHidden="false"<br />
   UnhideWhenUsed="false" Name="Medium Shading 1 Accent 5"/><br />
  <w:LsdException Locked="false" Priority="64" SemiHidden="false"<br />
   UnhideWhenUsed="false" Name="Medium Shading 2 Accent 5"/><br />
  <w:LsdException Locked="false" Priority="65" SemiHidden="false"<br />
   UnhideWhenUsed="false" Name="Medium List 1 Accent 5"/><br />
  <w:LsdException Locked="false" Priority="66" SemiHidden="false"<br />
   UnhideWhenUsed="false" Name="Medium List 2 Accent 5"/><br />
  <w:LsdException Locked="false" Priority="67" SemiHidden="false"<br />
   UnhideWhenUsed="false" Name="Medium Grid 1 Accent 5"/><br />
  <w:LsdException Locked="false" Priority="68" SemiHidden="false"<br />
   UnhideWhenUsed="false" Name="Medium Grid 2 Accent 5"/><br />
  <w:LsdException Locked="false" Priority="69" SemiHidden="false"<br />
   UnhideWhenUsed="false" Name="Medium Grid 3 Accent 5"/><br />
  <w:LsdException Locked="false" Priority="70" SemiHidden="false"<br />
   UnhideWhenUsed="false" Name="Dark List Accent 5"/><br />
  <w:LsdException Locked="false" Priority="71" SemiHidden="false"<br />
   UnhideWhenUsed="false" Name="Colorful Shading Accent 5"/><br />
  <w:LsdException Locked="false" Priority="72" SemiHidden="false"<br />
   UnhideWhenUsed="false" Name="Colorful List Accent 5"/><br />
  <w:LsdException Locked="false" Priority="73" SemiHidden="false"<br />
   UnhideWhenUsed="false" Name="Colorful Grid Accent 5"/><br />
  <w:LsdException Locked="false" Priority="60" SemiHidden="false"<br />
   UnhideWhenUsed="false" Name="Light Shading Accent 6"/><br />
  <w:LsdException Locked="false" Priority="61" SemiHidden="false"<br />
   UnhideWhenUsed="false" Name="Light List Accent 6"/><br />
  <w:LsdException Locked="false" Priority="62" SemiHidden="false"<br />
   UnhideWhenUsed="false" Name="Light Grid Accent 6"/><br />
  <w:LsdException Locked="false" Priority="63" SemiHidden="false"<br />
   UnhideWhenUsed="false" Name="Medium Shading 1 Accent 6"/><br />
  <w:LsdException Locked="false" Priority="64" SemiHidden="false"<br />
   UnhideWhenUsed="false" Name="Medium Shading 2 Accent 6"/><br />
  <w:LsdException Locked="false" Priority="65" SemiHidden="false"<br />
   UnhideWhenUsed="false" Name="Medium List 1 Accent 6"/><br />
  <w:LsdException Locked="false" Priority="66" SemiHidden="false"<br />
   UnhideWhenUsed="false" Name="Medium List 2 Accent 6"/><br />
  <w:LsdException Locked="false" Priority="67" SemiHidden="false"<br />
   UnhideWhenUsed="false" Name="Medium Grid 1 Accent 6"/><br />
  <w:LsdException Locked="false" Priority="68" SemiHidden="false"<br />
   UnhideWhenUsed="false" Name="Medium Grid 2 Accent 6"/><br />
  <w:LsdException Locked="false" Priority="69" SemiHidden="false"<br />
   UnhideWhenUsed="false" Name="Medium Grid 3 Accent 6"/><br />
  <w:LsdException Locked="false" Priority="70" SemiHidden="false"<br />
   UnhideWhenUsed="false" Name="Dark List Accent 6"/><br />
  <w:LsdException Locked="false" Priority="71" SemiHidden="false"<br />
   UnhideWhenUsed="false" Name="Colorful Shading Accent 6"/><br />
  <w:LsdException Locked="false" Priority="72" SemiHidden="false"<br />
   UnhideWhenUsed="false" Name="Colorful List Accent 6"/><br />
  <w:LsdException Locked="false" Priority="73" SemiHidden="false"<br />
   UnhideWhenUsed="false" Name="Colorful Grid Accent 6"/><br />
  <w:LsdException Locked="false" Priority="19" SemiHidden="false"<br />
   UnhideWhenUsed="false" QFormat="true" Name="Subtle Emphasis"/><br />
  <w:LsdException Locked="false" Priority="21" SemiHidden="false"<br />
   UnhideWhenUsed="false" QFormat="true" Name="Intense Emphasis"/><br />
  <w:LsdException Locked="false" Priority="31" SemiHidden="false"<br />
   UnhideWhenUsed="false" QFormat="true" Name="Subtle Reference"/><br />
  <w:LsdException Locked="false" Priority="32" SemiHidden="false"<br />
   UnhideWhenUsed="false" QFormat="true" Name="Intense Reference"/><br />
  <w:LsdException Locked="false" Priority="33" SemiHidden="false"<br />
   UnhideWhenUsed="false" QFormat="true" Name="Book Title"/><br />
  <w:LsdException Locked="false" Priority="37" Name="Bibliography"/><br />
  <w:LsdException Locked="false" Priority="39" QFormat="true" Name="TOC Heading"/><br />
 </w:LatentStyles><br />
</xml><![endif]--><style><br />
<!--<br />
 /* Font Definitions */<br />
 @font-face<br />
	{font-family:"Cambria Math";<br />
	panose-1:2 4 5 3 5 4 6 3 2 4;<br />
	mso-font-charset:1;<br />
	mso-generic-font-family:roman;<br />
	mso-font-format:other;<br />
	mso-font-pitch:variable;<br />
	mso-font-signature:0 0 0 0 0 0;}<br />
@font-face<br />
	{font-family:Calibri;<br />
	panose-1:2 15 5 2 2 2 4 3 2 4;<br />
	mso-font-charset:0;<br />
	mso-generic-font-family:swiss;<br />
	mso-font-pitch:variable;<br />
	mso-font-signature:-1610611985 1073750139 0 0 159 0;}<br />
 /* Style Definitions */<br />
 p.MsoNormal, li.MsoNormal, div.MsoNormal<br />
	{mso-style-unhide:no;<br />
	mso-style-qformat:yes;<br />
	mso-style-parent:"";<br />
	margin-top:0cm;<br />
	margin-right:0cm;<br />
	margin-bottom:10.0pt;<br />
	margin-left:0cm;<br />
	line-height:115%;<br />
	mso-pagination:widow-orphan;<br />
	font-size:11.0pt;<br />
	font-family:"Calibri","sans-serif";<br />
	mso-ascii-font-family:Calibri;<br />
	mso-ascii-theme-font:minor-latin;<br />
	mso-fareast-font-family:Calibri;<br />
	mso-fareast-theme-font:minor-latin;<br />
	mso-hansi-font-family:Calibri;<br />
	mso-hansi-theme-font:minor-latin;<br />
	mso-bidi-font-family:"Times New Roman";<br />
	mso-bidi-theme-font:minor-bidi;}<br />
.MsoChpDefault<br />
	{mso-style-type:export-only;<br />
	mso-default-props:yes;<br />
	mso-ascii-font-family:Calibri;<br />
	mso-ascii-theme-font:minor-latin;<br />
	mso-fareast-font-family:Calibri;<br />
	mso-fareast-theme-font:minor-latin;<br />
	mso-hansi-font-family:Calibri;<br />
	mso-hansi-theme-font:minor-latin;<br />
	mso-bidi-font-family:"Times New Roman";<br />
	mso-bidi-theme-font:minor-bidi;}<br />
.MsoPapDefault<br />
	{mso-style-type:export-only;<br />
	margin-bottom:10.0pt;<br />
	line-height:115%;}<br />
@page Section1<br />
	{size:612.0pt 792.0pt;<br />
	margin:72.0pt 72.0pt 72.0pt 72.0pt;<br />
	mso-header-margin:35.4pt;<br />
	mso-footer-margin:35.4pt;<br />
	mso-paper-source:0;}<br />
div.Section1<br />
	{page:Section1;}<br />
--><br />
</style><!--[if gte mso 10]><br />
<style><br />
 /* Style Definitions */<br />
 table.MsoNormalTable<br />
	{mso-style-name:"Table Normal";<br />
	mso-tstyle-rowband-size:0;<br />
	mso-tstyle-colband-size:0;<br />
	mso-style-noshow:yes;<br />
	mso-style-priority:99;<br />
	mso-style-qformat:yes;<br />
	mso-style-parent:"";<br />
	mso-padding-alt:0cm 5.4pt 0cm 5.4pt;<br />
	mso-para-margin-top:0cm;<br />
	mso-para-margin-right:0cm;<br />
	mso-para-margin-bottom:10.0pt;<br />
	mso-para-margin-left:0cm;<br />
	line-height:115%;<br />
	mso-pagination:widow-orphan;<br />
	font-size:11.0pt;<br />
	font-family:"Calibri","sans-serif";<br />
	mso-ascii-font-family:Calibri;<br />
	mso-ascii-theme-font:minor-latin;<br />
	mso-fareast-font-family:"Times New Roman";<br />
	mso-fareast-theme-font:minor-fareast;<br />
	mso-hansi-font-family:Calibri;<br />
	mso-hansi-theme-font:minor-latin;}<br />
</style><br />
<![endif]--></p>

<p class="MsoNormal" style="line-height: normal;">a:hover tag applies to the links
only when they have not been clicked before. <br />
<br />
(when a user clicks on the link, goes to the next page and then comes back to
the same page, the link will not look as it was originally)<br />
<br />
i tried disabling this by using the same prameters in a:link but the a:hover
stopped working. is there any way to make it work with visited links? or is
there any other tag that has the same effect as a:hover?</p>

<p class="MsoNormal" style="line-height: normal;">Here are the CSS a: classes.<br />
<br />
a:link {color: #FF0000} /* unvisited link */<br />
a:visited {color: #00FF00} /* visited link */<br />
a:hover {color: #FF00FF} /* mouse over link */<br />
a:active {color: #0000FF} /* selected link */<br />
<br />
These need to be defined in this order or it won't work (according to the
w3schools). </p>

<p class="MsoNormal" style="line-height: normal;">A:Visited {<br />
font-family:verdana;<br />
font-weight:bold;<br />
color:black;<br />
text-decoration:none;<br />
} </p>

<p class="MsoNormal" style="line-height: normal;">Here are the CSS a: classes.<br />
<br />
a:link {color: #FF0000} /* unvisited link */<br />
a:visited {color: #00FF00} /* visited link */<br />
a:hover {color: #FF00FF} /* mouse over link */<br />
a:active {color: #0000FF} /* selected link */<br />
<br />
These need to be defined in this order or it won't work (according to the
w3schools). </p>

<p class="MsoNormal" style="line-height: normal;">just an added tip<br />
<br />
your link psuedo classes must be in the following order or they will cause
trouble in some browsers<br />
<br />
:link<br />
:visited<br />
:hover<br />
:active </p>

<p class="MsoNormal" style="line-height: normal;">I've recently been playing w/
this same scenerio as I build the new site for OU Sooners e-comm site and one
trick is to make sure you have link elements listed in this order because after
all you're working w/ "Cascading" SS ( in short make sure a:hover is
listed after a:visited)<br />
<br />
a link<br />
a visted<br />
a hover<br />
<br />
Dont forget you can always set a .class style you like for your text links
before hand (i.e enclosed in a div tag) then after your links take on thier
style you can apply an inline style to your links. ( if that makes anysense at
all) </p>

<p class="MsoNormal" style="line-height: normal;">What browser are you using?
a:hover works the same on visited and unvisited links in IE6 and Firefox 1.5.
Obviously the hover style has to be different from the link or visited style to
be visible. </p>

<p class="MsoNormal" style="line-height: normal;">If you define a:visited {} with
the same styles as the as a {} then your links should always look the same and
a:hover {} should work just fine. </p>

<p class="MsoNormal" style="line-height: normal;">you have to make sure there is no
a:visited set in your style sheets anywhere.<br />
<br />
If that doesn't work you will have to use JavaScript, which can get
complicated.</p>]]></description>
         <link>http://omotech.com/tutorials/2008/08/18/#000013</link>
         <guid>http://omotech.com/tutorials/2008/08/18/#000013</guid>
         <category>css</category>
         <pubDate>Mon, 18 Aug 2008 20:42:15 +0100</pubDate>
      </item>
            <item>
         <title>HowTo make a background image clickable (link) using CSS</title>
         <description><![CDATA[<p>Everyone is telling you this isn't possible, perhaps because of their attention to precise semantics.  No, you can't literally make a background image clickable, since a background image isn't an entity that can possess a behavioral property the way CSS is organized.  But you can certainly apply a background image to a link, and without needing any transparent image overlays:</p>

<p>		 #backgroundlink<br />
		 {<br />
				 display: block;<br />
				 height: 100px; <font color="red"><i>(height of the background image)</i></font><br />
				 width: 200px; <font color="red"><i>(width of the background image)</i></font><br />
				 background-image: url(logo.jpg);<br />
		 }<br />
		 ...<br />
		 <a id="&quot;backgroundlink&quot;" href="%22http://whatever%22"></a></p>

<p>The anchor tag is naturally inline so you need to make it a block in order to hold a shape without inner content.  The height &amp; width are those of the image.</p>

<p>To make this work in a non-CSS user agent as well, you might want to add something like this:</p>

<p>		 #bglink span<br />
		 {<br />
				 display: none;<br />
		 }<br />
		 ...<br />
		 <a id="&quot;bglink&quot;" href="%22#%22"><br />
				 <span>Click my logo</span><br />
		 </a></p>

<p>If CSS isn't enabled, the text link replace the image link.</p>

<p>Click <a href="http://simplebits.com/notebook/2004/07/18/clickable.html" target="_blank">here</a> to see a good explanation of similar technics</p>

<h4><font color="#006600"><b>Interactive Color Picker</b></font></h4>
If you need an interactive color picker, just check <a target="main" href="http://www.omotech.com/color_picker/">here</a>]]></description>
         <link>http://omotech.com/tutorials/2008/08/17/#000008</link>
         <guid>http://omotech.com/tutorials/2008/08/17/#000008</guid>
         <category>css</category>
         <pubDate>Sun, 17 Aug 2008 09:27:45 +0100</pubDate>
      </item>
      
   </channel>
</rss>
