html5andphp

Sunday, 28 July 2013

html5 voice seach

Making voice search using html5 




<!DOCTYPE html>
<html>
  <style type="text/css">
  #uk
  {
  border-radius:35px;
  -wekit-border-radius:35px;

  }

 </style>

 <body></br>
 </br></br>
 </br></br>
 </br></br>
 </br></br>
 </br>
 <center>
<table id="uk" width="200"  cellspacing="2" cellpadding="2" height="100"  bgcolor="#0000FF">
  <tr>
    <td><center>uk</center>
  <form action="http://www.google.com/search" method="get"  >
   <input type="text" id="uk" name="q" size="25″ maxlength="255″ value=""  x-webkit-speech/>
 <center>  <input type="submit" value="SearchinG"/></center>
  </form>
</td>
  </tr>
</table>
</center>
 </body>
 </html>

Output



search bar



Posted by at No comments: image image
Labels:

Saturday, 27 July 2013

Making Counter Using Php

Making Counter using php and html with the help of file handling.

Cont your real visiter using this very simple counter.

<?php
error_reporting(0);
$file = file_get_contents("counter.txt");
$data=$file;
$newdata=$data+1;
$newfile=fopen("counter.txt","w");
fwrite($newfile,$newdata);
?>
<html>
<table width="auto" border="2" cellspacing="2" cellpadding="2" bgcolor="#00FFFF" bordercolor="#0000FF" >
  <tr>
    <td><?php echo $newdata;  ?></td>
  </tr>
</table>
</html>

Output



For more on php visit php-tutorial


Download PHP PDF php basic tutorial pdf


counter

Posted by at No comments: image image
Labels:

Friday, 26 July 2013

Making Image Site


Image site using html and css


<!DOCTYPE html>
<head>
<style type="text/css">
.bor
{
text-align:center;
height:230px;
width:150px;
border:#000000 solid 2px;
padding:1px;
float:left;
margin:2px;
}
.bor img
{
height:200px;
width:140px;
margin:1px;
border:#000000 2px solid;
}
.bor img a:hover img
{
border:#00CC66 solid 2px;
}

.img uk
{
 text-align:center;
  font-weight:normal;
  width:120px;
  margin:0px;

}
#container
{
width:900px;
text-align:center;

}
</style>
</head>
<body>
<div id="container">
<div class="bor" ><img src="1.jpg">
<div class="uk">umar</div>
</div>
<div class="bor"><img src="1.jpg">
<div class="uk">umar</div>
</div>
<div class="bor"><img src="1.jpg">
<div class="uk">umar</div>
</div>
<div class="bor"><img src="1.jpg">
<div class="uk">umar</div>
</div>
<div class="bor"><img src="1.jpg">
<div class="uk">umar</div>
</div>
<div class="bor"><img src="1.jpg">
<div class="uk">umar</div>
</div>


<div class="bor"><img src="1.jpg">
<div class="uk">umar</div>
</div>
<div class="bor"><img src="1.jpg">
<div class="uk">umar</div>
</div>
<div class="bor"><img src="1.jpg">
<div class="uk">umar</div>
</div>
<div class="bor"><img src="1.jpg">
<div class="uk">umar</div>
</div>
<div class="bor"><img src="1.jpg">
<div class="uk">umar</div>
</div>
<div class="bor"><img src="1.jpg">
<div class="uk">umar</div>
</div>
<div class="bor"><img src="1.jpg">
<div class="uk">umar</div>
</div>
<div class="bor"><img src="1.jpg">
<div class="uk">umar</div>
</div>
<div class="bor"><img src="1.jpg">
<div class="uk">umar</div>
</div>
</div>
</body>
</body>
</html>

Download PHP PDF php basic tutorial pdf


Output


image_site
image site

Posted by at 1 comment: image image
Labels:
Subscribe to: Posts (Atom)