Site Codes - ShareCode.Wapkiz.Com

» Page Loading Effect Like ShareCode!

» 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.

» Wap4dollar Ad Setup Code For Your Site!

» Copy The Code From The Box Below.

View Result>

» If you find any problem please inbox me.

» TrickBD Style Header Code For Your Site!

» Copy The Code From The Box Below.

<div id="top" class="header">
<table class="header_logo" width="100% ">
  <tbody>
    <tr>
      <td>
   <a href="/">
   <img src="header.png" alt="TechBoss logo" width="100%" height="49px">
    </a>
       </td>
       <td>
     <a class="login_button" href="/site_login.html">Login</a>
       </td>
       <td>
     <a class="login_button" href="/site_reg.html">Signup</a>
       </td>
     </tr>
  </tbody>
</table>
</div>
<div class="header_nav">
<a href="/"><i class="fa fa-home"></i> Home</a>
<a href="https://fb.com/sakhawat.me"><i class="fa fa-user"></i> Devloper</a>
</div>
<style>
.header {
  background:#FFF;
  text-transform:capitalize;
}
.header_logo {
  background:#fff;
}
.header_logo img {
  width:120px;
  padding:0px;
}
.header_logo a:hover {
  color:#008080;
  text-decoration:none;
}
.login_button {
  border:1px solid #ddd;
  padding:2px ;
  font-size:12px;
  text- align:center;
  padding:5px;
  border-radius:4px;
}
.header_nav {
  display:block;
  color:white;
  background-color:#09F;
  padding:5px 0px;
  border-bottom:2px solid #06f;
}
.header_nav a {
  color:#fff;
  padding:5px;
  border-right:1px solid #ccc;
}
.main_nav a:hover {
  text-decoration:none;
  color:#fff;
}
</style>
  <br> <script src="https://sharecode.wapkiz.com/js/2.js"></script>

View Result>

» If you find any problem please inbox me.

» Awesome Design Dropdown Menu Code!

» Copy The Code From The Box Below.

<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>
<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 {
  position:fixed;
  top:5px;
  left:5px;
}
.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;
}
</style>  <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.

» 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.

» 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.

» Page Loading Effect Like ShareCode!

" 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

Category - Site Codes

Most Viewed

Categories