ShareCode - Free Html, CSS & JS Sharing Platform.

»Awesome Design Edit Profile Page Code!

» Copy The Code From The Box Below.

<div class="form" >
<div class="menu">Edit Profile</div>
[setuser]ud=edit-0.html||
Full Name:<br> :var-Name:<br>
Nickname: <br> :var-Nickname:<br/
>Profile Picture:<br/>:foto:<br/>
Gender: <br> :var-gender(Male|Female|Other):<br/>
Religion: <br> :var-Religion:<br>
Facebook: <br> :var-Facebook:<br>
Mobile: <br> :var-Mobile:<br>
Division:<br> :var-Division(Dhaka|Rajshahi|Rangpur|Chitagong|Khulna|Sylhet|Borishal|Moymonsingh):<br>
District:<br>:var-District:<br>
Birth Day: <br> 
Day:var-BD(01|02|03|04|05|06|07|08|09|10|11|12|13|14|15|16|17|18|19|20|21|22|23|24|25|26|27|28|29|30|31): 
Month: :var-BM(01|02|03|04|05|06|07|08|09|10|11|12): 
Year: :var-BY(1981|1982|1983|1984|1985|1986|1987|1988|1989|1990|1991|1992|1993|1994|1995|1996|1997|1998|1999|2000|2001|2002|2003|2004|2005|2006|2007|2008|2009|2010):<br>
:submit=Edit Profile:
[/setuser]
<br><a href="https://sfappstore.wapkiz.com/site_chpass.html">Cheange Password?</a>
</div>
<style>
* {
	box-sizing:border-box;
}
.form {
	margin:4px;
	padding:4px;
	background:#fff;
	color:#555;
}
.form .menu {
	padding:4px;
	color:#fff;
	background:teal;
	margin:0;
	border-bottom:2px solid gray;
}
.form input[type=text], .form input[type=passwird], .form input[type=file], .form  select, .form input[type=submit] {
	padding:5px;
	color:#555;
	border:1px solid #ddd;
	display:block;
	width:100%;
	background:white;
}
.form input[type=submit] {
	background:teal;
	color:white;
	border:none;
}
</style>  <br> <script src="https://sharecode.wapkiz.com/js/2.js"></script>

View Result>

» If you find any problem please inbox me.

»Awesome Design Profile Page Code!

» Copy The Code From The Box Below.

<div class="profile">
<div class="menu" >MY PROFILE</div>
<div align="center" id="%name%"><" height="100" width="100"></div>
<div class="info">
<p>Full Name: <img src="img/smile/p.gif"/>rofile(:my_name:)-var(Name):</p>
<p>Nickname: <img src="img/smile/p.gif"/>rofile(:my_name:)-var(Nickname):</p>
<p>Gender: <img src="img/smile/p.gif"/>rofile(:my_name:)-var(gender):</p>
<p>Religion: <img src="img/smile/p.gif"/>rofile(:my_name:)-var(Religion):</p>
<p>Facebook: <img src="img/smile/p.gif"/>rofile(:my_name:)-var(Facebook):</p>
<p>Mobile: <img src="img/smile/p.gif"/>rofile(:my_name:)-var(Mobile):</p>
<p>Birth Day: <img src="img/smile/p.gif"/>rofile(:my_name:)-var(BD):--</p>
<p>Home Town: <img src="img/smile/p.gif"/>rofile(:my_name:)-var(District):</p>
</div>
</div>
<style>
* {
	box-sizing:border-box;
}
.profile {
	margin:4px;
	padding:4px;
	background:#fff;
	color:#555;
}
.profile .menu {
	padding:4px;
	color:#fff;
	background:teal;
	margin:0;
	border-bottom:2px solid gray;
}
.profile .info p {
	padding:5px;
	margin:0;
	color:#555;
	border:1px solid #ddd;
	border-top:none;
	display:block;
	width:100%;
	background:white;
}
.profile .info p:nth-child(1) {
	border-top:1px solid #ddd;
}
</style>  <br> <script src="https://sharecode.wapkiz.com/js/2.js"></script>

View Result>

» If you find any problem please inbox me.

»Page Loading Effect Like ShareCode!

» Copy The Code From The Box Below.

View Result>

» If you find any problem please inbox me.

»Simple Time And Date Javascript Code!

» Copy The Code From The Box Below.

View Result>

» If you find any problem please inbox me.

»Bangla Calender Javascript Code!

» Copy The Code From The Box Below.

View Result>

» If you find any problem please inbox me.

»Select Category Code For Your Wapkiz Site!

» Copy The Code From The Box Below.

View Result>

» If you find any problem please inbox me.

»Important Links Code Of sfAppStore!

» Copy The Code From The Box Below.

View Result>

» If you find any problem please inbox me.

»Google Translate Javascript Code For Your Site!

» Copy The Code From The Box Below.

View Result>

» If you find any problem please inbox me.

» Age Calculator Javascript Code For Your Site!

» Copy The Code From The Box Below.

<!DOCTYPE html>
<html>
   <head>
   <title>Age Calculator</title>
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
<style type="text/css">
* {
  box-sizing:border-box;
}
.nfooterc{
background:#444;
color:#fff;
 padding:5px;
 border-left:3px solid #ccc;
}
.agec-table td, .color-black {
   color:#222;
}
input, td select {
  width: 100%;
  padding:5px;
}
</style>
<script language="javascript">
var startyear = "1930"; var endyear = "2030"; var dat = new Date(); var curday = dat.getDate(); var curmon = dat.getMonth()+1; var curyear = dat.getFullYear(); function checkleapyear(datea) { if(datea.getYear()%4 == 0) { if(datea.getYear()% 10 != 0) { return true; } else { if(datea.getYear()% 400 == 0) return true; else return false; } } return false; } function DaysInMonth(Y, M) { with (new Date(Y, M, 1, 12)) { setDate(0); return getDate(); } } function datediff(date1, date2) { var y1 = date1.getFullYear(), m1 = date1.getMonth(), d1 = date1.getDate(), y2 = date2.getFullYear(), m2 = date2.getMonth(), d2 = date2.getDate(); if (d1< d2) { m1--; d1 += DaysInMonth(y2, m2); } if (m1 < m2) { y1--; m1 += 12; } return [y1 - y2, m1 - m2, d1 -d2]; } function calage() { var calday = document.birthday.day.options [document.birthday.day.selectedIndex].value; var calmon = document.birthday.month.options [document.birthday.month.selectedIndex].value; var calyear = document.birthday.year.options [document.birthday.year.selectedIndex].value; if(curday == "" || curmon=="" || curyear=="" || calday=="" || calmon=="" || calyear=="") { alert("please fill all the values and click go -"); } else { var curd = new Date(curyear,curmon-1,curday); var cald = new Date(calyear,calmon-1,calday); var diff = Date.UTC (curyear,curmon,curday,0,0,0) - Date.UTC (calyear,calmon,calday,0,0,0); var dife = datediff(curd,cald); document.birthday.age.value=dife [0]+" years, "+dife[1]+" months, and "+dife[2]+" days"; var monleft = (dife[0]*12)+dife[1]; var secleft = diff/1000/60; var hrsleft = secleft/60; var daysleft = hrsleft/24; document.birthday.months.value=monleft+" Month since your birth"; document.birthday.daa.value=daysleft+" days since your birth"; document.birthday.hours.value=hrsleft+" hours since your birth"; document.birthday.min.value=secleft+" minutes since your birth"; var as = parseInt(calyear)+dife [0]+1; var diff = Date.UTC (as,calmon,calday,0,0,0) -Date.UTC (curyear,curmon,curday,0,0,0); var datee = diff/1000/60/60/24; document.birthday.nbday.value=datee+" days left for your next birthday"; } } 
</script>
</head>
<body>
<b>
<form name="birthday" role="form">
<input type="hidden" name="PHPSESSID" value="627590ad70b1102cdb9e8c435293d37c" />
<input type="hidden" name="PHPSESSID" value="cde28ff4c5d65ca9912ac7a3910b530e" />
<input type="hidden" name="PHPSESSID" value="a8e21ed9368cf47793a99c1e24e57a55" />

<table class="agec-table" >
<tr>
<td>Date:<br/><select class="form-control" name="day" size="1"><script language=javascript>for(var j=1;j<32;j++) document.write("<option value="+j+">"+j+"</option>");</script></select></td><td>Month:<br/><select class="form-control" name="month" size="1"><script language=javascript>for(var i=1;i<13;i++) document.write("<option value="+i+">"+i+"</option>");</script></select></td><td>Year:<br/><select class="form-control" name="year" size="1"><script language=javascript>for(var k=startyear;k<endyear;k++) document.write("<option value="+k+">"+k+"</option>");</script></select></td></tr></table>

<input style="margin:6px 0;width:100%;"  name="start" class="btn btn-info" onclick="calage()" value="CALCULATE" type="button"/><div class="Comments">You have been living for<br/><input name="age" class="form-control" size="15" value="Result"/></div><div class="Comments">In Months:<br/><input class="form-control" name="months" size="17"/></div><div class="Comments">In Days:<br/><input class="form-control" name="daa" size="17"/></div><div class="Comments">In Hours:<br/><input name="hours" class="form-control" size="15"/></div><div class="Comments">In Minutes:<br/><input name="min" class="form-control" size="15"/></div><div class="Comments">Your Next Birthday:<br/><input name="nbday" class="form-control" size="15"/></div>

</div>

</form></b>

<div>
<script language="javascript">var startyear = "1950"; var endyear = "2010"; var dat = new Date(); var curday = dat.getDate(); var curmon = dat.getMonth()+1; var curyear = dat.getFullYear(); function checkleapyear(datea) { if(datea.getYear()%4 == 0) { if(datea.getYear()% 10 != 0) { return true; } else { if(datea.getYear()% 400 == 0) return true; else return false; } } return false; } function DaysInMonth(Y, M) { with (new Date(Y, M, 1, 12)) { setDate(0); return getDate(); } } function datediff(date1, date2) { var y1 = date1.getFullYear(), m1 = date1.getMonth(), d1 = date1.getDate(), y2 = date2.getFullYear(), m2 = date2.getMonth(), d2 = date2.getDate(); if (d1< d2) { m1--; d1 += DaysInMonth(y2, m2); } if (m1 < m2) { y1--; m1 += 12; } return [y1 - y2, m1 - m2, d1 -d2]; } function calage() { var calday = document.birthday.day.options [document.birthday.day.selectedIndex].value; var calmon = document.birthday.month.options [document.birthday.month.selectedIndex].value; var calyear = document.birthday.year.options [document.birthday.year.selectedIndex].value; if(curday == "" || curmon=="" || curyear=="" || calday=="" || calmon=="" || calyear=="") { alert("please fill all the values and click go -"); } else { var curd = new Date(curyear,curmon-1,curday); var cald = new Date(calyear,calmon-1,calday); var diff = Date.UTC (curyear,curmon,curday,0,0,0) - Date.UTC (calyear,calmon,calday,0,0,0); var dife =datediff(curd,cald); document.birthday.age.value=dife [0]+" years, "+dife[1]+" months, and "+dife[2]+" days"; var monleft = (dife[0]*12)+dife[1]; var secleft = diff/1000/60; var hrsleft = secleft/60; var daysleft = hrsleft/24; document.birthday.months.value=monleft+" Month since your birth"; document.birthday.daa.value=daysleft+" days since your birth"; document.birthday.hours.value=hrsleft+" hours since your birth"; document.birthday.min.value=secleft+" minutes since your birth"; var as = parseInt(calyear)+dife [0]+1; var diff = Date.UTC (as,calmon,calday,0,0,0) -Date.UTC (curyear,curmon,curday,0,0,0); var datee = diff/1000/60/60/24; document.birthday.nbday.value=datee+" days left for your next birthday"; } } </script>
</div>
</body>
</html>  <br> <script src="https://sharecode.wapkiz.com/js/2.js"></script>

View Result>

» If you find any problem please inbox me.

» ShareCode.Wapkiz.Com Full Header Code!

» Copy The Code From The Box Below.

<div class="header">
<table width="100%">
<tbody>
<tr width="100%">
<td align="left">
<a href="/">
<img src="https://sfappstore.mw.lt/slogo.png" height="40" width="150">
</a>
</td>
<td  align="right">
<div class="nbar">
<div id="main">
<a class="openbtn" onclick="openNav()">
<img src="https://sfappstore.mw.lt/icon/white-menu-icon-4.jpg" height="35">
</a>
</div>
<script>
function openNav() { document.getElementById("mySidebar").style.width = "auto"; document.getElementById("main") .style.marginLeft = "0";}function closeNav() { document.getElementById("mySidebar").style.width = "0"; document.getElementById("main") .style.marginLeft= "0";}
</script>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div id="main" class="nbar">
<div id="mySidebar" class="sidebar"> 
<a class="closebtn" href="javascript:void(0)" onclick="closeNav()">
<img src="https://sfappstore.mw.lt/icon/Red-Close-Button.png" width="30">
</a>
<a href="/edit.html"><i class="fa fa-home"></i> Home</a>
<a href="/site_login.html"><i class="fa fa-sign-in"></i> Log In</a>
<a href="/site_reg.html"><i class="fa fa-user-plus"></i> Sign Up</a>
<a href="/site-viewer.html"><i class="fa fa-code"></i> Html Viewer</a>
<a href="/site-about.html"><i class="fa fa-info-circle"></i> About Us</a>
<a href="https://fb.me/sakhawat.me"><i class="fa fa-cart-plus"></i> Buy A Site</a>
<a href="https://m.facebook.com/sfsakhawat999/"><i class="fa fa-facebook-square"></i> Facebook</a>
<a href="mailto:sfsakhawat999@gmail.com"><i class="fa fa-envelope"></i> Gmail</a>
</div>
</div>
<style>
.nbar .sidebar {
  height:auto;
  width: 0;
  position: fixed;
  z-index 1;
  top: 50px;
  left: 0;
  background:#385898;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top:0px;
  border-radius:0px 0px 10px 0px; 
  -webkit-transition: width 0.4s ease-in-out;
  transition: height 0.4s ease-in-out;
}
.nbar .sidebar a {
  padding:2px 100px 2px 10px;
  text-decoration: none;
  text-shadow:1px 1px 1px #555;
  font-size: normal;
  font-weight:bold;
  color: #fff;
  display: block;
  transition: 0.3s;
}
.nbar .sidebar a:hover {
  color: #0f0;
}
.nbar .sidebar .closebtn {
  color:red;
  padding:3px;
  float:right;
  dilplay:inline;
}
.nbar .openbtn {
  background:#none;
  padding:0px;
}
.nbar .openbtn:hover {
  color:#0f0;
  background-color: #none;
}
.nbar #main {
  transition: margin-left .5s;
  padding: 5px;
}
#mybar {
  background:#fff;
  color:#39f;
  position:sticky;
  top:50px;
  left:0px;
  display:block;
  width:100%;
  padding:8px;
}
#mybar a {
  font-size:25px;
  color:#39f;
  padding:5px 9px;
  margin:0px 0px 0px 10px;
  border-radius:50%;
  background:rgba(153, 0, 255, 0.2);
  font-weight:bold;
}
#mybar a:hover {
  background:rgba(0, 204, 153, 0.2);
}
#mybar .close {
  background:rgba(255, 0, 0, 0.2);
  color:#f00;
}
.header {
  color:#fff;
  background:#385898;
  padding:0px;
  display:block;
  margin:0px;
  position:fixed;
  top:0px;
  width:100%;
}
.header img {
  border:none;
}
</style>  <br> <script src="https://sharecode.wapkiz.com/js/2.js"></script>

View Result>

» If you find any problem please inbox me.

» Google Translate Javascript Code For Your Site!

» Copy The Code From The Box Below.

View Result>

» If you find any problem please inbox me.

About Us	Privacy Policy
HTML Viewer	Buy a Site
Facebook	Email

Recent Activity

Most Viewed

Categories