Tutorial] Make A Social Network Site Like Facebook In Wapka [Part-1]…

[start]

1st Make A Wapka Account In Wapka.Mobi .

Next Go To Your Site And Go Admin Mode .Next ::EDITE SITE:: > GLOBLE SITTING(head tag and meta style…)

Past This Code And Click Submit…

[text] body { margin: 0px; padding: 0px; overflow: hidden; } a, a:visited{color:#3b5998;text-decoration:none} a:focus, a:hover{background-color:#3b5998;color:#fff} img{max-width:96%} .button, .button a { color: #fff;} .button { border: 1px solid #4a5f90; background-color: #627aad; display: inline-block; font-size: 12px; font-weight: bold; height: 28px; line-height: 28px; margin: 0; overflow: visible; padding: 0 9px; text-align: center; vertical-align: top; white-space: nowrap; } .mfss { word-wrap: break-word; } input, textarea, select { border: 1px solid #bbb; padding: 4px 2px; margin: 1px; } input[type=submit], input[type=button], button, input[type=submit] a, input[type=button] a, button a { color: #fff;} input[type=submit], input[type=button], button { border: 1px solid #4a5f90; background-color: #627aad; display: inline-block; font-size: 12px; font-weight: bold; height: 28px; line-height: 28px; margin: 1px; overflow: visible; padding: 0 9px; text-align: center; vertical-align: top; white-space: nowrap; }.btn, a.btn{border:solid 2px;cursor:pointer;margin:0;padding:2px 6px 3px;text-align:center}.btnC, a.btnC{background:#3b5998;border-color:#8a9ac5 #29447E #1a356e;color:#fffa.btnC:visited{background:#3b5998;border-color:#8a9ac5 #29447E #1a356e;color:#fff}.btnD, a.btnD{background:#f3f4f5;border-color:#ccc #aaa #999;color:#505c77} document.body.className = “nontouch x1 acw”; input[type=checkbox], input[type=radio] { padding: 4px; div.fcg abbr a { color: #888 !important; }div.mfss abbr a { color: #888 !important; }#head{background:#09f url(https://mycssworld.xtgem.com/ic/head.png)bottom repeat-x;text-align:right;padding:14px 8px 40px 0px;margin-top:0px;border-top:2px solid #5555cc}#head .txt {background:#fff;border:solid #222;border-width:1px 0px 1px 1px;width:62%;height:32%;padding:5px 5px 5px 5px;opacity:0.3;filter:alpha(opacity=30);margin:0px 0px 0px 0px}#head .btn {border:solid #222;border-width:1px 1px 1px 0px;font-size:0px;background:#fff url(https://mycssworld.xtgem.com/ic/search.png)center no-repeat;width:18%;margin:0px 0px 0px -3px;padding:5px 5px 5px 5px;opacity:0.3;filter:alpha(opacity=30)}#body{padding:22px 8px 28px 8px;color:gray;text-align:center;font-size:0px}#body .name{margin-bottom:5px;padding:5px 6px;background:#fff;border:1px solid #ccc;width:80%;color:#09f;vertical-align:center}#body .pass{margin-bottom:5px;padding:5px 6px;background:#fff;border:1px solid #ccc;width:80%;color:#009999;vertical-align:center}#body .sbmt{background:#09f;border:1px solid #08f;padding:5px 6px;text-align:center;color:#fff;font-weight:bold;width:87%;margin-bottom:5px}#body .smt{background:#57a7e6;border:1px solid #2477b3;padding:5px 6px;text-align:center;color:#fff;font-weight:bold;width:87%}#footer{background:#e0e0e0;border-top:1px solid #bbb;padding:12px;text-align:center;color:#999;content:’Sfoorti.Tk © 2015′;text-shadow:0px 1px 0px #fff}body:after{padding: 5px 12px; display:block; text-align:center;background:url()#fff;repeat-x top,#444;border-top:1px solid #fff;content:”Sfoorti.Tk”;color:#fff;text-shadow:-1px 0 #6FACD5,0 1px #6FACD5,1px 0 #6FACD5,0 -1px #6FACD5;font-weight:bold}.bg { background-color: #d3d6ef; border-color: #adb2bb; border-style: solid; border-width: 1px 0 0; margin-bottom: -4px; padding-bottom: 3px; }.tit { padding: 5px; font-weight: bold; color: grey; } .box { background-color: #FFFFFF; padding: 4px; border-bottom: 1px solid #ccc; width: 100%; text-align: left; }.bo { background-color: #FFFFFF; padding: 4px; border-bottom: 2px solid #ccc; width: 100%; text-align: left; } .bg table { padding: 6px; border-bottom: 1px solid #ccc; width: 100%; text-align: left; } .bg h3 { float: left; padding-left: 6px; } .bg td { text-align: left; float: left; }[/text]

[end]

আরো পর্বগুলো পেতে চলে আসুন আমাদের সাইটে