How To Make Computer Version Of Wapka Mobile Site (tutorial And Codes)




You Are Currently Viewing This Forum As A GUEST!.
You Are Restricted In Some Area
Login Or Register
To Have Full Access To The Forum .


[-]
Tags
to tutorial make version mobile codes of site and how computer wapka

How To Make Computer Version Of Wapka Mobile Site (tutorial And Codes)
(3450 Views )
Make Mobile and Pc version of wapka - updated tutorial.

This Tutorial will teach you how to create a wapka site with Pc view.if you are new to wapka let me give you a quick summary on how to start a wapka site You have to Open a Gmail account and then goto http://wapka.com and sign in for a wapka passport, you should choose a strong password to prevent hackers from penetrating into your wapka account in the future.

To register with wapka, click hereAfter you have succesfully created your wapka passport you will be sent a confirmation mail which will be automatically sent by wapka bot to verify if truly you are the owner of the mail you provided, so input accurately all the necessary info required by wapka to avoid difficulties with your account in the future.

Understanding Wapka Functions in designing Pc View

We are going to be looking at the Most important functions that will help you in succesfully Creating a wapka website with Pc View.

1. Headtags - the Headtags is one of the most important function when designing your pc view (desktop version), this is where you will put all the important codes that will make your website 100% responsive.I know most of you guys ignore the headtags because you can put every html code or javascript code on the Xhtml/Wml box, this is very bad... As a programmer you need to explore each and every function in a program. The headtags is very important because it comes before the tags and any code e.g Css or Javascript or Jquery code you put there will affect the behaviour of your webpage so take note, the headtags plays the most important role in developing both PC and MOBILE version for your website making your website dynamic and user friendly.
[center]RESPONSIVE CSS TO PLACE IN YOUR HEADTAG[/center]

This code will hide your pc contents from mobile users and your mobile contents from pc usersThe CSS code above is a Media query conditional statement. E.g the code above is telling the mobile/pc user that “if min width (minimum width of the device screen is 1024) show pc contents and if max width is 1023 do not show pc contents... This css media query actually tells the browser to adjust css class or ID's to match the media. Css rule for the width/size of the screen.CREATING YOUR FIRST PC VIEW IN WAPKANow you have to place the above code inside your headtags. Your headtag is located at global settings. Once you Have placed the Css code inside your headtag hiding your contents for pc View or Mobile View will be extremely easy.To hide yor contents for pc simply wrap the item with
Code:
<div class="pc">YOUR PC CONTENTS</div>

[center]OR[/center]

Code:
<div id="pc">YOUR PC CODES/CONTENTS</div>
The above codes will make you show contents for only pc users (people using a computer).to hide mobile content from Pc users just replace "pc" with "mobile" e.g
Code:
<div id="mobile">YOUR MOBILE CONTENTS</div>
You can also write a javacript if else statement here's a javascript statement you can use:

If you use these Code above you can hide your mobile contents by using a div class "wap" to wrap your mobile items and for your Pc contents you can use "web".This will make coding easier for you on your wapka site and render your webpage responsive.Do you have any questions?? Ask via the comment area below.@kharlm☆
@chrismaven@Kissboy@flexible

Quote
@kharlm☆ This Guy will be active oo if we made him moderator of Wapka Section ,abi what did you think?

There's Love In Sharing Big Grin
Quote
(06-01-2018, 01:50 PM)flexible Wrote:
You Must Reply To This Post!. Before You Can See The Download Link
Login Or Register
To See The Hidden Link
This Guy will be active oo if we made him moderator of Wapka Section ,abi what did you think?

Give him mod for Wapka section only

“ I just wanna say nothing is permanent in this world, only change
Quote
(06-01-2018, 02:22 PM)kharlm Wrote:
You Must Reply To This Post!. Before You Can See The Download Link
Login Or Register
To See The Hidden Link
This Guy will be active oo if we made him moderator of Wapka Section ,abi what did you think?

Give him mod for Wapka section only
Yes Only Wapka Only ,But That Will Be Evening, i Told Him To Refer 10 People To Register, Until He Complete That

There's Love In Sharing Big Grin
Quote

Share This Post To The World



You Are Currently Viewing This Forum As A GUEST!.
You Are Restricted In Some Area
Login Or Register
To Have Full Access To The Forum .



Did You Want Latest Nigerian Songs? Click HERE



Possibly Related Threads...
Thread
CODE: Wapka Last Five Login User Photos Code
HELP: Pls How Can I Set Xtgem Forum Update Or Trending Update On Xtgem Site
HELP: How To Create A Site Like Gochat.ga On Wapka
HELP: Tutorial On How To Create A Site Like Gochat.ga On Wapka
TUTORIAL: Wapka Wapmasters Pls I Need A Working Facebook Sharing With Thumbnail.......
TUTORIAL: Xtopfile Latest Update With Link And Thumbnail Display
TUTORIAL: Working Way How To Put Youtube Video In Wapka Message In Forum

Wapforum.com.ng Is The Next Big Hits Online Public Forum In Nigeria




Users browsing this thread: 1 Guest(s)




Copyright © 2018 Wapforum.Com.Ng
Owned by Flexible


Powered by MyBB.