Hacks | Aaviya Blog

CSS Gradient Background

March 31st, 2011 § 0

This works in:

* Firefox >=3.6
* MSIE >=5.5 (!)
* Safari >=4
* Chrome

And it degrades gracefully in older browsers and Opera.

Vertical Gradient CSS:

.gradientV{
/* thanks to http://blog.fakedarren.com/2010/01/cross-browser-css-gradients/ */
/* and http://www.puremango.co.uk/2010/04/css-gradient/ */
/* fallback (Opera) */
background: #008800;
/* Mozilla: */
background: -moz-linear-gradient(top, #00FF00, #000000);
/* Chrome, Safari:*/
background: -webkit-gradient(linear,
left top, left bottom, from(#00FF00), to(#000000));
/* MSIE */
filter: progid:DXImageTransform.Microsoft.Gradient(
StartColorStr=’#00FF00′, EndColorStr=’#000000′, GradientType=0);
}

Horizontal Gradient CSS:
.gradientH{
/* thanks to http://blog.fakedarren.com/2010/01/cross-browser-css-gradients/ */

/* fallback (Opera) */
background: #008800;
/* Mozilla: */
background: -moz-linear-gradient(left, #00FF00, #000000);
/* Chrome, Safari:*/
background: -webkit-gradient(linear,
left top, right top, from(#00FF00), to(#000000));
/* MSIE */
filter: progid:DXImageTransform.Microsoft.Gradient(
StartColorStr=’#00FF00′, EndColorStr=’#000000′, GradientType=1);
}

DISABLE phone number detection by Skype browser addon

September 13th, 2010 § 0

CSS trick for Web Developers to DISABLE phone number detection by Skype browser addon (e.g. AVOID “Skype Call” buttons):

Just insert invisible <span> with “_” inside phone number:

+123 456 <span style=”display:none;”>_</span> 789

Blinking text in IE

August 5th, 2010 § 0

<html>


<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>.::.</title>

<script type="text/javascript">

  var docid = null;

  var interval = 1000;

  function blink()

  {

    var el = document.getElementById(docid);

    if (typeof el != 'undefined' && el)

    {

      vis = (el.style.visibility == 'visible') ? 'hidden' : 'visible';

      el.style.visibility = vis;

      setTimeout("blink()", interval);

    }

  }

  window.onload = function()

  {

    docid = 'sblink';

    interval = 500;

    setTimeout("blink()", interval);

  }

</script>

<style type="text/css">

#sblink {

  font-family: Verdana, Arial, Helvetica, sans-serif;

  font-size: 12px;

  font-weight: bold;

  color: #FF0000;

}

</style>

</head>
<body>

  <span id="sblink">BLINK TEXT</span>

</body>

</html>

Source: http://www.ivanov.nu/blog/viewpost.php?p=8

Medicine for your IE6/PNG headache!

August 5th, 2010 § 0

http://www.dillerdesign.com/experiment/DD_belatedPNG/ – Official link

Download js file

<!--[if IE 6]> <script src="DD_belatedPNG.js"></script> <script> /* EXAMPLE */ DD_belatedPNG.fix('.png_bg');

/* string argument can be any CSS selector */
/* .png_bg example is unnecessary */
/* change it to what suits you! */
</script>
<![endif]–>

Where Am I?

You are currently browsing the Hacks category at Aaviya Blog.