May 4th, 2012 §
HTML:
<span>
<input id=”photo” name=”photo” type=”file” />
<span>Choose a Photo</span>
</span>
CSS:
.file-wrapper {
cursor: pointer;
display: inline-block;
overflow: hidden;
position: relative;
}
.file-wrapper .button {
background: #79130e;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
cursor: pointer;
display: inline-block;
font-size: 11px;
font-weight: bold;
padding: 4px 18px;
text-transform: uppercase;
}
.file-wrapper input {
cursor: pointer;
height: 100%;
position: absolute;
right: 0;
top: 0;
filter: alpha(opacity=1);
-moz-opacity: 0.01;
opacity: 0.01;
font-size: 100px;
}
JavaScript:
VIGET.fileInputs = function() {
var $this = $(this),
$val = $this.val(),
valArray = $val.split('\\'),
newVal = valArray[valArray.length-1],
$button = $this.siblings('.button'),
$fakeFile = $this.siblings('.file-holder');
if(newVal !== '') {
$button.text('Photo Chosen');
if($fakeFile.length === 0) {
$button.after('' + newVal + '');
} else {$fakeFile.text(newVal);}
}
};
$(document).ready(function() {
$('.file-wrapper input[type=file]')
.bind('change focus click', VIGET.fileInputs);
});
http://viget.com/inspire/custom-file-inputs-with-a-bit-of-jquery
March 31st, 2011 §
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);
}
August 5th, 2010 §
http://forum.bytesforall.com/showthread.php?t=5953
HTML Code:
<div id="header-container">
<object width="550" height="101">
<param name="movie" value="http://www.daisytwist.com/wp-content/themes/atahualpa/images/header.swf">
<param name="wmode" value="transparent">
<embed src="http://www.daisytwist.com/wp-content/themes/atahualpa/images/header.swf" width="550" height="101" wmode="transparent">
</embed>
</object></div>
Then you add this CSS
#header-container {position: relative; z-index: 0;}
August 5th, 2010 §
August 5th, 2010 §
<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
August 5th, 2010 §
http://www.tynt.com/
Source: http://ivosiliev.com/seo/date:2009-10-02/zashtita-sadarjanieto-na-saita_197.html
August 5th, 2010 §
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]–>