Tuesday, 30 August 2016

user registration form


ADMIN DETAILS!!!!!!!!

ADMIN REGISTRATION PAGE 
           User Full Name::
 
             Father's Name::
         
             Mother's Name::
                
                    Gender::MF
             
                 Mobile no::
   
       Telephone no if any::
     
         Permanent address::
       
           Current address::
              
                  Pin code::
          
              Mark on body::
on No comments:

how to develop menu and submenu

   *  how to develop menu and sub menu list  *


   <ul>
      <li>menu
        <li>menu1</li>
       <li>menu2</li>
       <li>menu3</li>
     </li>

  </ul>
on No comments:

Monday, 29 August 2016

order and unorder list tags

* order list and unorder list tags *


* order list opening and closing tags *

        <ol>

       </ol>

* unorder list opening and closing tags *

       <ul>

      </ul>

* list no opening and closing tags *
<li>

<li>
on No comments:

basic tags

         *   HTML open and close tags *


    <html>
   </html>


*  PHP open and close tags  *


<?PHP
 
?>
  *   message print  *

echo ""
on No comments:

Sunday, 28 August 2016

how to create menu using HTML and CS6

<head>
<style>
body {
margin: 0px 0px 0px 0px;
}
.v{
background-color:#630;
height:765px;
width:100%;
}
.header {
width:100%;
height:auto;
border : #39F thin solid;
clear:both;
}
.logo{
float:left;
width:38%;
height:auto;
border:black thick solid;
background-color:red;

}
.menu{
float:right;
width : 55%;
height:auto;
border:black thick solid;
background-color:#F00;
}
.menu ul{
list-style-type:none;
}
.menu ul li {
display:inline-block;
border:#F00 thin solid;
padding:5px;


}
.menu ul li a {

text-decoration:none;
color:black;
}



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

<body>
<div class="v">
<div class="header"><!---Header start --->

<div class="logo">

<h2>Logo</h2>
</div>

<div class="menu">
<ul>
<li><a href="home.php">Home</a></li>
<li><a href="#">Menu</a></li>
<li><a href="#">About</a></li>
</ul>
</div>
<div style="clear:both"></div>
</div> <!--- Header end --->
<br /> <br /> <br />
<table width="100%" border="1">;
<tr>
<td width="40%" bgcolor="#FFFF00">LOGO</td>
<td width="50%" bgcolor="#FFFF00"><a href="home.php">Home</a>  <a href="">Menu</a></td>

</tr>
</table>

<div align="center">
<a href=""><h2>ELECTRONIC</h2></a>
<a href=""><H2>CAR</H2></a>
<a href=""><h2>EDUCATION</h2></a>
<a href=""><h2>JOB</h2></a>
<a href="home.php"><h2>back</h2></a>
</div>

</div>
</body>
on No comments:

How to design menu using HTML and CS6





;
LOGO Home Menu
on No comments:

Saturday, 27 August 2016

website page using HTML and CS6 code

<head>
<style>
body{
margin : 0px 0px auto 0px
}

.header{
background-color:black;
height:500px;
width:685px;
}
.logo{
background-color:white;
height:60px;
width:500px;
float:left;
margin-left:90px;
border:#999 thin solid;
border-bottom-left-radius:150px;
border-bottom-right-radius:150px;
border-bottom-left-radius:150px;

}

.menu{
float:right;
width:80%;;
height:auto;
margin-right:0px;
margin-top:-20px;


}
.menu ul{
list-style:none;
padding:10px;
margin-left:-40px;
}
.menu ul li{
display:inline-block;
border:#06F thin solid;
padding-left:15px;
padding-right:15px;
padding-top:10px;
padding-bottom:10px;
border-radius:5px;
background-color:#69F;



}
.menu ul li a{
text-decoration:none;

color:#FFF;
}

.H {
 float:left;
 margin-right:0px;
 margin-top:-370px;
 margin-left:50px;
}

.k{
margin-top:-300px;
}

.border {
background-color:#36F;
height:30px;
width:684px;
border:#009 thin solid;
margin-top:70px;
}

               

</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<div class="header">
<div class="logo">

 <div class="menu" >
 <ul>
 <li ><a href="">SERVICES</a></li>
 <li ><a href="">NEWS</a></li>
 <li ><a href="">CONTACT</a></li>
 <li ><a href="">BLOG</a></li>
 </ul>
 </div>

</div>
</div>

 <div class="H"><h1><i style="color:#09F"> Our  <i style="color:#FFF">Services</i></i></h1></div>
           
           
              <div align="left" style="color:#09F"  class="k">
              <ul>
          <li> Employability Skills</li>
          <li> What can I do with my degree?</li>
          <li>Practice Aptitude Tests</li>
          <li>Work Experience Postgraduate</li>
          <li> Study Practice Interviews</li>
       
          <input type="submit" name="n4" value="read more"  style="background-color:white" /></ul>
     
          </div>

   
               <div class="border"></div>

</div>
</body>
on No comments:

website page using latest HTML and CS6


Our Services


  • Employability Skills
  • What can I do with my degree?
  • Practice Aptitude Tests
  • Work Experience Postgraduate
  • Study Practice Interviews
on No comments:

Friday, 26 August 2016

jquery with animation


jquery animation
on 2 comments:

jquery animation

<style>
.animation{
width : 300px;
height : 300px;
border : #000 thin solid;
background-color:#903;
border-radius : 50px;
position:relative;
}
input{
background-color:#FF0;
margin : 20px;
padding : 20px;
border : #999 thin solid;
border-radius : 50px;
}

</style>

<script src="../jquery-classes/jquery.js" ></script>
<script type="text/javascript">
$(document).ready(function(){

var anim = $('.animation');

$('#animation').click(function(){
anim.animate({
left:'600px',
opacity:'0.7',

});

anim.animate({
top:'300px',
opacity:'0.5',

});

anim.animate({
left:'0px',
opacity:'0.1',

});

anim.animate({
top:'0px',
opacity:'1',

});
});
});

</script>

</head>

<body>
  <div class="animation">
<p>jquery animation</p>
  </div>

  <input type="button" value="Click To Animate" id="animation"  />

</body>
on No comments:

Thursday, 25 August 2016

website designing using PSD

<style>

body {
  margin:0px 0px 0px 0px;
}
.header {
background-color:#0f6f8f;
height:100%;
width:100%;
position:fixed;


}
.subhead{
border:#999 thin solid;
height:95%;
width:70%;
position:fixed;
margin-left:200px;
background-color:#0c546c;

}
.logo {

margin-top:-310px;
margin-left:450px;
background-image:url(../home%20prectics/earth-wallpapers-40-610x381.jpg);
}


.bottom {

margin-top:-30px;
}

.menu {

margin-left:50px;
}
</style>

<body>
<div class="header">
       
         <div class="subhead">
       
          <img src="../psd/ccc.png"  height="50%" width="100%"/>
          <div class="logo">
          <img src="../psd/laptop-mock-up_1135-20.jpg"height="220px" width="400px" />
           
           </div>
           <br /> <br />
           <div class="menu">
           <img src="../psd/ss.png">                   <img src="../psd/cir.png" />
           </div>
            <br /> <br/ > <br />
            <div class="bottom">
            <img src="../psd/bottom.png" height="50px" width="100%" />
            </div>
         </div>
       
       
                       
</div>

</body>
on No comments:

Tuesday, 23 August 2016

menu and submenu using hover

<head>
<style>
.menu li
{
             float:left;
 padding:6px;
 list-style:none;
 background-color:#F3C;

}
.menu .submenu
{
    position:absolute;
display:none;
}
.submenu li
{
background-color:#3FF;
margin-left:-40px;
margin-top:9px;
}
.menu li:hover .submenu
{
display:block;
}
.menu .submenu li:hover
{
background-color:red;
color:white;
}
.submenu li
{
float:none;
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>

<body>
<div class="menu">
<ul>
<li>home</li>
<li>menu1
<div class="submenu">
<ul>
<li>menu11</li>
<li>menu12</li>
</ul>
</div>

</li>
</ul>
</div>
</body>
on No comments:

creating submenu using hover in html and cs6


  • home
  • menu1
    • menu11
    • menu12
on No comments:

Tuesday, 16 August 2016

front page using with html and css

body{
margin:0px 0px 0px 0px;
}
.v
 {       
                background-color:#F09;
height:100%;
width:99.6%;
border:#903 thin solid;
 }
.govt{
float:right;
background-color:red;
width:70%;
height:auto;
text-align:center
}
.logo {
border:#333 thin solid;
height:150px;
width:99.5%;
}
.menu{
float:right;
width:100%;
height:auto;
border:#999 thin solid;
background-color:#06F;
}
.menu ul{
list-style:none;
}
.menu ul li{
display:inline-block;
padding:5px;
border:#06F thin solid;

}
.menu ul li a{
text-decoration:none;
color:#000;
margin:37px;
}

 </style>

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

<body>
<div class="v">

<div class="header">
<div class="logo">
<img src="elqtqimxpzaiyrchjutb.jpg" width="100%" height="150px"/>
</div>
<div class="govt">
<p>  GOVT.  JOB   INFORMATION   PORTAL </p>
</div>

<div class="menu">
 <ul>
 <li style="background-color:red"><a href="search page.php">HOME</a></li>
 <li style="background-color:red"><a href="about.php">ABOUT US</a></li>
 <li style="background-color:orange"><a href="">CONTACT US</a></li>
 <li style="background-color:green"><a href="">SUBSCRIBE</a></li>
 <li style="background-color:red"><a href="online.php">ONLINE REGISTER</a></li>
 <li style="background-color:yellow"><a href="">VYAPAM</a></li>
 <li style="background-color:red" ><a href="">MPONLINE</a></li>
 </ul>
</div>


<div align="center">
   <P><b><h1 style="color:#FF0">USER DETAILS!!!!!!!!</h1></b></P>
   </div>
   <div style="background-color:#FF0">
   <marquee><b><i>@@@@USER REGISTRATION PAGE @@@!!!!</i></b></marquee>
   </div>
  <pre><form action="user log.php" method="get">
        <tr><td>User Full Name::</td><td><input type="text" name="a1"/></td></tr>
         <tr><td>Father's Name::</td><td><input type="text" name="n1" /></td></tr>
         <tr><td>Mother's Name::</td><td><input type="text" name="n1" /></td></tr>
                
                <tr><td>Gender::</td><td><input type="radio" name="gen" value="M" />M<input type="radio" name="gen" value="F" />F</td></tr>       
            
             <tr><td>Mobile no::</td><td><input type="mobile number" name="m1" /></td></tr>
     <tr><td>Permanent address::</td><td><input type="text" name="add1" /></td></tr>    
       <tr><td>Current address::</td><td><input type="text" name="add2" /></td></tr>
              <tr><td>Pin code::</td><td><input type="only number" name="pin" /></td></tr>
          
             
              <tr><td colspan="9" ><input type="Submit" name="s2" value="submit" /></td></tr> 
              </form>
              </pre>
           </div>
           </div>
          
</body>
</html>
on No comments:

home page


GOVT. JOB INFORMATION PORTAL

USER DETAILS!!!!!!!!

@@@@USER REGISTRATION PAGE @@@!!!! 

        User Full Name::
         Father's Name::
         Mother's Name::
                
                Gender::MF       
            
             Mobile no::
     Permanent address::    
       Current address::
              Pin code::
on No comments:

home page


GOVT. JOB INFORMATION PORTAL

USER DETAILS!!!!!!!!


@@@@USER REGISTRATION PAGE @@@!!!! 

User Full Name::
Father's Name::
Mother's Name::
Gender::MF
Mobile no::
Permanent address::
Current address::
Pin code::
on No comments:

Sunday, 14 August 2016

creat login page


User Name::
password::
on No comments:
Subscribe to: Posts (Atom)