Tuesday, 17 December 2013

360 degree spin onMouseover and onMouseout

------------------------------------------------------------------
 <p id="socialicons">
    <a href="http://dot-nettuts.blogspot.in/"><img border="0" src="img/rss.png" /></a>
    <a href="http://dot-nettuts.blogspot.in"><img border="0" src="img/delicious.png" /></a> 
    <a href="http://dot-nettuts.blogspot.in"><img border="0" src="img/facebook.png" /></a>
    <a href="http://dot-nettuts.blogspot.in"><img border="0" src="img/twitter.png" /></a>
    <a href="http://dot-nettuts.blogspot.in"><img border="0" src="img/yahoo.png" /></a>
</p>
<p><b>60 degree spin onMouseover and onMouseout</b></p>
<p id="socialicons2">
   <a href="http://dot-nettuts.blogspot.in"><img border="0" src="img/rss.png" /></a>
   <a href="http://dot-nettuts.blogspot.in"><img border="0" src="img/delicious.png" /></a>
   <a href="http://dot-nettuts.blogspot.in"><img border="0" src="img/facebook.png" /></a>
   <a href="http://dot-nettuts.blogspot.in"><img border="0" src="img/twitter.png" /></a> 
   <a href="http://dot-nettuts.blogspot.in"><img border="0" src="img/yahoo.png" /></a>
</p>
<p><b>-360 degree spin onMouseover ONLY</b></p>
<p id="socialicons3">
    <a href="http://dot-nettuts.blogspot.in"><img border="0" src="img/rss.png" /></a>
    <a href="http://dot-nettuts.blogspot.in"><img border="0" src="img/delicious.png" /></a>
    <a href="http://dot-nettuts.blogspot.in"><img border="0" src="img/facebook.png" /></a>
    <a href="http://dot-nettuts.blogspot.in"><img border="0" src="img/twitter.png" /></a>
    <a href="http://dot-nettuts.blogspot.in"><img border="0" src="img/yahoo.png" /></a>
</p>
------------------------------------------------------------------
<style type="text/css">
        p#socialicons img
        {
            /* 1st set of icons. Rotate them 360deg onmouseover and out */
            -moz-transition: all 0.8s ease-in-out;
            -webkit-transition: all 0.8s ease-in-out;
            -o-transition: all 0.8s ease-in-out;
            -ms-transition: all 0.8s ease-in-out;
            transition: all 0.8s ease-in-out;
        }
        p#socialicons img:hover
        {
            -moz-transform: rotate(360deg);
            -webkit-transform: rotate(360deg);
            -o-transform: rotate(360deg);
            -ms-transform: rotate(360deg);
            transform: rotate(360deg);
        }
        p#socialicons2 img
        {
            /* 2nd set of icons. Rotate them 60deg onmouseover and out */
            -moz-transition: all 0.2s ease-in-out;
            -webkit-transition: all 0.2s ease-in-out;
            -o-transition: all 0.2s ease-in-out;
            -ms-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out;
        }
        p#socialicons2 img:hover
        {
            -moz-transform: rotate(70deg);
            -webkit-transform: rotate(70deg);
            -o-transform: rotate(70deg);
            -ms-transform: rotate(70deg);
            transform: rotate(70deg);
        }
        p#socialicons3 img
        {
            /* 3rd set of icons. Rotate them -360deg onmouseover ONLY. Note where the "transition prop is added */
        }
        p#socialicons3 img:hover
        {
            -moz-transition: all 0.5s ease-in-out;
            -webkit-transition: all 0.5s ease-in-out;
            -o-transition: all 0.5s ease-in-out;
            -ms-transition: all 0.5s ease-in-out;
            transition: all 0.5s ease-in-out;
            -moz-transform: rotate(-360deg);
            -webkit-transform: rotate(-360deg);
            -o-transform: rotate(-360deg);
            -ms-transform: rotate(-360deg);
            transform: rotate(-360deg);
        }
    </style>
-------------------------------------------------
 

Tuesday, 12 November 2013

How to fit Windows Form to any screen resolution?

" size = Screen.PrimaryScreen.WorkingArea.Size "
this line can only modify size of window-form
(it will not effect controls' locations & size). 
 
for fit your form in any window use 
"windowstate = FormWindowState.maximized"