GoFuckYourself.com - Adult Webmaster Forum

GoFuckYourself.com - Adult Webmaster Forum (https://gfy.com/index.php)
-   Sell and Buy Forum (https://gfy.com/forumdisplay.php?f=35)
-   -   Need someone to build me a small mobile site (https://gfy.com/showthread.php?t=983286)

gallerypost 08-20-2010 06:29 PM
Need someone to build me a small mobile site
 
Hi Guys,

I need someone who can build me a small mobile site.
The site will just need to contain 3-5 video pages in mobile format, i'll supply you with a regular videos and you'll need to format them to match the mobiles + design the html pages.

I will probably need 3 mobile sites like this.

Please e-mail me your rates to - [email protected]
If i'm online you can contact me via icq as well - 159514975.

Thanks.

CYF 08-21-2010 12:34 PM
bump for you

Roby 08-21-2010 01:11 PM
e-mail sent

mchacal 03-23-2011 05:39 PM
I need a quick fix my mobile version here http://youngblackgirlfriends.com/tour.php is not fitting the screen correctly on iphone's safari the page is too small and I have to zoom in and on Android using Opera the pages are bigger than the screen

The guy who did the job disappeared and I don't know how to fix it

NaughtyRob 03-23-2011 06:02 PM
That doesnt look like a mobile version dude... email me I'll see if I can help.

FlexxAeon 03-23-2011 06:42 PM
Quote:
Originally Posted by mchacal (Post 18000342)
I need a quick fix my mobile version here http://youngblackgirlfriends.com/tour.php is not fitting the screen correctly on iphone's safari the page is too small and I have to zoom in and on Android using Opera the pages are bigger than the screen

The guy who did the job disappeared and I don't know how to fix it
look up the "meta viewport tag" in google. i didn't look too closely at your site but i suspect that's your issue, as i saw it was missing. one line of code.

mchacal 03-23-2011 07:59 PM
Quote:
Originally Posted by FlexxAeon (Post 18000431)
look up the "meta viewport tag" in google. i didn't look too closely at your site but i suspect that's your issue, as i saw it was missing. one line of code.
Thanks, I'm using the same template for both versions with 2 different style sheets and the following mobile.js script:

PHP Code:
function pageWidth() {
 return window.innerWidth != null? window.innerWidth : document.documentElement && document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body != null ? document.body.clientWidth : null;
}

function doMobile(){
    if(pageWidth() < 600){ 
        mobile = true;
    } else if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i))) {
        mobile = true;    
    } else if((navigator.userAgent.match(/android/i))) {
        mobile = true;    
    } else {
        mobile = false;
    }

    if(mobile == true){
        document.write('<link rel="stylesheet" type="text/css" href="http://youngblackgirlfriends.com/m-style.css" />');
    } else {
        document.write('<link rel="stylesheet" type="text/css" href="http://youngblackgirlfriends.com/style.css" />');
    }
    
} 

How can I insert the "meta viewport tag" using this script???

mchacal 03-23-2011 08:05 PM
This is the code I have on my header

PHP Code:
<script type="text/javascript" src="http://youngblackgirlfriends.com/mobile.js"></script>
<script type="text/javascript"> 
<!--
doMobile();
// -->
</script>
<noscript>
<link href="http://www.youngblackgirlfriends.com/style.css" rel="stylesheet" type="text/css" />
</noscript> 

FlexxAeon 03-23-2011 08:21 PM
you can place it here in the JS:

Code:
if(mobile == true){
        document.write('<link rel="stylesheet" type="text/css" href="http://youngblackgirlfriends.com/m-style.css" />');
        document.write('<meta name="viewport" content="width=device-width, user-scalable=no;"/>');
    } else {
        document.write('<link rel="stylesheet" type="text/css" href="http://youngblackgirlfriends.com/style.css" />');
    }
or something similar. just needs to be part of the header when "doMobile" gets fired off

FlexxAeon 03-23-2011 08:25 PM
also, i know why they put:

Code:
if(pageWidth() < 600){
        mobile = true;
    }
but it's not a smooth way to detect mobile. make your browser less than 600 pixels wide and it fires off the mobile version

mchacal 03-23-2011 08:42 PM
thanks bro very apreciated

mchacal 03-23-2011 08:55 PM
on iPhone is perfect but on Opera(android) the pages are still too big i have to tab from one side to the other to see the whole page

FlexxAeon 03-23-2011 08:58 PM
Quote:
Originally Posted by mchacal (Post 18000598)
thanks bro very apreciated
it's what i do :thumbsup

FlexxAeon 03-23-2011 09:08 PM
Quote:
Originally Posted by mchacal (Post 18000606)
on iPhone is perfect but on Opera(android) the pages are still too big i have to tab from one side to the other to see the whole page
edit:

i just re-read your original post and looked at the code, so I'm guessing that the regular site is loading up in opera?.

if so you just need to add some core cases into the detection part of thecode

FlexxAeon 03-23-2011 09:22 PM
right here:

Code:
function doMobile(){
    if(pageWidth() < 600){
        mobile = true;
    } else if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i))) {
        mobile = true;   
    } else if((navigator.userAgent.match(/android/i))) {
        mobile = true;   
    } else {
        mobile = false;
    }
it's only checking for ipod, iphone, and android. but opera is a third party browser so those terms probably wouldn't be in its user agent string. should be more like:

Code:
function doMobile(){
    if(pageWidth() < 600){
        mobile = true;
    } else if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i)) || (navigator.userAgent.match(/android/i)) || (navigator.userAgent.match(/mobi/i)) || (navigator.userAgent.match(/mobile/i)) || (navigator.userAgent.match(/blackberry/i))) {
        mobile = true; 
    } else {
        mobile = false;
    }
you can see where i added more user agent strings for it to check for. there's a shitload of them that you can be checking for. google around for "mobile user agents" and you'll see what i mean.

mchacal 03-23-2011 09:31 PM
I have to scroll about one third of the page horizontally and it's only happening with Opera, when I try with the Android's default browser is perfect

mchacal 03-23-2011 09:32 PM
I'll try that

Quote:
Originally Posted by FlexxAeon (Post 18000642)
right here:

Code:
function doMobile(){
    if(pageWidth() < 600){
        mobile = true;
    } else if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i))) {
        mobile = true;   
    } else if((navigator.userAgent.match(/android/i))) {
        mobile = true;   
    } else {
        mobile = false;
    }
it's only checking for ipod, iphone, and android. but opera is a third party browser so those terms probably wouldn't be in its user agent string. should be more like:

Code:
function doMobile(){
    if(pageWidth() < 600){
        mobile = true;
    } else if((navigator.userAgent.match(/iPhone/i)) || (navigator.userAgent.match(/iPod/i)) || (navigator.userAgent.match(/android/i)) || (navigator.userAgent.match(/mobi/i)) || (navigator.userAgent.match(/mobile/i)) || (navigator.userAgent.match(/blackberry/i))) {
        mobile = true; 
    } else {
        mobile = false;
    }
you can see where i added more user agent strings for it to check for. there's a shitload of them that you can be checking for. google around for "mobile user agents" and you'll see what i mean.

mchacal 03-23-2011 09:40 PM
still loading too small, I checked the sizes and there is nothing over 320 pixels so unless opera is smaller than that I don't understand why the pages is displaying wider

FlexxAeon 03-23-2011 09:57 PM
Quote:
Originally Posted by mchacal (Post 18000681)
still loading too small, I checked the sizes and there is nothing over 320 pixels so unless opera is smaller than that I don't understand why the pages is displaying wider
drop me an email (in sig) with some more details or screenshots if possible. i think we've hijacked this thread enough :1orglaugh

sorry gallerypost for the thread jack. :upsidedow

mchacal 03-23-2011 10:21 PM
email sent and also sorry for the thread jacking


All times are GMT -7. The time now is 01:28 AM.

Powered by vBulletin® Version 3.8.8
Copyright ©2000 - 2026, vBulletin Solutions, Inc.
©2000-, AI Media Network Inc123