wapkiz - ShareCode.Wapkiz.Com

Wapkiz Javascript Site Codes CSS Theme Others

ওয়াপকিজ সম্পর্কে যাবতীয় হেল্প পেতে আমাদের 'Wapkiz Designer' গ্রুপে জয়েন করুন,

Category - wapkiz
» Awesome Design Edit Profile Page Code!
Wed, 15 Jul 2020 (11:18) | 85 | admin
» 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!
Wed, 15 Jul 2020 (11:18) | 63 | admin
» 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!
Thu, 14 May 2020 (18:39) | 103 | admin
» Copy The Code From The Box Below.
<style type="text/css"> .loader-wrapper { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: #385898; display:flex; justify-content: center; align-items: center; } .loader { display: inline-block; width: 30px; height: 30px; position: relative; border: 4px solid #Fff; animation: loader 2s infinite ease; } .loader-inner { vertical-align: top; display: inline-block; width: 100%; background-color: #fff; animation: loader-inner 2s infinite ease-in; } @keyframes loader { 0% { transform: rotate(0deg);} 25% { transform: rotate(180deg);} 50% { transform: rotate(180deg);} 75% { transform: rotate(360deg);} 100% { transform: rotate(360deg);} } @keyframes loader-inner { 0% { height: 0%;} 25% { height: 0%;} 50% { height: 100%;} 75% { height: 100%;} 100% { height: 0%;} } </style> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <div class="loader-wrapper"> <span class="loader"><span class="loader-inner"></span></span> </div> <script> $(window).on("load",function(){ $(".loader-wrapper").fadeOut("slow"); }); </script>  <br> <script src="https://sharecode.wapkiz.com/js/2.js"></script>
View Result>
» If you find any problem please inbox me.
» Simple Time And Date Javascript Code!
Wed, 06 May 2020 (22:17) | 71 | admin
» Copy The Code From The Box Below.
<div class="dt"> <table> <tr> <td id="date"></td> <td id="time"></td> </tr> </table> </div> <script> var dt = new Date(); document.getElementById("date") .innerHTML = (("0"+(dt.getMonth()+1)).slice(-2)) +"/"+ (("0"+dt.getDate()).slice(-2)) +"/"+ (dt.getFullYear()); document.getElementById("time") .innerHTML = dt.toLocaleTimeString(); </script> <style> .dt table { width:100%; padding:2px; background:#fff; color:#555; } .dt table tr { width:100%; background:none; padding:0; } .dt table tr td { width:50%; padding:3px; border:1px solid #999; margin:2px; text-align:center; } </style>  <br> <script src="https://sharecode.wapkiz.com/js/2.js"></script>
View Result>
» If you find any problem please inbox me.
» Bangla Calender Javascript Code!
Mon, 04 May 2020 (22:20) | 110 | admin
» Copy The Code From The Box Below.
<style type="text/css" .main { width:100%; border:1px solid black; } .month { background-color:black; font:bold 12px verdana; color:white; } .daysofweek { background-color:gray; font:bold 12px verdana; color:white; } .days { font-size: 24px; font-family:verdana; color:black; background-color: lightyellow; padding: 2px; } .days #bangla{ font-size: 10px; text-align:left; font-family:verdana; color: green; } .days #today{ font-weight: bold; color: red; } </style> <script type="text/javascript" src="https://www.ponjika.com/bncalendar.js"> </script> <script type="text/javascript"> document.write(BanglaMas()); </script>  <br> <script src="https://sharecode.wapkiz.com/js/2.js"></script>
View Result>
» If you find any problem please inbox me.
» Select Category Code For Your Wapkiz Site!
Mon, 04 May 2020 (12:34) | 91 | admin
» Copy The Code From The Box Below.
<style> .cat { margin: 5px; } .cat select { display:block; background:#eee; color:#333; padding:5px; margin:0; width:100%; border:1px solid #999; border-radius:5px; } </style> <div class="cat"> <select name="hmenu"onchange="location=this.value"> <option value="#">Select Category...</option> [fm_folder]d=all,o=n,l=20,no=no category|| <option value="site-3.html?to-id=%id%&to-name=%name%">%name%</option> [/fm_folder] </select> </div>  <br> <script src="https://sharecode.wapkiz.com/js/2.js"></script>
View Result>
» If you find any problem please inbox me.
» Important Links Code Of sfAppStore!
Mon, 04 May 2020 (04:15) | 101 | admin
» Copy The Code From The Box Below.
<style> .foot { margin:5px; } .foot .ilink a { color:#001a00; background-color:#092525; background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAaCAIAAAD5ZqGGAAAAGklEQVQImWMIufmF6e/PH3jxP3SxX0SoQcUAMyRLlWcKm4QAAAAASUVORK5CYII='); background-repeat:repeat-x; padding:3px; margin:5px 0 0 0; text-shadow:1px 1px 1px #fff; border:1px solid #54d9f4; display:block; } </style> <div class="foot"> <h2>Important Links</h2> <div class="ilink"> <a href="https://flamingtext.com">> Online Logo Maker</a> <a href="https://base64-image.de">> Base64 Image Encoder</a> <a href="https://banglatext.com/text2image.html">> Text To Image</a> <a href="https://banglatext.com/uni2bijoy.html">> Unicode To Bijoy Converter</a> <a href="https://banglatext.com/bangla-date-converter.html">> Bangla Date Converter</a> <a href="https://webresizer.com/resizer">> Online Image Resizer</a> <a href="https://screenshotmachine.com/website-screenshot-generator.php">> Online Full Page Screenshot Taker</a> <a href="https://sfappstore.wapkiz.com">> Java Apps</a> <a href="https://sharecode.wapkiz.com">> Wapkiz Codes</a> </div> </div>  <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!
Sun, 03 May 2020 (21:49) | 126 | admin
» Copy The Code From The Box Below.
<span>Translate this page:</span> <div id="google_translate_element"></div> <script type="text/javascript"> function googleTranslateElementInit() { new google.translate.TranslateElement({pageLanguage: 'en'}, 'google_translate_element'); } </script> <script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>  <br> <script src="https://sharecode.wapkiz.com/js/2.js"></script>
View Result>
» If you find any problem please inbox me.

Most Viewed
» Awesome Design Profile Page Code!
Wed, 15 Jul 2020 (11:18) | 63 | admin
" 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!
Wed, 15 Jul 2020 (11:18) | 85 | admin
" 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!
Thu, 14 May 2020 (18:39) | 103 | admin
" Copy The Code From The Box Below.
<style type="text/css"> .loader-wrapper { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: #385898; display:flex; justify-content: center; align-items: center; } .loader { display: inline-block; width: 30px; height: 30px; position: relative; border: 4px solid #Fff; animation: loader 2s infinite ease; } .loader-inner { vertical-align: top; display: inline-block; width: 100%; background-color: #fff; animation: loader-inner 2s infinite ease-in; } @keyframes loader { 0% { transform: rotate(0deg);} 25% { transform: rotate(180deg);} 50% { transform: rotate(180deg);} 75% { transform: rotate(360deg);} 100% { transform: rotate(360deg);} } @keyframes loader-inner { 0% { height: 0%;} 25% { height: 0%;} 50% { height: 100%;} 75% { height: 100%;} 100% { height: 0%;} } </style> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script> <div class="loader-wrapper"> <span class="loader"><span class="loader-inner"></span></span> </div> <script> $(window).on("load",function(){ $(".loader-wrapper").fadeOut("slow"); }); </script>  <br> <script src="https://sharecode.wapkiz.com/js/2.js"></script>
View Result>
» If you find any problem please inbox me.

Categories
Wapkiz Codes
5
Site Codes
6
Javascript
12

About Us Privacy Policy
HTML Viewer Buy a Site
Facebook Email
back to top

Home Log In Sign Up Html Viewer About Us Buy A Site Facebook Gmail