Wednesday, June 12, 2013

Simple Menu Bar in HTML

<!DOCTYPE html>
<html>
<head>
<style>
ul
{
float:left;
width:100%;
padding:0;
margin:0;
list-style-type:none;
}
a
{
float:left;
width:10em;
text-decoration:none;
color:white;
background-color: green;
padding:0.3em 0.7em;
border-right:1px solid white;
}
a:hover {background-color:#ff3300;}
li {display:inline;}
</style>
</head>

<body>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="business.html">Business</a></li>
<li><a href="contact.html">Contact USr</a></li>
</ul>



</body>
</html>

Posted by k7smart at 12:15 AM 0 comments

Tuesday, June 11, 2013

Tutorial - How to create a horizontal dropdown menu with HTML, CSS and jQuery Part - I

<!DOCTYPE html>
<html lang="en">
<head>
<title> Tutorial - How to create a horizontal dropdown menu with HTML, CSS and jQuery</title>
<meta charset="utf-8"/>
<link href="css/reset.css" rel="stylesheet" type="text/css"/>
<link href="css/960.css" rel="stylesheet" type="text/css"/>
<link href="css/coolMenu.css" rel="stylesheet" type="text/css" media="screen"/>
<script type="text/javascript" src="js/modernizr-1.6.min.js"></script>
</head>
<body>

<div class="container_16">
<div class="grid_16">

<br/>

<ul id="coolMenu">

<li><a href="index.html">Home</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="business.html">Business</a></li>
<li><a href="contact.html">Contact Us</a></li>


</ul>

</div>
</div>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script type="text/javascript" src="js/scripts.js"></script>
</body>
</html>
Posted by k7smart at 10:56 PM 0 comments

Friday, June 7, 2013

Insert Query Using PHP to MYSQL database part II

<?php

include_once('db.php');

$title    = $_POST['adtilte'];
$textarea = $_POST['textarea'];
$email  = $_POST['email'];
$pwsd  = $_POST['pswd'];

$intr = mysql_query("INSERT INTO main_contant ( title, disc, email, password,) VALUES('$title','$textarea','$email','$pwsd')");


?>

database

table name : main_contant

field
main_id  (int) primary key auto increment
title (varchar) 100
disc (varchar)250
email (varchar)25
password (varchar)25


Posted by k7smart at 3:33 AM 0 comments

Insert Query Using PHP to MYSQL database part I

<form action="insert_postad.php" method="POST"  enctype="multipart/form-data" >

<div id="text"> Title  </div>
   <div id="textbox">
<input type="text" name="adtilte" style="width:350px; height: 25px"/>
</div>
<div id="text"> Description </div>
<div id="textbox">
       <textarea rows="4" cols="30" name="textarea"> </textarea>
</div>
<div id="text"> Enter your Email  </div>
 <div id="textbox">
   <input type="text" name="email" style="width:205px;height: 25px"/>
 </div>
<div id="text"> Password </div>
 <div id="textbox">
    <input type="password" name="pswd" style="width:205px; height: 25px"/>
 </div>
</form>
Posted by k7smart at 3:27 AM 0 comments

Thursday, June 6, 2013

HTML Code for text and password

<!DOCTYPE html>
<html>
<body>

<form>
<div style="width: 400px; height: auto;">
<div style="width: 100px; height: 20px;">First name:</div>
<div style="width: 300px; height: 20px;"> <input type="text" name="fname"><br></div>
<div style="width: 100px; height: 20px;">Last name:</div>
<div style="width: 300px; height: 20px;"> <input type="text" name="lname"><br></div>
<div style="width: 100px; height: 20px;">Password:</div>
<div style="width: 300px; height: 20px;"> <input type="password" name="pwd"></div>
</div>
</form>

</body>
</html>

Posted by k7smart at 10:11 PM 1 comments

HTML code for Select Option

<!DOCTYPE html>
<html>
<body>

<select>
  <option>Select</option>
  <option value="india">India</option>
  <option value="usa">United States Of America</option>
  <option value="pakistan">Pakistan</option>
  <option value="srilanka">Sri Lanka</option>
  <option value="south">South America</option>
  <option value="amen">Amen</option>
</select>

</body>
</html>

Posted by k7smart at 9:59 PM 0 comments
Subscribe to: Posts (Atom)