Junior Mayengani is a Fanbook user, you can Join now

» »
New way to make mobile view and pc view on wapka site (June 2017)By FIDeLiAN reload

New way to make mobile view and pc view on wapka site (June 2017)By FIDeLiAN reload
Tag:-

About 115 days ago
KinG FiDeLiAN
KinG FiDeLiAN off-line
From: NG NG
Topic No: 1


hello webmasters. Our todays tutorial is how to diff b/w mobile view and pc view for advance users only thats know litle abt css coding step 1 u need xternal css i advice you to use xtgem create a site there and click buid >file»browser»scrol down and click create folder > name the folder css it will ridirect u to d folder root(inside the folder) create a 2 files 1st mobile.css 2nd pc.css choose plain text now we create a css file remain d main css inside mobile.css file paste this
body{max-width:780px;font-size:100%;max-height:auto;}img{max-width:100%;max-height:auto;}#mobile{display:;}#pc{display:none;}
[color=red]note that no need for <style></style> cos this is external css
inside pc.css paste this
body{min-width:1500px;height:auto;max-width:1580px;font-size:100%;max-height:auto;margin-right:auto;margin-left:auto;}img{max-width:100%;max-height:auto;}#mobile{display:none;}#pc{display:;}
then ur links will be like this http://ursite.domain/css/mobile.css and http://ursite.domain/css/pc.css Visit if its display d styles den u r good to go to next step if it dosent den u need to review d tut againstep2 go and paste this in ur headtags
<!-- Phone --><link href="http://ursite.domain/css/mobile.css" rel="stylesheet" type="text/css" media="only screen and (max-width:579px)"/><!-- Desktop --><link href="http://ursite.domain/css/pc.css" rel="stylesheet" type="text/css" media="only screen and (min-width:580px)"/>
when ever you want hide content to pc users only use
<div id="mobile">conte u want to hide</div>
also if u want to hide content to mobile users use
<div id="pc">content u want to hide</div>
den change ursite.domain with ur xtgem site that u created and note dont use any css with width if not u will face some probs enjoy
2.54 KBMessage me on Facebook @ Fidelis E Peter and seen me a message
Or visit this websiteIMG: icon.png(0 B)[/color]
Tag:
Join Us On Social Media
Facebook Twitter Admin





Quick Reply& No Spam!
Tag:-

New way to make mobile view and pc view on wapka site (June 2017)By FIDeLiAN reload

wCode
SShot
Icon

Your Name:

Text:

See More Topics
Site: Prev.Next.>>..1
Like & Follow Us
Find us on :facebooktwitter
Visitor Rank
Fanbook.GQ
Share Link
HTML & BB Code:
Telugu Movie
Download Android Game for Free
Android Games  Teen Patti  Vidmate  more