How To Make A File Uploader Website By Wapkiz.Com/Wapkiz.Mobi

How To Make A File Uploader Website By Wapkiz.Com/Wapkiz.Mobi

File Uploader Website By Wapkiz

File Uploader Website By Wapkiz


Hellow Friends,
How Are You ? I am Fine Too You. Today I am Sharing A nEw Wapkiz Theme Or Code. That Is File Sharing Website.

Demo:- Uploads.Wapkiz.Com

Any One Share Files , No Registretion Required. Follow My Step And Create Your New Files Sharing Website. This Website Is Very Nice And Mobile Responcive.

This Thme Create By Me. Do Not Copy And Sharing Online Others Website By Owne. Follow My Fully Step Carefully. Ok.

...Lets Start...

Go To Wapkiz.Com / Wapkiz.Mobi
Login Your Admin Pannel And Create Your New Site. Enter Your Admin Pannel. And Go To Meta Header. Copy This Code And Paste Meta Header.

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"/> <style>html,body {    margin: 0px;    padding: 0px;}a{text-decoration:none;color:#fff;}.block_header{background:#000;color:#fff;}.header_logo {    background: #000;color:#fff;}.login_box {    border: 1px solid #ddd;    padding: 2px;    font-size: 12px;    text-align: center;    padding: 5px;}.logo {    text-transform: capitalize;    font-size: 20px;    padding: 10px 0px;}#social {    text-align: center;    background: #000;    color: #fff;    padding: 20px 10px;}#Text1 h3.title {    font-size: 16px;    padding-bottom: 10px;    max-width: 240px;    margin: 0px auto;    border-bottom: 1px dotted #ddd;}#Text1 .widget-content {    font-size: 13px;    margin: 20px 10px;}#HTML4 .widget-content {    margin-bottom: -35px;    z-index: 1;}#HTML4 ul {    padding-left: 0;    list-style: none;}#HTML4 ul li {    display: inline-block;    padding-right: 5px;    padding-left: 5px;}#HTML4 ul li a {    background: #000;    color: #fff;    width: 25px;    height: 25px;    border: 1px solid rgba(255,255,255,0.2);    display: block;    line-height: 25px;    border-radius: 45px;    font-size: 10px;}.footer-flex {    background: #000;    padding: 20px 10px;    margin: 0px auto;    text-align: left;    color: #fff;    border-top: 0.9px dotted #ddd;}.footer {    display: flex;}#HTML3, #LinkList3 {    width: 50%;}#HTML3 h3.title {    float: left;    font-size: 13px;    color: #fff;    margin-right: 5px;}#HTML3 a, #HTML3 a:hover {    color: #fff;    font-size: 13px;    font-weight: bold;}#LinkList3 ul li a {    float: right;    color: #fff;    font-size: 13px;    font-weight: bold;    margin-left: 10px;}#LinkList1 ol, #LinkList2 ol, #LinkList3 ul {    list-style: none;}.footer .widget-content {    margin-top: 10px;}#upload input[type="file"] {    width: 100%;    height: 100px;    cursor: pointer;    color: #f00;    padding: 5px;    font-size: 15px;    text-transform: capitalize;    font-weight: bold;}.upload-img {    position: relative;    background-image: url("//i.ibb.co/pj3LT8f/upload.png");    background-size: cover;    width: 250px;    height: 100px;    background-repeat: no-repeat;    border: 1px dashed #000;    cursor: pointer;}#upload {    border: 1px dotted #000;}.up-button,#upload input[type="submit"] {    background: red;    border: 1px solid red;    font-size: 15px;    font-weight: bold;    color: #fff;    padding: 5px 100px;    border-radius: 50px 0;    margin: 10px;    outline: none;    cursor: pointer;}::-webkit-file-upload-button {display: none;}::file-selector-button {display: none;}.img-bb-code img {    width: 150px;    height: auto;    border: 1px solid #000;    padding: 5px;}#bb-code input[type="textarea"] {    width: 150px;    height: 50px;    padding: 5px;}.cam {background-image: url(//i.ibb.co/HgLKGky/cam.png);width: 250px;height: 150px;background-position: center;background-repeat: no-repeat;background-size: cover;}#social::before {content: "";background-image: url(//i.ibb.co/W65FrgV/grass.png);background-repeat: no-repeat;background-size: cover;background-position: center;left: 0;right: 0;width: 100%; height: 15px; position: absolute;margin-top: -35px;}.block_header::after { content: "";background-image: url(//i.ibb.co/W65FrgV/grass.png);background-repeat: no-repeat;background-size: cover; background-position: center;left: 0;right: 0;width: 100%;height: 15px;position: absolute;margin-bottom: -35px;transform: rotate(180deg);}.up-button,#upload input[type="submit"] { background: red; border: 1px solid red; font-size: 15px; font-weight: bold; color: #fff; padding: 5px 100px; border-radius: 50px 0; margin: 10px; outline: none; cursor: pointer; }#upload input[type="file"] {    width: 100%;    height: 100px;    cursor: pointer;    color: #f00;    padding: 5px;    font-size: 15px;    text-transform: capitalize;    font-weight: bold;}</style>
Now Go To Header Page. This Page Id Is -1. Copy This Code And Paste This Code Header.
This Code Visible On Guest Mode. Ok.
<div class="block_header"><table class="header_logo" width="100%"><tbody><tr><td><a href=":site_url:"><div class='logo'>:site_name:</div></a></td><td width="50px" align="right"><a class="login_box" href=":site_url:/site_login.html">Login</a></td><td width="50px" align="right"><a class="login_box" href=":site_url:/site_reg.html">Signup</a></td> </tr></tbody></table></div>
This Code Visible Only User Mode.

<div class="block_header"><table class="header_logo" width="100%"><tbody><tr><td><a href=":site_url:"><div class='logo'>:site_name:</div></a></td><td width="100px" align="right"><div class="login_box">Hi, :my_name:er !</div></td> </tr></tbody></table></div>

Go To Footer Page. This Page Number Of -2. Ok. Copy And Paste This Code. This Code Visible Only For Guest Mode. Ok.

<div id="footer-wrraper"><!-- Social Link Footer Start --><div id="social"><div class="social section" id="Social Url"><div class="widget Text" data-version="2" id="Text1"><h3 class="title">Lets Connect</h3><div class="widget-content"><span>:site_name: Is The Best Uploading Web Site.Don't Copy Any File Without Permision.</span></div></div><div class="widget HTML" data-version="2" id="HTML4"><div class="widget-content"><div><ul><li><a href="javascript:void(0);"><i class="fa fa-facebook" aria-hidden="true"></i></a></li> <li><a href="javascript:void(0);"><i class="fa fa-google-plus" aria-hidden="true"></i></a></li> <li><a href="javascript:void(0);"><i class="fa fa-linkedin" aria-hidden="true"></i></a></li> <li><a href="javascript:void(0);"><i class="fa fa-twitter" aria-hidden="true"></i></a></li> </ul></div></div></div></div></div><!-- Social Link Footer End --><div class="footer-flex"><div class="footer section" id="Footer"><div class="widget HTML" data-version="2" id="HTML3"><h3 class="title">Copyright 2022 ©</h3><div class="widget-content"><a href=":site_url:">:site_name:</a></div></div><div class="widget LinkList" data-version="2" id="LinkList3"><div class="widget-content"><ul><li><a href="/site-about.html">About Us</a></li><li><a href="/site-contact.html">Contact Us</a></li></ul></div></div></div></div></div>
Now Go To Home Page. Home Page Number Of 0. Ok.

<div id="upload" align="center"><h1>Upload and share your images.</h1><div class="cam"></div><form method="post" action="/site_login.html"><input type="hidden" name="user_name_" maxlength="100" value="Upload"/><input type="hidden" name="password_" minlength="6" value="000000"/><input class="up-button" type="submit" name="login_user" value="Enter Upload"/></form></div>
Now Create Two New Page. First Page Name Is Upload And Second Page Name Is Img-bb. Ok , Create Your Page.

Again Go To File Manager And Create A Folder , Give Folder Name User Upload. This Folder Id 1.

Enter First Page That Page Name Is Upload. Create A File Uploader. Follow My File Uploader Settings. Ok.

Directory - [1] User Upload
File Type - jpg png gif jar mp3 mp4
Max Size - 50000000 (example: 1000000 for 1mb)
Direct after uploaded - Site-2.html
Tag Code -
<div id="upload" align="center">      %notify%       <br/><div class="upload-img">%file%</div><br/>      %submit%      </div>
 <style>::-webkit-file-upload-button {display: none;}::file-selector-button {display: none;}</style>
Visibility Access - User Mode.

Now Go To Second Page , That Page Name Is Img-bb. Ok.
Copy This Code And Paste This Html Code.

<div id="upload" align="center">[fm]d=1,o=u,l=1,s=:to-page:,no=no file||<br/><div class="img-bb-code"><img src="%urlthumb%"/></div><div id="bb-code"><input type="textarea" value="[url=:site_url:][img]%urlthumb%[/img][/url]"/></div><br/>[/fm]</div>
This Code Visible Only For User Mode.

Final Step , Create A New User In Your Site. Give This Same To Register User Informa
User Name - Upload
Password - 000000
Email - Give Your Owne.
Nb: - Do Not Change User Name & Password. Others By Not Working Enter Upload Button.

Thanks All. Are Done The All Step. Visit Your Website. Enjoy.

Credit By SMsudipBD.Com
Tags:- How To Make A File Uploader Website By Wapkiz.Com/Wapkiz.Mobi,wapkiz new theme,wapkiz all website code,wapkiz forum code,wapkiz blog code,wapkiz last update code,wapkiz user profile code,wapkiz category code,wapkiz bid code,wapkiz login page code,wapkiz register code.wapkiz download code,wapkiz ptl.
পোস্ট রেটিং করুন
ট্যাগঃ
About Author
1 comment
Sort by