6/13/2015

Asp .Net

Password generator in vb .net for asp .net
Password generator in vb .net for asp .net



ASP .Net calendar Dayrender
ASP .Net calendar Dayrender


checkboxlist sellect all
checkboxlist select all


checkboxlist
checkboxlist


Contact us page
Contact Us page


Multi line textbox
Multiline textbox


Filupload preview image before upload
Filupload preview image before upload

<script src="//code.jquery.com/jquery-1.10.2.min.js" type="text/javascript"></script>

    <script type="text/javascript">
        function ShowImagePreview(input) {
            if (input.files && input.files[0]) {
                var reader = new FileReader();
                reader.onload = function (e) {
                    $('#UserImage').attr('src', e.target.result);
                }
                reader.readAsDataURL(input.files[0]);
            }
        }
    </script>

<asp:FileUpload ID="FileUpload1" runat="server" onchange="ShowImagePreview(this);" />


(ASP .NET) FileUpload
Uploading a file to the server using fileupload control


6/12/2015

Menu

Menu

CSS

 body {  
 border:0 none;  
 color:#333;  
 font-family:verdana,"Trebuchet MS",geneva,lucida,'lucida grande',arial;  
 font-size:13px;  
 line-height:18px;  
 margin:0;  
 padding:0;  
 margin-left:0;  
 margin-right:0;  
 margin-top:0;  
 margin-bottom:0;  
 background-color:#eee;  
 /* background-image: url(../images/linen_bg.jpg); */  
 }  
 body, div, dl, dt, dd, form, fieldset, input, textarea, blockquote {  
 margin:0;  
 padding:0;  
 }  
 h1 {  
 font-size:20px;  
 color:#7FA303;  
 }  
 h2 {  
 font-size:18px;  
 color:#666666;  
 }  
 .roundends input[type="text"] {  
 padding: 4px 6px 5px;  
 border-radius: 4px 4px 4px 4px;  
 }  
 img { border:0 }  
 #wrapper {  
 margin:auto;  
 width:1010px;  
 border-right:1px solid #BABABA;  
 border-left:1px solid #BABABA;  
 background-color:#fff;  
 }  
 #header {  
 height:164px;  
 position:relative;  
 margin:auto;  
 text-align:left;  
 width:950px;  
 background-color:#fff;  
 }  
 #headleft {  
 position:relative;  
 float:left;  
 width: 420px;  
 height:88px;  
 background-color:#fff;  
 }  
 #headright {  
 position:relative;  
 float:right;  
 width:308px;  
 height:88px;  
 padding-top:16px;  
 padding-left:16px;  
 background-image: url(../images/free-contact-form-login-green.png);  
 background-repeat: no-repeat;  
 font-size: 18px;  
 font-family:Calibri,verdana,"Trebuchet MS";  
 text-transform:uppercase;  
 color:#FFF;  
 background-color:#fff;  
 }  
 #headnav {  
 position:relative;  
 clear:both;  
 background-image: url(../images/free-contact-form-nav-green.png);  
 background-repeat: no-repeat;  
 padding-top:16px;  
 width:950px;  
 height:55px;  
 text-align:left;  
 text-transform:uppercase;  
 background-color:#fff;  
 }  
 #headnav a {  
 font-size: 18px;  
 font-family:Calibri,verdana,"Trebuchet MS";  
 text-decoration: none;  
 font-weight: bold;  
 color:#FFF;  
 margin-right:14px;  
 margin-left:14px;  
 padding: 15px 5px 5px 5px;  
 height:38px;  
 }  
 #headnav a:hover {  
 height:38px;  
 text-decoration: none;  
 color:#9AB808;  
 border-top:6px solid #9AB808;  
 }  
 #headnav a.active {  
 height:38px;  
 text-decoration: none;  
 color:#9AB808;  
 border-top:6px solid #9AB808;  
 }  
 #main {  
 /* border: 1px solid #E1E1E1; */  
 margin:0;  
 background-color:#fff;  
 width:950px;  
 margin:0 auto;  
 height: 100%;  
 clear:both;  
 }  
 #homefree {  
 position:relative;  
 float:left;  
 width: 317px;  
 height:273px;  
 }  
 #homepro {  
 position:relative;  
 float:right;  
 width: 631px;  
 height:273px;  
 }  
 #footer {  
 height:160px;  
 position:relative;  
 /* background-image: url(../images/free-contact-form-bottom-green.png); */  
 /* background-image: url(../images/linen_bg.jpg); */  
 /* background-repeat: repeat-x; */  
 background-color:#EEE;  
 border-top:1px solid #BABABA;  
 border-bottom:1px solid #BABABA;  
 padding-top:22px;  
 text-align:center;  
 color:#333;  
 }  
 #footer a {  
 color:#333;  
 text-decoration:none;  
 }  
 #footer a:hover {  
 text-decoration: underline;  
 }  
 #footernavigation a {  
 color:#333;  
 margin-right:6px;  
 margin-left:6px;  
 text-decoration: none;  
 }  
 #footernavigation a:hover {  
 text-decoration: underline;  
 }  
 #innerrightleft {  
 position:relative;  
 background-color:#EDF1FA;  
 border-left: 1px solid #009933;  
 }  
 #innermain {  
 clear:both;  
 /* background-color:#EDF1FA; */  
 }  
 #innerright {  
 width:176px;  
 float:right;  
 padding:6px;  
 background-color:#E2E9F7;  
 margin-right:4px;  
 margin-top:4px;  
 }  
 #innerright2 {  
 width:176px;  
 float:right;  
 padding:6px;  
 background-color:#EAEAEA;  
 margin-right:4px;  
 margin-top:4px;  
 }  
 #innerleft {  
 float:left;  
 width:565px;  
 padding:6px;  
 background-color:#FFFFFF;  
 /* border-right: 1px solid #FF9900; */  
 }  
 #purchasebox {  
 width:350px;  
 background-color:#E2E9F7;  
 text-align:center;  
 }  
 #innerleft em {  
 font-weight:bold;  
 }  
 div.rightsidebox {  
 background:transparent url(../images/rightbackground1.png) no-repeat scroll 0 0;  
 padding-top:12px;  
 margin-bottom:20px;  
 width:180px;  
 }  
 div.rightsideboxin {  
 background:transparent url(../images/rightbackground1.png) no-repeat scroll 0 bottom;  
 padding:0 15px 5px;  
 }  
 .user-reviews {  
 height:151px;  
 background-image: url(../images/user-reviews-background.png);  
 background-repeat: no-repeat;  
 }  
 #feedback {  
 background: url(../images/feedback-popout-green.png) no-repeat scroll 0 0 transparent;  
 display: block;  
 height: 107px;  
 line-height: 105px;  
 overflow: hidden;  
 position: fixed;  
 right: 0;  
 text-indent: -9999px;  
 top: 20%;  
 width: 26px;  
 z-index: 1001;  
 }  
 #feedback:hover {  
 width: 36px;  
 }  
 #feedbackLeft {  
 background: url(../images/feedback-popout-left-green.png) no-repeat scroll 0 0 transparent;  
 display: block;  
 height: 107px;  
 line-height: 105px;  
 overflow: hidden;  
 position: fixed;  
 left: 0;  
 text-indent: -9999px;  
 top: 20%;  
 width: 28px;  
 z-index: 1001;  
 }  
 #feedbackLeft:hover {  
 background: url(../images/feedback-popout-left-green-hover.png) no-repeat scroll 0 0 transparent;  
 }  
 #feedbackLeftPreLoad {  
 background: url(../images/feedback-popout-left-green-hover.png) no-repeat scroll 0 0 transparent;  
 }  
 #workson {width:auto; display:block; padding:10px 0;}  
 #works_left{width:153px; float:left;}  
 #works_mid{width:508px; float:left;}  
 #works_right{width:289px; float:left;}  
 #reviews{border: 2px solid #7FA303;color:#333;-moz-border-radius:10px;border-radius:10px;width:auto; display:block; padding:10px 0;}  
 /* #reviews{background-color:#333;color:#FFF;-moz-border-radius:10px;border-radius:10px;width:auto; display:block; padding:10px 0;} */  
 #review_title {color:#7FA303;font-size:1.3em;font-weight:bold;margin:10px;letter-spacing:2px;}  
 #review_left{width:300px; margin-left:10px; margin-right:10px; float:left;}  
 #review_mid{width:300px; margin-left:10px; margin-right:10px; float:left;}  
 #review_right{width:300px; float:left;}  
 .review_quote{padding:4px;width:29px;height:24px;}  
 .review_source {font-weight:bold;color:#7FA303;text-align:right}  
 div.spacer{clear:both; height:5px; display:block;}  
 #freepro_text{background-color:#CCC;color:#333;-moz-border-radius:10px;border-radius:10px;width:auto; display:block; padding:10px 0;}  
 #freepro_text a{color:#333}  
 .freepro_text_h1 {color:#333;font-size:1.3em;font-weight:bold;}  
 #homefree_text {  
 position:relative;  
 float:left;  
 width: 300px;  
 height:120px;  
 margin:10px;  
 }  
 #homepro_text {  
 position:relative;  
 float:right;  
 width: 600px;  
 height:120px;  
 margin:10px;  
 }  
 #intro{font-size:0.9em;-moz-border-radius:10px;border-radius:10px;width:auto; display:block; padding:10px 0;}  
 .intro_title {font-size:1.2em;font-weight:bold;letter-spacing:1px;}  
 #intro_left{width:300px; margin-left:10px; margin-right:10px; float:left;}  
 #intro_mid{width:300px; margin-left:10px; margin-right:10px; float:left;}  
 #intro_right{width:300px; float:left;}  
 #navwrapper {  
 position:relative;  
 clear:both;  
 font-size: 18px;  
 font-family:Calibri,verdana,"Trebuchet MS";  
 /* font: normal .8em/1.5em Arial, Helvetica, sans-serif; */  
 /* background: #ebebeb; */  
 width:950px;  
 height:55px;  
 margin: 100px auto;  
 color: #666;  
 }  
 #nav {  
 margin: 0;  
 padding: 7px 6px 0;  
 line-height: 100%;  
 border-radius: 2em;  
 text-transform:uppercase;  
 -webkit-border-radius: 2em;  
 -moz-border-radius: 2em;  
 -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);  
 -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);  
 background: #8b8b8b; /* for non-css3 browsers */  
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3F3F3F', endColorstr='#1E1E1E'); /* for IE */  
 background: -webkit-gradient(linear, left top, left bottom, from(#3F3F3F), to(#1E1E1E)); /* for webkit browsers */  
 background: -moz-linear-gradient(top, #3F3F3F, #1E1E1E); /* for firefox 3.6+ */  
 border: solid 1px #6d6d6d;  
 }  
 #nav li {  
 margin: 0 5px;  
 padding: 0 0 8px;  
 float: left;  
 position: relative;  
 list-style: none;  
 }  
 /* main level link */  
 #nav a {  
 font-weight: bold;  
 color: #e7e5e5;  
 text-decoration: none;  
 text-transform:uppercase;  
 display: block;  
 padding: 8px 20px;  
 margin: 0;  
 -webkit-border-radius: 1.6em;  
 -moz-border-radius: 1.6em;  
 text-shadow: 0 1px 1px rgba(0, 0, 0, .3);  
 }  
 /* main level link hover */  
 #nav .current a, #nav li:hover > a {  
 text-transform:uppercase;  
 background: #d1d1d1; /* for non-css3 browsers */  
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C5EB0E', endColorstr='#7FA303'); /* for IE */  
 background: -webkit-gradient(linear, left top, left bottom, from(#C5EB0E), to(#7FA303)); /* for webkit browsers */  
 background: -moz-linear-gradient(top, #C5EB0E, #7FA303); /* for firefox 3.6+ */  
 color: #444;  
 border-top: solid 1px #f8f8f8;  
 -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);  
 -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .2);  
 box-shadow: 0 1px 1px rgba(0, 0, 0, .2);  
 text-shadow: 0 1px 0 rgba(255, 255, 255, .8);  
 }  
 /* sub levels link hover */  
 #nav ul li:hover a, #nav li:hover li a {  
 font-size: 14px;  
 background: none;  
 border: none;  
 color: #666;  
 -webkit-box-shadow: none;  
 -moz-box-shadow: none;  
 }  
 #nav ul a:hover {  
 background: #0399d4 !important; /* for non-css3 browsers */  
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C5EB0E', endColorstr='#7FA303'); /* for IE */  
 background: -webkit-gradient(linear, left top, left bottom, from(#C5EB0E), to(#7FA303)) !important; /* for webkit browsers */  
 background: -moz-linear-gradient(top, #C5EB0E, #7FA303) !important; /* for firefox 3.6+ */  
 color: #fff !important;  
 -webkit-border-radius: 0;  
 -moz-border-radius: 0;  
 text-shadow: 0 1px 1px rgba(0, 0, 0, .1);  
 }  
 /* level 2 list */  
 #nav ul {  
 background: #ddd; /* for non-css3 browsers */  
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cfcfcf'); /* for IE */  
 background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#cfcfcf)); /* for webkit browsers */  
 background: -moz-linear-gradient(top, #fff, #cfcfcf); /* for firefox 3.6+ */  
 display: none;  
 margin: 0;  
 padding: 0;  
 width: 185px;  
 position: absolute;  
 top: 35px;  
 left: 0;  
 border: solid 1px #b4b4b4;  
 -webkit-border-radius: 10px;  
 -moz-border-radius: 10px;  
 border-radius: 10px;  
 -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);  
 -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);  
 box-shadow: 0 1px 3px rgba(0, 0, 0, .3);  
 }  
 /* dropdown */  
 #nav li:hover > ul {  
 display: block;  
 z-index:999;  
 }  
 #nav ul li {  
 float: none;  
 margin: 0;  
 padding: 0;  
 }  
 #nav ul a {  
 font-weight: normal;  
 text-shadow: 0 1px 1px rgba(255, 255, 255, .9);  
 }  
 /* level 3+ list */  
 #nav ul ul {  
 left: 181px;  
 top: -3px;  
 }  
 /* rounded corners for first and last child */  
 #nav ul li:first-child > a {  
 -webkit-border-top-left-radius: 9px;  
 -moz-border-radius-topleft: 9px;  
 -webkit-border-top-right-radius: 9px;  
 -moz-border-radius-topright: 9px;  
 }  
 #nav ul li:last-child > a {  
 -webkit-border-bottom-left-radius: 9px;  
 -moz-border-radius-bottomleft: 9px;  
 -webkit-border-bottom-right-radius: 9px;  
 -moz-border-radius-bottomright: 9px;  
 }  
 /* clearfix */  
 #nav:after {  
 content: ".";  
 display: block;  
 clear: both;  
 visibility: hidden;  
 line-height: 0;  
 height: 0;  
 }  
 #nav {  
 display: inline-block;  
 }  
 html[xmlns] #nav {  
 display: block;  
 }  
 * html #nav {  
 height: 1%;  
 }  
 .innerbodyback {  
 border: 1px solid #9AB808;  
 /*background-color:#9AB808;*/  
 color:#000;  
 padding:20px;  
 -moz-border-radius: 10px;  
 -webkit-border-radius: 10px;  
 border-radius: 10px;  
 font-family: arial, sans-serif;  
 }}  

Html

 <div id="wrapper">  
 <div id="header">  
 <div id="headerleft">  
 </div>  
 <ul id="nav">  
 <li><a href="free.php">Free Form</a></li>  
 <li><a href="#">Responsive Form</a></li>  
 <li><a href="#">Pro Form</a></li>  
 <li><a onclick="return false" href="#">Products</a>  
 <ul>  
 <li><a href="#">Free Contact Form</a></li>  
 <li><a href="#">Free Feedback Form</a></li>  
 <li><a href="#">Free RSVP Form</a></li>  
 <li><a href="#">Professional Form Builder</a></li>  
 <li><a href="#">Wordpress Contact Form</a></li>  
 <li><a href="#">Booking Form</a></li>  
 <li><a href="#">Order Form</a></li>  
 <li><a href="#">Form Emailer</a></li>  
 <li><a href="#">Email Page to Friend</a></li>  
 <li><a href="#">Email Form Script</a></li>  
 <li><a href="#">AJAX Form Script</a></li>  
 <li><a href="#">HTML Form Script</a></li>  
 </ul>  
 </li>  
 <li><a href="#">Contact Us</a></li>  
 <li><a href="#">Members</a></li>  
 </ul>  
 </div>  
 </div>  

6/01/2015

Java proram - Star Pattern

Pattern

VB .Net

VB .Net Currency format
VB .Net Currency format


Fill combobox on form_load event
Fill combobox on form_load event

Get the row index of the datagridview
Get the row index of the datagridview


row index and topleftheader text
row index and topleftheader text

C Programming - Tower of Hanoi

C Program (Tower of Hanoi)



Asp .Net C# (ADO .NET)

SqlDataReader
SqlDataReader


ExceuteNonQuery(Insert,Update,Delete)
ExceuteNonQuery(Insert,Update,Delete)


ExceuteNonQuery (Insert)
ExceuteNonQuery (Insert)


ExceuteReader (1)
ExceuteReader (1)


ExceuteReader (2)
ExceuteReader (2)


ExecuteScalar
ExecuteScalar

Html ,Css Menu


Menu
Menu

CSS

 /*------------- Menu ------------------*/  
 #templatemo_menu {  
   /*float: left;*/  
   width: 1000px;  
   height: 40px;  
   margin: auto;  
   padding: 0;  
   background: url(../images/menuBG.gif) repeat-x;  
   box-shadow: 0px 0px 19px #000000;  
   margin-top:5px;  
   border-radius:15px;  
 }  
   #templatemo_menu ul {  
     margin: 0 0 0 50px;  
     padding: 0px;  
     list-style: none;  
   }  
     #templatemo_menu ul li {  
       display: inline;  
     }  
       #templatemo_menu ul li a {  
         float: left;  
         width: 140px;  
         height: 20px;  
         margin-top: 10px;  
         padding: 0;  
         font-size: 1.1em;  
         font-weight: bold;  
         text-align: center;  
         text-decoration: none;  
         color: #CCCCCC;  
         border-left: 1px solid #CCCCCC;  
       }  
       #templatemo_menu ul li .lastmenu {  
         border-right: 1px solid #CCCCCC;  
       }  
   #templatemo_menu li a:hover, #templatemo_menu li .current {  
     color: #FFFFFF;  
     background: url(../images/menuBG.gif) no-repeat;  
   }  
 /* ----------------- end of menu----------------*/  

MenuBG_Image
Menu Back Ground Image
Html
 <html>  
  <div id="templatemo_menu">  
         <ul>  
           <li><a href="../Pages/Default.aspx" class="current">Home</a></li>  
           <li><a href="../Pages/Feedback.aspx">Feedback</a></li>  
           <li><a href="../Pages/Profile.aspx">Account</a></li>  
           <li><a href="../Pages/ChangePassword.aspx">Change password</a></li>  
           <li><a href="../Pages/Login.aspx" class="lastmenu">Log Out</a></li>  
         </ul>  
  </div>  
 </html>  

Html ,Css Button

CSS button
CSS

 /*------------------Button-------------------*/  
 .myButton {  
  -moz-box-shadow: 0px 1px 0px 0px #fff6af;  
  -webkit-box-shadow: 0px 1px 0px 0px #fff6af;  
  box-shadow: 0px 1px 0px 0px #fff6af;  
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));  
  background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);  
  background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);  
  background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);  
  background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);  
  background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);  
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);  
  background-color:#ffec64;  
  -moz-border-radius:6px;  
  -webkit-border-radius:6px;  
  border-radius:6px;  
  border:1px solid #ffaa22;  
  display:inline-block;  
  cursor:pointer;  
  color:#333333;  
  font-family:arial;  
  font-size:11px;  
  font-weight:normal;  
  padding:4px 14px;  
  text-decoration:none;  
  text-shadow:0px 1px 0px #86ae47;  
 }  
 .myButton:hover {  
   background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));  
  background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);  
  background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);  
  background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%);  
  background:-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);  
  background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);  
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);  
  background-color:#ffab23;  
 }  
 .myButton:active {  
  position:relative;  
  top:1px;  
 }  
 /*-------------------End of button-------------------*/  

Html

 <asp:Button ID="btnUploadfile" runat="server" Text="Upload photo" CssClass="myButton" OnClick="btnUploadfile_Click" />