Friday, September 20, 2019

Wapkiz code: how to create social media like Facebook On Wapkiz

Wapkiz code: how to create social site like Facebook. am going to write full tutoring about how you can create social media like Facebook on wapkiz platform. We all know that wapkiz allow all user to wrote there web script and host free. you can also have your own Social media site by join was wapkiz platform. and copy all the wapkiz codes am going to drop for you in this tutorial.

Today you are going to create your own social media site on wapkiz.com with the help of this tutor. Note: Your social media site name most be start with F to easily create it successful. like fanbook, firstbook, funbook e.t.c.

Now let move forward to the business. just make sure are following me smoothly. so that you can understand this tutorial well. without mistake.

firstly Type wwww.wapkiz.com on your browser to get started. And create your wapkiz profile.

Tips: Use Your social media site Name as your Wapkiz username and type strong password.

Now click on "Panel" >> CSS Theme >> Full edit And paste this CSS codes there .

.bw{padding:6px;}
.b .bx{padding:2px 4px;}
.b .cr{border:1px solid #8d949e;border-radius:72px;height:45px;padding:4px 20px 0 20px;resize:none;}
.cp{border-color:#90949c;box-sizing:border-box;width:100%;}
.cp.cq{margin-top:6px;}
.b .ct{height:45px;margin:6px 0 0 5px;width:75px;}
.b .cl{border:1px solid #8d949e;height:43px;margin:6px 4px;width:43px;}
.ck{padding-right:4px;}
.cs{padding-left:4px;}
.bz{margin-top:4px;}
.dn{background:#f5f6f7;}
.d{background:#dddfe2;}
.dk{background:#fff;}
form{margin:0;border:0;}
.b .ba{border:0;border-collapse:collapse;margin:0;padding:0;width:100%;}
.b .ba.cz{width:auto;}
.b .ba tbody,.b .cj>tr>td,.b .cj>tbody>tr>td,.b .ba td.cj{vertical-align:top;}
.b .da>tr>td,.b .da>tbody>tr>td,.b .ba td.da{vertical-align:middle;}
.b .ba td{padding:0;}
.b .ba td.bj{padding:2px;}
.b .ba td.do{padding:4px;}
.b .bg{width:100%;}
.b a,.b a:visited{color:#3b5998;text-decoration:none;}
.b .bt,.b .bt:visited{color:#fff;}
.b a:focus,.b a:hover{background-color:#3b5998;color:#fff;}
.b .bt:focus,.b .bt:hover{background-color:#fff;color:#3b5998;}
.cm{background:#eceff5;}
.cn{appearance:none;border:0;margin:0;padding:0;}
.bn{appearance:none;background:none;display:inline-block;font-size:12px;height:28px;line-height:28px;margin:0;overflow:visible;padding:0 9px;text-align:center;vertical-align:top;white-space:nowrap;}
.b .bn{border-radius:2px;}
.cu,a.cu,.b a.cu,.b a.cu:visited{background-color:#f5f6f7;color:#4b4f56;}
.b a.cu:hover,.b .cu:hover{background-color:#ebedf0;color:#4b4f56;}
.b .cu{border:1px solid #bec3c9;}
.cu[disabled]{color:#bec3c9;}
.b .cu[disabled]:hover{background-color:#f5f6f7;color:#bec3c9;}
.bp,.fn,a.bp,a.fn,html .b a.bp,html .b a.fn{color:#fff;}
.b .fn{background-color:#4080ff;border:1px solid #4476e8;}
.b a.fn:hover,.b .fn:hover{background-color:#4580ef;}
.b .bp{background-color:#4267b2;border:1px solid #365899;}
.b a.bp:hover,.b .bp:hover{background-color:#465e91;}
.bp[disabled]{color:#899bc1;}
.fn[disabled]{color:#91b4fd;}
.b .bp[disabled]:hover{background-color:#4267b2;}
.b .fn[disabled]:hover{background-color:#4080ff;}
.bn .t{display:inline-block;}
.b .bn .t{display:inline-block;margin-top:0;vertical-align:middle;}
.b a.bn::after{content:"";display:inline-block;height:100%;vertical-align:middle;}
.bn .t{line-height:20px;margin-top:4px;}
.bn.fl{display:block;width:100%;}
a.bn.fl,.b label.bn.fl{display:block;width:auto;}
.b .bn{padding:0 8px;}
.b a.bn{height:26px;line-height:26px;}
.t{pointer-events:none;}
.du{color:#90949c;}
.er{color:#4b4f56;}
.dp{color:#1d2129;}
.dt{font-size:12px;line-height:16px;}
.bm{font-weight:normal;}
._52jh{font-weight:bold;}
.ch{text-align:left;}
.cv{display:inline-block;}
.cw{width:100%;}
.cx{color:gray;}
.o{font-size:small;}
body,tr,input,textarea,.e{font-size:medium;}
.cy{display:inline-block;}
.cy .dg{display:block;font-size:small;white-space:normal;}
.dc,.dd.m{cursor:pointer;display:block;}
.b .cy a.dg,.cy .dg{color:#4b4f56;font-weight:bold;text-align:left;}
.b .cy a.dg:hover,.b .cy a.dg:focus,.cy .dg:hover,.cy .dg:focus{background:#4b4f56;color:#fff;}
.b .cy a.dc:hover,.b .cy a.dc:focus,.cy .dc:hover,.cy .dc:focus{background:inherit;}
.b .gg{padding:0;}
.b .bj{padding:2px;}
.b .do{padding:4px;}
.m{border:0;display:inline-block;vertical-align:top;}
i.m u{position:absolute;width:0;height:0;overflow:hidden;}
.df{appearance:none;background-color:transparent;border:0;display:inline;font-size:inherit;margin:0;padding:0;}
.df:hover{background-color:#3b5998;color:#fff;white-space:normal;}
.dh{color:#3b5998;}
.ca{display:block;display:flex;max-width:100%;overflow:hidden;white-space:nowrap;}
.cb{color:#4b4f56;font-size:12px;line-height:20px;white-space:nowrap;}
.cc{background-color:#fff;border:0;display:inline-block;height:26px;line-height:26px;margin:0;padding-right:16px;position:relative;vertical-align:top;white-space:nowrap;}
.cc input,.cc button,.cc .t{color:#3b5998;}
.cc a:hover,.cc a:hover .t{color:#fff;}
.cc.cd,.cg.cd{height:20px;line-height:20px;}
.cg{appearance:none;background-color:#fff;border:none;color:#4b4f56;display:inline-block;font-size:12px;height:26px;min-width:100%;padding:0;vertical-align:top;}
.cc a.cg{color:#4b4f56;}
a.cg .t,a.cg .t::before{display:inline-block;height:100%;margin-top:0;vertical-align:middle;}
a.cg .t::before{content:"";}
.cf{background-color:#dadde1;}
.cf .cg{background-color:#dadde1;}
.ci{background-image:url(http://funbook.wapkiz.mobi/http://javaxpart.wapkiz.com/http://funbook.wapkiz.mobi/https://z-m-static.xx.fbcdn.net/rsrc.php/v3/yY/r/DEWLwbJ5Q9y.png);background-position:right center;background-repeat:no-repeat;bottom:0;display:block;pointer-events:none;position:absolute;right:0;top:0;width:16px;}
.cf .ci{background-image:url(http://funbook.wapkiz.mobi/http://javaxpart.wapkiz.com/http://funbook.wapkiz.mobi/https://z-m-static.xx.fbcdn.net/rsrc.php/v3/yU/r/juEKbziydZc.png);}
.fo{background:#ebedf0;border-top:1px solid #d0d1d5;font-size:small;padding:0 8px 4px;}
.fp{display:block;font-size:small;margin-left:-4px;padding:3px 0 3px 4px;}
.b a.fp,.b a.fp:visited{color:#1d2129;}
.b a.fp:focus,.b a.fp:hover{background:#1d2129;color:#ebedf0;}
.dj,.dj tr{font-size:small;}
.ei{display:block;font-weight:bold;padding:6px 3px;text-align:center;}
.b .ei{background-color:#f5f6f7;border:0;padding:4px;text-align:left;}
.b .ec.ec{background:white;}
.b .ec{border-bottom:1px solid #e5e5e5;}
.b .dj.dj>:first-child{margin-top:-1px;}
.di{border-bottom:1px solid transparent;border-top:1px solid transparent;}
.b .di>*{margin:6px;}
.b .di>:first-child{margin-top:5px;}
.b .di>:last-child{margin-bottom:5px;}
.dm{border-color:#ccced3 #c4c6ca #b4b6ba;border-style:solid;border-width:1px;}
.dz{border-bottom:1px solid #e5e5e5;}
.eg{display:block;font-size:small;}
.dz:last-child{border-bottom:none;}
.ee{height:16px;width:16px;}
.eg .ef{font-size:small;}
.ea{background:#eceff5;}
.eh{white-space:nowrap;}
.b .eg:hover,.b .eg:focus{background:#d1e9ff;color:#3b5998;}
.b .eg,.b .eg:visited,.b .eg:active{background:transparent;color:#1d2129;text-decoration:none;}
.eb .eg,.eb .eg:visited,.eb .eg:active{margin:-2px -2px -2px -22px;min-height:16px;padding:2px 2px 2px 22px;}
.ed,.ed:hover,.ed:active,.ed:visited{background:transparent;}
.ed>.m{display:block;}
.dq .dv .dw{font-size:x-small;height:auto;line-height:normal;margin-right:5px;padding-bottom:3px;padding-top:3px;}
.dq .dv .dw .t{line-height:normal;}
.dy{white-space:nowrap;}
.dr .ds{color:#365899;font-size:small;font-weight:bold;}
.ds{font-size:14px;}
.dl>*,.dl.dl>*{border-bottom:1px solid #e5e5e5;}
.dl>:last-child{border-bottom:none;}
.dl+.dl{border-top:1px solid #e5e5e5;}
.b .fm{border-radius:4px;margin:8px;}
.en{margin:0 6px 6px;padding:6px;}
.b .en .en{border-color:#e9ebee;margin:6px 0 0;}
.ey{display:inline-block;}
.ex{margin-top:5px;}
.ew,.fh{margin:5px 0;}
.en a,.en a:visited{color:#2b55ad;}
.en a:hover,.en a:focus{background:#2b55ad;color:#fff;}
.em{font-size:small;}
.ek{list-style:none;margin:0;padding:0;}
.eq{position:relative;}
.fa{margin-left:-7px;}
.ez{display:inline-block;}
.ep tr{font-size:inherit;}
.et{font-size:small;}
.fc{margin:0 1px;}
.fd{background-repeat:no-repeat;background-size:contain;color:transparent;display:inline-block;text-decoration:none;text-shadow:none;vertical-align:text-bottom;}
.fb{white-space:nowrap;}
.ff{display:inline-block;margin-right:3px;vertical-align:middle;}
body{text-align:left;direction:ltr;}
body,tr,input,textarea,button{font-family:sans-serif;}
body,p,figure,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dd,dt{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-size:1em;font-weight:bold;}
ul,ol{list-style:none;}
article,aside,figcaption,figure,footer,header,nav,section{display:block;}
.w{background-color:#3b5998;}
#page{position:relative;}
.bf,.bf.m{display:block;}
.bc{display:block;}
.bd{height:20px;width:20px;}
.y{background:#3b5998;padding:0 4px 4px;height:22px;}
.y.y .bk{background:#fff;border:1px solid #243872;box-sizing:border-box;font-size:small;height:22px;margin:0;width:100%;}
.z.y{padding:1px 1px 3px;}
.y .be{padding:1px 3px 0 0;}
.y.y.y .bo{background:#627aba;border:1px solid #2e417e;color:#fff;font-size:x-small;font-weight:normal;height:22px;line-height:20px;margin-left:3px;}
.x{padding:2px 3px;}
.bi{border:0;display:block;margin:0;padding:0;}
.fx{font-size:small;padding:7px 8px 8px;}
.gl{border:1px solid;border-color:#8d949e;border-radius:4px;display:block;margin-top:8px;padding:4px;text-align:center;}
.fu{display:block;font-size:x-small;margin:-3px -3px 1px -3px;padding:3px;}
.fw{border:1px solid #90949c;display:block;font-size:x-large;height:20px;line-height:18px;text-align:center;vertical-align:middle;width:20px;}
.b .fx td.fs{padding-right:4px;}
.b .fx td.fv{padding-left:4px;}
.fx.fy{background-color:#444950;}
.fy{border-top:1px solid #444950;color:#bec3c9;}
.b .fy a,.b .fy a:visited,.b .fr input,.b .fr input:visited,.b .fr a,.b .fr a:visited{color:#bec3c9;}
.b .fy a:focus,.b .fy a:hover,.b .fr input:focus,.b .fr input:hover,.b .fr a:focus,.b .fr a:hover{background:#dadde1;color:#1d2129;}
.ga{margin-bottom:8px;}
.fx.fy .ga>table{background:#d3d7dc;border:1px solid #444950;}
.gh{background:#d3d7dc;}
.fq{background-color:#444950;font-size:x-small;padding:7px 8px 8px;}
.ft{color:#bec3c9;display:block;font-size:x-small;margin:-3px -3px 1px -3px;padding:3px;}
.fz .gk{height:24px;line-height:24px;margin-left:2px;}
.gc{background:#fff;}
.fz .gi{background-color:transparent;color:#4b4f56;display:block;padding:0;width:100%;}
.gd .m{display:block;}
.fz .gb .gj{padding:2px;}
.fz .gb .gd{padding:4px;}
.b .fz .gb{border:1px solid #8d949e;}
.bq{padding-bottom:1px;}
.bs{display:inline-block;font-size:small;padding:2px 4px 2px;}
.bu{color:#fff496;}
.b a:hover .bu,.b a:focus .bu,.bs:hover .bu,.bs:focus .bu{color:#365899;}
.bs.br{background-color:#6d84b4;}
.i{display:table-cell;vertical-align:middle;width:100%;}
.j{display:table-cell;height:32px;vertical-align:middle;}
.n{color:#fff;padding-left:8px;padding-top:1px;}
.l{padding-left:4px;}
.b a}
.bo{margin-top:12px;overflow:hidden;width:100%;color:#333;border:1px solid #ddd;padding:2px 0px;display:block;text-align:center;font-weight:blod;background-color:#dfdfdf;}
.cn{background-color:#3B5998;color:white;margin-bottom:2px;text-align:center;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;border-top:1px solid #ddd;padding:2px 5px;}
body{margin:0px;padding:0px;font-size:15px;font-family:Arial, Helvetica, sans-serif;background-color:#dcdee3;min-width:100%;}
 input[type=button], input[type=submit]{padding:4px 10px;background-color:#333;color:#ddd;border:1px solid #333;font-weight:normal;}
 input:hover[type=button], input:hover[type=submit]{border:1px solid #333;background-color:#333;color:#ddd;}
.table{border-collapse:collapse;width:100%}
td{text-align:auto}
 .top{margin:3px 4px !important;}
.file{border:solid 1px #cfcfcf;background-color:#efefef;margin:4px;padding:4px;color:#333;}
.file a{color:#333;}
.tag{background:#efefef;color:#333;border:1px solid #bfbfbf;margin-left:2px;padding:2px 4px;display:inline-block;font-weight:bold;}
.box{margin-top:12px;overflow:hidden;width:100%;color:#ddd;border:1px solid #ddd;padding:2px 0px;display:block;text-align:center;font-weight:blod;}
.box a{color:#ddd;display:block;}
.box a:hover{text-decoration:none;}
.rate{background:#dfdfdf;color:333;border:1px solid #ffa07a;margin:1px;padding:4px;text-align:center;}
.category{display:inline-block;padding:12px 45px;margin:5px 2px;background:#3EA055;border:none;text-decoration:none;color:#ddd;border-radius:3px;text-align:center;font-weight:normal;}
.category:hover{background:#333;color:#ddd;border-radius:5px;}
.footer{margin-top:4px;padding:5px;background:#333;color:#ddd;}
.footer a{color:#ddd;}
.fox{padding:0px 3px 2px 3px;}
.fox img{width:28px;height:28px;}
ul.fleft{width:59%;float:left;list-style:none;padding-left:2px;}
ul.fright{width:39%;float:left;list-style:none;padding-left:2px;}
.fright li{padding:3px;font-weight:blod;}
.fleft li{padding:3px;font-weight:blod;}
.menu{background:#2492ff;border-top:1px solid #afafaf;padding:12px 85px;margin:1px;color:#ffffff;font-weight:normal;}
.logo{background-color:#426782;padding:9px;text-align:center;color:#fff;}
.logo a{color:#ffffff;}
.raihan{color:#fff;font-weight:bold;background:#004666;padding:7px;position:relative;border-bottom:1px solid #ddd;}
.raihan a{color:#fff;}
.catRow{border:solid 1px #90ABCD;background:url(http://funbook.wapkiz.mobi/http://javaxpart.wapkiz.com/http://funbook.wapkiz.mobi/http://lovestorybd.gq/http://raihanbd.ga/http://dl1.wapkizfile.info/download/8ad6b1609e8e8cb6c799bf96829bdad6/b5437c72503c52a7d2000ae34609c1ea/upload+wapkiz+com/RaihanRow.png) right center no-repeat;background-color:#F5F5F5;margin:1px;padding:4px;color:#000;font-weight:bold;text-shadow:rgba(255, 255, 255, 0.6) 0 1px 0;}
.menu{background-image:url(http://funbook.wapkiz.mobi/http://javaxpart.wapkiz.com/http://funbook.wapkiz.mobi/http://lovestorybd.gq/http://dl1.wapkizfile.info/download/9c1385517cbc8860981a2e72e3ad310f/f18b584f87756314cc2084be65aa8581/upload+wapkiz+com/background.png);font-weight:normal;font-size:normal;border-width:1px;border:1px solid #08a0db;border-style:solid #000000;margin-top:2px;margin-bottom:2px;margin-left:2px;margin-right:2px;padding-top:4px;padding-bottom:4px;padding-left:3px;padding-right:3px;}
.logo a{color:#ffffff;}
.page{border:solid 1px #90ABCD;background-color:#F5F5F5;margin:1px;padding:4px;color:#000;font-weight:bold;text-shadow:rgba(255, 255, 255, 0.6) 0 1px 0;}
.error{border:1px solid #ececec;padding:3px;background:#FFccff;margin:1px;color:red;text-align:center;}
img{border-style :none;vertical-align:middle;max-width:90%;}
small{font-size:small;}
medium{font-size:medium;}
}
.success{color:#444;padding:5px;background-color:#ebf8a4;background-repeat:no-repeat;border-top:1px #ffffff solid;border-bottom:1px #e8e8ea solid;text-weight:bold;}
.success a{color:#444}
body{margin:0;padding:0;font-family:serif, arial;}
a{text-decoration:none;color:#006699;}
a:hover{text-decoration:underline;}
body{margin:0;padding:0;font-size:small;}
b{font-weight:bold;}
.header{text-align:center;}
hr{color:#fff;background-color:#ffA500;height:3px;weding:6px;front size:small;}
h2{color:#006699;background:rgb(221, 231, 241);border:1px solid rgb(170, 187, 204);font-size:110%;padding:5px;font- weig}
h2 a{color:#006699;}
.foot{border-top:1px solid #ddd;background:#333;color:#c0c0c0;padding:5px;font-weight:bold;}
.clear{clear:both;}
.description{background:#f5f5f5;color:#222;padding:2px;}
.description a{text-decoration:underline;}
h1{background:#eee;color:#222;border:1px solid #ddd;font-size:120%;border:1px solid rgb(170, 187, 204);font-size:110%;padding:5px;font- weig;}
h5{background:306090;color:#fff;border:1px solid #ddd;font-size:120%;padding:6px;}
.info{color:red;background:#fff;text-align:center;padding:2px;}
p{padding:6px 0;}
.header{background-color:#3EA055;color:white;margin-bottom:2px;text-align:center;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;border-top:1px solid #ddd;padding:5px 10px;}
.header a{color:white;}
.wap{color:#C0C0C0;background-color:C0C0C0;margin-bottom:2px;text-align:center;border-left:1px solid #C0C0C0;border-right:1px solid #C0C0C0;border-bottom:1px solid #C0C0C0;border-top:1px solid #C0C0C0;padding:2px;}
.wap a{color:C0C0C0;}
.form_error{color:#f00;}
.search{background:#006699;border:1px dashed #fff;padding:2px;color:#fff;font-weight:bold;}
a.top{color:#FF7F00;font-size:smaller;text-decoration:none;}
.h3{border-top:1px solid #ccc;font-weight:;background:url(http://funbook.wapkiz.mobi/http://javaxpart.wapkiz.com/http://funbook.wapkiz.mobi/http://lovestorybd.gq/http://raihanbd.ga/http://wapking.co/images/arrow.png) right center no-repeat;}
.h3 a{padding:8px;display:block;}
u{text-decoration:none;font-weight:bold;background:#B80000;color:#ffffff;padding:1px 7px;font-size:11px;border-radius:40px;}
 textarea{font-size:small;}
m{text-decoration:none;font-weight:bold;background:#008000;color:#ffffff;padding:1px 7px;font-size:11px;border-radius:40px;}
 s{text-decoration:none;font-weight:bold;background:#ccc;color:#ffffff;padding:1px 7px;font-size:11px;border-radius:40px;}
.textarea{color:D3D3D3;background:#F5F5F5;width:70%;height:50px;margin:2px;padding:4px;font-family:serif,Arial, Verdana;font-weight:normal;border:1px solid #90ABCD;}
input[type=textarea]{background:#d2691e;border-top:1px solid #d2691e;border-bottom:1px solid #d2691e;border-left:1px solid #d2691e;border-right:1px solid #d2691e;color:#fff;margin:1px;size:small;}
{padding:6px;}
.b .bx{padding:2px 4px;}
.b .cr{border:1px solid #8d949e;border-radius:72px;height:45px;padding:4px 20px 0 20px;resize:none;}
.cp{border-color:#90949c;box-sizing:border-box;width:100%;}
.cp.cq{margin-top:6px;}
.b .ct{height:45px;margin:6px 0 0 5px;width:75px;}
.b .cl{border:1px solid #8d949e;height:43px;margin:6px 4px;width:43px;}
.ck{padding-right:4px;}
.cs{padding-left:4px;}
.bz{margin-top:4px;}
.dn{background:#f5f6f7;}
.d{background:#dddfe2;}
.dk{background:#fff;}
form{margin:0;border:0;}
.b .ba{border:0;border-collapse:collapse;margin:0;padding:0;width:100%;}
.b .ba.cz{width:auto;}
.b .ba tbody,.b .cj>tr>td,.b .cj>tbody>tr>td,.b .ba td.cj{vertical-align:top;}
.b .da>tr>td,.b .da>tbody>tr>td,.b .ba td.da{vertical-align:middle;}
.b .ba td{padding:0;}
.b .ba td.bj{padding:2px;}
.b .ba td.do{padding:4px;}
.b .bg{width:100%;}
.b a,.b a:visited{color:#3b5998;text-decoration:none;}
.b .bt,.b .bt:visited{color:#fff;}
.b a:focus,.b a:hover{background-color:#3b5998;color:#fff;}
.b .bt:focus,.b .bt:hover{background-color:#fff;color:#3b5998;}
.cm{background:#eceff5;}
.cn{appearance:none;border:0;margin:0;padding:0;}
.bn{appearance:none;background:none;display:inline-block;font-size:12px;height:28px;line-height:28px;margin:0;overflow:visible;padding:0 9px;text-align:center;vertical-align:top;white-space:nowrap;}
.b .bn{border-radius:2px;}
.cu,a.cu,.b a.cu,.b a.cu:visited{background-color:#f5f6f7;color:#4b4f56;}
.b a.cu:hover,.b .cu:hover{background-color:#ebedf0;color:#4b4f56;}
.b .cu{border:1px solid #bec3c9;}
.cu[disabled]{color:#bec3c9;}
.b .cu[disabled]:hover{background-color:#f5f6f7;color:#bec3c9;}
.bp,.fn,a.bp,a.fn,html .b a.bp,html .b a.fn{color:#fff;}
.b .fn{background-color:#4080ff;border:1px solid #4476e8;}
.b a.fn:hover,.b .fn:hover{background-color:#4580ef;}
.b .bp{background-color:#4267b2;border:1px solid #365899;}
.b a.bp:hover,.b .bp:hover{background-color:#465e91;}
.bp[disabled]{color:#899bc1;}
.fn[disabled]{color:#91b4fd;}
.b .bp[disabled]:hover{background-color:#4267b2;}
.b .fn[disabled]:hover{background-color:#4080ff;}
.bn .t{display:inline-block;}
.b .bn .t{display:inline-block;margin-top:0;vertical-align:middle;}
.b a.bn::after{content:"";display:inline-block;height:100%;vertical-align:middle;}
.bn .t{line-height:20px;margin-top:4px;}
.bn.fl{display:block;width:100%;}
a.bn.fl,.b label.bn.fl{display:block;width:auto;}
.b .bn{padding:0 8px;}
.b a.bn{height:26px;line-height:26px;}
.t{pointer-events:none;}
.du{color:#90949c;}
.er{color:#4b4f56;}
.dp{color:#1d2129;}
.dt{font-size:12px;line-height:16px;}
.bm{font-weight:normal;}
._52jh{font-weight:bold;}
.ch{text-align:left;}
.cv{display:inline-block;}
.cw{width:100%;}
.cx{color:gray;}
.o{font-size:small;}
body,tr,input,textarea,.e{font-size:medium;}
.cy{display:inline-block;}
.cy .dg{display:block;font-size:small;white-space:normal;}
.dc,.dd.m{cursor:pointer;display:block;}
.b .cy a.dg,.cy .dg{color:#4b4f56;font-weight:bold;text-align:left;}
.b .cy a.dg:hover,.b .cy a.dg:focus,.cy .dg:hover,.cy .dg:focus{background:#4b4f56;color:#fff;}
.b .cy a.dc:hover,.b .cy a.dc:focus,.cy .dc:hover,.cy .dc:focus{background:inherit;}
.b .gg{padding:0;}
.b .bj{padding:2px;}
.b .do{padding:4px;}
.m{border:0;display:inline-block;vertical-align:top;}
i.m u{position:absolute;width:0;height:0;overflow:hidden;}
.df{appearance:none;background-color:transparent;border:0;display:inline;font-size:inherit;margin:0;padding:0;}
.df:hover{background-color:#3b5998;color:#fff;white-space:normal;}
.dh{color:#3b5998;}
.ca{display:block;display:flex;max-width:100%;overflow:hidden;white-space:nowrap;}
.cb{color:#4b4f56;font-size:12px;line-height:20px;white-space:nowrap;}
.cc{background-color:#fff;border:0;display:inline-block;height:26px;line-height:26px;margin:0;padding-right:16px;position:relative;vertical-align:top;white-space:nowrap;}
.cc input,.cc button,.cc .t{color:#3b5998;}
.cc a:hover,.cc a:hover .t{color:#fff;}
.cc.cd,.cg.cd{height:20px;line-height:20px;}
.cg{appearance:none;background-color:#fff;border:none;color:#4b4f56;display:inline-block;font-size:12px;height:26px;min-width:100%;padding:0;vertical-align:top;}
.cc a.cg{color:#4b4f56;}
a.cg .t,a.cg .t::before{display:inline-block;height:100%;margin-top:0;vertical-align:middle;}
a.cg .t::before{content:"";}
.cf{background-color:#dadde1;}
.cf .cg{background-color:#dadde1;}
.ci{background-image:url(http://funbook.wapkiz.mobi/http://javaxpart.wapkiz.com/http://funbook.wapkiz.mobi/https://z-m-static.xx.fbcdn.net/rsrc.php/v3/yY/r/DEWLwbJ5Q9y.png);background-position:right center;background-repeat:no-repeat;bottom:0;display:block;pointer-events:none;position:absolute;right:0;top:0;width:16px;}
.cf .ci{background-image:url(http://funbook.wapkiz.mobi/http://javaxpart.wapkiz.com/http://funbook.wapkiz.mobi/https://z-m-static.xx.fbcdn.net/rsrc.php/v3/yU/r/juEKbziydZc.png);}
.fo{background:#ebedf0;border-top:1px solid #d0d1d5;font-size:small;padding:0 8px 4px;}
.fp{display:block;font-size:small;margin-left:-4px;padding:3px 0 3px 4px;}
.b a.fp,.b a.fp:visited{color:#1d2129;}
.b a.fp:focus,.b a.fp:hover{background:#1d2129;color:#ebedf0;}
.dj,.dj tr{font-size:small;}
.ei{display:block;font-weight:bold;padding:6px 3px;text-align:center;}
.b .ei{background-color:#f5f6f7;border:0;padding:4px;text-align:left;}
.b .ec.ec{background:white;}
.b .ec{border-bottom:1px solid #e5e5e5;}
.b .dj.dj>:first-child{margin-top:-1px;}
.di{border-bottom:1px solid transparent;border-top:1px solid transparent;}
.b .di>*{margin:6px;}
.b .di>:first-child{margin-top:5px;}
.b .di>:last-child{margin-bottom:5px;}
.dm{border-color:#ccced3 #c4c6ca #b4b6ba;border-style:solid;border-width:1px;}
.dz{border-bottom:1px solid #e5e5e5;}
.eg{display:block;font-size:small;}
.dz:last-child{border-bottom:none;}
.ee{height:16px;width:16px;}
.eg .ef{font-size:small;}
.ea{background:#eceff5;}
.eh{white-space:nowrap;}
.b .eg:hover,.b .eg:focus{background:#d1e9ff;color:#3b5998;}
.b .eg,.b .eg:visited,.b .eg:active{background:transparent;color:#1d2129;text-decoration:none;}
.eb .eg,.eb .eg:visited,.eb .eg:active{margin:-2px -2px -2px -22px;min-height:16px;padding:2px 2px 2px 22px;}
.ed,.ed:hover,.ed:active,.ed:visited{background:transparent;}
.ed>.m{display:block;}
.dq .dv .dw{font-size:x-small;height:auto;line-height:normal;margin-right:5px;padding-bottom:3px;padding-top:3px;}
.dq .dv .dw .t{line-height:normal;}
.dy{white-space:nowrap;}
.dr .ds{color:#365899;font-size:small;font-weight:bold;}
.ds{font-size:14px;}
.dl>*,.dl.dl>*{border-bottom:1px solid #e5e5e5;}
.dl>:last-child{border-bottom:none;}
.dl+.dl{border-top:1px solid #e5e5e5;}
.b .fm{border-radius:4px;margin:8px;}
.en{margin:0 6px 6px;padding:6px;}
.b .en .en{border-color:#e9ebee;margin:6px 0 0;}
.ey{display:inline-block;}
.ex{margin-top:5px;}
.ew,.fh{margin:5px 0;}
.en a,.en a:visited{color:#2b55ad;}
.en a:hover,.en a:focus{background:#2b55ad;color:#fff;}
.em{font-size:small;}
.ek{list-style:none;margin:0;padding:0;}
.eq{position:relative;}
.fa{margin-left:-7px;}
.ez{display:inline-block;}
.ep tr{font-size:inherit;}
.et{font-size:small;}
.fc{margin:0 1px;}
.fd{background-repeat:no-repeat;background-size:contain;color:transparent;display:inline-block;text-decoration:none;text-shadow:none;vertical-align:text-bottom;}
.fb{white-space:nowrap;}
.ff{display:inline-block;margin-right:3px;vertical-align:middle;}
body{text-align:left;direction:ltr;}
body,tr,input,textarea,button{font-family:sans-serif;}
body,p,figure,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dd,dt{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-size:1em;font-weight:bold;}
ul,ol{list-style:none;}
article,aside,figcaption,figure,footer,header,nav,section{display:block;}
.w{background-color:#3b5998;}
#page{position:relative;}
.bf,.bf.m{display:block;}
.bc{display:block;}
.bd{height:20px;width:20px;}
.y{background:#3b5998;padding:0 4px 4px;height:22px;}
.y.y .bk{background:#fff;border:1px solid #243872;box-sizing:border-box;font-size:small;height:22px;margin:0;width:100%;}
.z.y{padding:1px 1px 3px;}
.y .be{padding:1px 3px 0 0;}
.y.y.y .bo{background:#627aba;border:1px solid #2e417e;color:#fff;font-size:x-small;font-weight:normal;height:22px;line-height:20px;margin-left:3px;}
.x{padding:2px 3px;}
.bi{border:0;display:block;margin:0;padding:0;}
.fx{font-size:small;padding:7px 8px 8px;}
.gl{border:1px solid;border-color:#8d949e;border-radius:4px;display:block;margin-top:8px;padding:4px;text-align:center;}
.fu{display:block;font-size:x-small;margin:-3px -3px 1px -3px;padding:3px;}
.fw{border:1px solid #90949c;display:block;font-size:x-large;height:20px;line-height:18px;text-align:center;vertical-align:middle;width:20px;}
.b .fx td.fs{padding-right:4px;}
.b .fx td.fv{padding-left:4px;}
.fx.fy{background-color:#444950;}
.fy{border-top:1px solid #444950;color:#bec3c9;}
.b .fy a,.b .fy a:visited,.b .fr input,.b .fr input:visited,.b .fr a,.b .fr a:visited{color:#bec3c9;}
.b .fy a:focus,.b .fy a:hover,.b .fr input:focus,.b .fr input:hover,.b .fr a:focus,.b .fr a:hover{background:#dadde1;color:#1d2129;}
.ga{margin-bottom:8px;}
.fx.fy .ga>table{background:#d3d7dc;border:1px solid #444950;}
.gh{background:#d3d7dc;}
.fq{background-color:#444950;font-size:x-small;padding:7px 8px 8px;}
.ft{color:#bec3c9;display:block;font-size:x-small;margin:-3px -3px 1px -3px;padding:3px;}
.fz .gk{height:24px;line-height:24px;margin-left:2px;}
.gc{background:#fff;}
.fz .gi{background-color:transparent;color:#4b4f56;display:block;padding:0;width:100%;}
.gd .m{display:block;}
.fz .gb .gj{padding:2px;}
.fz .gb .gd{padding:4px;}
.b .fz .gb{border:1px solid #8d949e;}
.bq{padding-bottom:1px;}
.bs{display:inline-block;font-size:small;padding:2px 4px 2px;}
.bu{color:#fff496;}
.b a:hover .bu,.b a:focus .bu,.bs:hover .bu,.bs:focus .bu{color:#365899;}
.bs.br{background-color:#6d84b4;}
.i{display:table-cell;vertical-align:middle;width:100%;}
.j{display:table-cell;height:32px;vertical-align:middle;}
.n{color:#fff;padding-left:8px;padding-top:1px;}
.l{padding-left:4px;}
.b a}
.k,.b a.k:focus,.ba.k:hover,.b a.k:visited,a.k,a.k:focus,a.k:hover,a.k:visited{background:none;color:#fff;cursor:pointer;padding:0;text-decoration:none;}
.p{display:table-cell;padding:5px8px;text-align:right;vertical-align:middle;}
.g{display:table;width:100%;}
.h{background-color:#7537b3;color:#fff;padding-bottom:2px;padding-top:2px;width:100%;}
.s,.b .s{border-radius:2px;display:inline-block;height:24px;line-height:26px;overflow:visible;padding:08px;text-align:center;vertical-align:middle;white-space:nowrap;}
.r,.b a.r,.ba.r:hover,.b .r,.b .r:hover{background:#7537b3;border:1px solid #fff;color:#fff;font-size:12px;}
} make sure you copy al thisl CSS code. now Cluck OK



Secondly: Go to heard page site--1.html  and open HTML/Tag code. and paste this there.

<link rel="stylesheet" href="http://facebook.com/style/style.css" type="text/css"/> <a
name="top" id="#top"></a>
<div class="logo"><table width="100%"><tr><td width="20%"><b>Firstbook </b></td><td width="80%" align="right"><a class="header" href="/site_reg.html">Create Acount</a></td></tr></table></div>

<body tabindex="0" class="b c d"><div class="e"><div id="viewport"><div class="u v"><div class="w x" id="header"><form method="get" action="/search/" class="y z"><input type="hidden" name="refid" value="8" /><input type="hidden" name="search" value="Search" /><input type="hidden" name="search_source" value="top_nav" /><table class="ba"><tbody><tr><td class="bb"><a class="bc bd be" href="/site-0.html"><img src="https://z-m-static.xx.fbcdn.net/rsrc.php/v3/ym/r/Gjhrhb7r0lb.png?_nc_eui2=AeE8oFxMQLtiZoyTwCxu92GqmgogjMsGngVyo4FysF6DQ4-yvv2MUvCFFsIQhdppsyssNXthJCV88KHmVCnTS_j6dqBMxFI8kz3fLzT-3Td9CgFM4oVD9CdLP9vtXmH8P G8" width="20" height="20" class="bf m" alt="Facebook logo" /></a></td><td class="bg bh"><input class="bi bj bk" name="query" placeholder="Search Firstbook" autocomplete="off" autocorrect="off" spellcheck="false" type="text" /></td><td class="bb bl"><input value="Search" type="submit" class="q bm bn bo bp" /></td></tr></tbody></table></form><div class="bq"><a href="/site-0.html" class="br bs bt">Home</a><a href="/site-profile.html?to-user=%my_name%" class="bs bt">Profile</a><a accesskey="4" href="/site-massage.html" class="bs bt"><strong class="bu">Messages(0)</strong></a><a accesskey="3" href="/site-notification.html" class="bs bt"><strong class="bu">Notifications([rand-open]4[r]5[r]6[r]2[r]3[r]1[r]7[r]8[r]9[/rand-close])</strong></a><a accesskey="6" href="/site-shout.html" class="bs bt"><strong class="bu">Chat([rand-open]0[r]9[r]8[r]7[r]6[r]5[r]4[r]3[/rand-close])</a><a accesskey="2" href="/site-friends.html?to-user=:to-user:" class="bs bt"><strong class="bu">Friends([rand-open]2[r]3[r]9[r]7[r]6[r]8[/rand-close])</strong></a><a href="/site-forum.html" class="bs bt"><strong class="bu">Forum([rand-open]6[r]3[r]2[r]1[r]7[r]9[r]8[/rand-close])</strong></a><a href="/site-room.html" class="bs bt"><strong class="bu">Groups([rand-open]99[r]96[r]60[r]80[r]93[r]95[/rand-close])</strong></a><a accesskey="5" href="/site-menu.html" class="bs bt">Menu</a></div></div</style></div></div></div></a></a>



Now go to site--2.HTML and paste this code in HTML/Tag code. then set visibility to Guest.

<div class="dk"><div class="fq"><div class="fr"><table class="ba"><tbody><tr><td class="bg fs" style="width:50%"><b class="ft"><fon tcolor="white-"> English (US)</font></b><a class="fu" href="/site-language.html"><font color="white"> हिन्दी</font></a><a class="fu" href="/site-language.html"><font color="white"> Español</font></a></td>  <td class="bg fv" style="width:50%"><a class="fu" href="/site-language.html"><font color="white"> বাংলা</font></a><a class="fu" href="/site-language.html"><font color="white"> অসমীয়া</font></a><a class="fu" href="/site-language.html"><div class="fw"><font color="white"> + </font></div></a></td></tr></tbody></table><font color="white">Firstbook INC</fonr><a class="gl" href="#top"><font color="white"> Back To Top</font></a></div></div></div></div></body></html>


Now open another HTML/tags code and paste this code and set visibility to User.

<div class="dk"><div class="fq"><div class="fr"><table class="ba"><tbody><tr><td class="bg fs" style="width:50%"><b class="ft"><fontcolor="white-"> English (US)</font></b><a class="fu" href="/site-language.html"><fontcolor="white"> हिन्दी</font></a><a class="fu" href="/site-language.html"><fontcolor="white"> Español</font></a></td><td class="bg fv" style="width:50%"><a class="fu" href="/site-language.html"><fontcolor="white"> বাংলা</font></a><a class="fu" href="/site-language.html"><fontcolor="white"> অসমীয়া</font></a><a class="fu" href="/site-language.html"><div class="fw"><fontcolor="white"> + </font></div></a></td></tr></tbody></table></div></div><div class="fx fy"><div id="search_div"><form method="get" action="/search/"><input type="hidden" name="refid" value="8" /><input type="hidden" name="search" /><input type="hidden" name="search_source" value="footer" /><div class="fz ga"><table class="ba gb gc"><tbody><tr><td class="bb gd da"><label for="u_0_c"><img src="https://z-m-static.xx.fbcdn.net/rsrc.php/v3/yC/r/hwCZEAcHQnm.png?_nc_eui2=AeEW3PxOsJLMXkGlBcelLhe_L75MK-BSaTnZnXLTdnwtnCrN871S2dRN1xTBwDlLIGx-FUUa42loGz7T-AC0jw77sSbqJz3Xm3Te1E3w4ePPzDv_BDs5a79Kcv9sIOlihm8" width="20" height="20" class="ge m" /></label></td><td class="bg gf da"><input class="bi gg gh gi" name="query" id="u_0_c" type="text" /></td><td class="bg  bh"><input value="Search" type="submit" class="q bm bn gk bp" /></td></tr></tbody></table></div></form></div><table class="ba"><tbody><tr><td class="bg fs" style="width:50%"><a class="fu" href=//Wapkings.minewap.com"><fontcolor="white">Our Forum</font></a><a accesskey="0" class="fu" href="/site-help.html"><fontcolor="white"> Help</font></a><a accesskey="7" class="fu" href="/site-settings.html"><fontcolor="white"> Settings &amp Privacy</fon></a></td><td class="bg fv" style="width:50%"><a class="fu" href="/site-report.html"><fontcolor="white"> Report a Problem</font></a><a accesskey="8" class="fu" href="/site-terms.html"><fontcolor="white"> Terms &amp Policies</font></a><a class="fu" href="/site_logout.html"><fontcolor="white"> Logout (:my_name:)</font></a></td></tr></tbody></table><a class="gl" href="#top"><fontcolor="white"> Back To Top</font></a></div></div></div></div></body></html>.


That is the end of this tutorial. we shall meet in the next tutorial. am going to drop all the rest codes. If you really need the rest code ,Identify your by drop comment.


hope it helpful. if yes drop comment. if you don't get it right. let us know in comment so that we can explain for you better. thanks for reading
Share:

0 Comments:

Post a Comment

Drop your comment

Copyright © Highwebs Blogging and tech | Powered by Highwebs_Teams Design by Ibraheem_Musa_Damilare | Blogger Theme by Ibraheem_Ng