Need someone to build me a small mobile site

[gallerypost]

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]

bump for you

[Roby]

e-mail sent

[mchacal]

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]

That doesnt look like a mobile version dude... email me I'll see if I can help.

[FlexxAeon]

Originally Posted by mchacal

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]

Originally Posted by FlexxAeon

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]

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]

you can place it here in the JS:

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]

also, i know why they put:

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]

thanks bro very apreciated

[mchacal]

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]

Originally Posted by mchacal

thanks bro very apreciated

it's what i do

[FlexxAeon]

Originally Posted by mchacal

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]

right here:

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:

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]

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]

I'll try that

Originally Posted by FlexxAeon

right here:

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:

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]

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]

Originally Posted by mchacal

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

sorry gallerypost for the thread jack.

[mchacal]

email sent and also sorry for the thread jacking