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


Hi Guest, kindly Login Or Register To Unlock More Advanced Features In Wapforum


How To Make Computer Version Of Wapka Mobile Site (tutorial And Codes)
(7.3k )
#1
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


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


#3
(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


#4
(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


Share This Post To The World






Users browsing this thread: 1 Guest(s)
Goto First Post In This Thread



Possibly Related Threads...
Thread Author Replies Views Last Post
  SHARED: Just Finished With My Wapkiz Site Okay site 0 742 03-09-2019, 02:40 PM
Last Post: Okay site
  CODE: Wapka Last Five Login User Photos Code Rapkid 3 17.2k 06-07-2018, 04:59 PM
Last Post: Princedan
  HELP: Pls How Can I Set Xtgem Forum Update Or Trending Update On Xtgem Site seancoded 1 5k 15-05-2018, 11:35 PM
Last Post: Dahfaith
  HELP: How To Create A Site Like Gochat.ga On Wapka olamideoladesino 3 8.5k 17-04-2018, 02:19 PM
Last Post: olamideoladesino
  HELP: Tutorial On How To Create A Site Like Gochat.ga On Wapka olamideoladesino 0 5.4k 13-04-2018, 11:20 AM
Last Post: olamideoladesino
  TUTORIAL: Wapka Wapmasters Pls I Need A Working Facebook Sharing With Thumbnail....... Xtopfile 4 8.3k 21-03-2018, 04:18 PM
Last Post: Spruce
  TUTORIAL: Xtopfile Latest Update With Link And Thumbnail Display Xtopfile 1 6.5k 13-03-2018, 10:40 PM
Last Post: naijaplus




Advertisement