Archive for category css
Creating Loading Page
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Loading page example</title>
<!--Loading display while images load-->
<style>
.web_loading_class { position: absolute; z-index: 1; visibility: visible;
width:220px;
height:36px;
left:50%;
top:50%;
margin:-18px 0px 0px -110px;
}
.web_page_class { visibility: hidden }
</style>
<script>
function downLoad(){
if (document.all){
document.all["web_loading"].style.visibility="hidden";
document.all["web_page"].style.visibility="visible";
} else if (document.getElementById){
node = document.getElementById("web_loading").style.visibility='hidden';
node = document.getElementById("web_page").style.visibility='visible';
}
}
</script>
<!--END Loading display while images load-->
</head>
<body onLoad="downLoad()">
<!--Loading display while images load-->
<div id="web_loading" class="web_loading_class"><img src="<?php echo Yii::app()->request->baseUrl; ?>/images/loader.gif"></div>
<div id="web_page" class="web_page_class">
<!--Here big size page to load-->
</div>
</body>
</html>
input placeholder
<div style="width:400px; margin-top:5px; height:38px; float:left;padding-left:0px;"> <input id="note" placeholder="Additional note..." name="note" cols="46" rows="2"></input> </div>
CSS3 Previews
Many exciting new functions and features are being thought up for CSS3. We will try and showcase some of them on this page, when they get implemented in either Firefox, Konqueror, Opera or Safari/Webkit.
Here they are:
source: http://www.css3.info
-
You are currently browsing the archives for the css category.
Visitor
design, web & css 