Mobile skin

[Locke]

Not so much of a bug as a request, but...when browsing on my Zune, IPB3 is terribly broken. It basically refuses to budge when clicking on anything, and occasionally crashes the browser. Now, with some patience the skin switcher [i]usually[/i] works (the mobile skin has some minor issues, but they can be overlooked considering that the Zune uses IE ), but sometimes forces me to quit and try again. Is there anyway, say, a plugin could be used to detect desktop/mobile browser use and switch automatically? Or perhaps have some tag on the URL (/mobile or m.forums.cybernations.net) that would allow the mobile skin to be specified without going through the forum interface? It'd sure save me a lot of trouble trying to get the thing to work.

[Michael von Prussia]

I support the idea of a mobile skin. IPB3 has a 'lite' skin that works exceptionally well, though it lacks some features. As for detecting mobile browsers, it can be done with a simple JavaScript function that's used on a lot of sites with a separate mobile interface.

[Diablofan]

In the Look and Feel tab in the IP.Board ACP, you can set skins to certain user agents. Click the drop down next to the skin you want to edit, select Manage User Agent Mapping, then fill out the details on the page.

I'm not sure what gets filled out in there but a simple google search will be able to tell you I believe.

[Chocolate Cookies]

[quote name='Michael von Prussia' timestamp='1287722241' post='2490422']
I support the idea of a mobile skin. IPB3 has a 'lite' skin that works exceptionally well, though it lacks some features. As for detecting mobile browsers, it can be done with a simple JavaScript function that's used on a lot of sites with a separate mobile interface.
[/quote]

There already is a Mobile skin. His problem is that while using a Zune, it doesn't default to the mobile skin.

I use an iPhone and it defaults to the mobile skin. There must be some setting somewhere that a forum admin can change to have a Zune default to the mobile skin.

[Locke]

[quote name='Michael von Prussia' timestamp='1287722241' post='2490422']
I support the idea of a mobile skin. IPB3 has a 'lite' skin that works exceptionally well, though it lacks some features. As for detecting mobile browsers, it can be done with a simple JavaScript function that's used on a lot of sites with a separate mobile interface.
[/quote]
As I said in the OP, there is one (with some IE bugs, but it runs at least). One thing I noticed is that profile pictures are used in place of avatars next to posts; I can't chalk up to broken tech, is that a mistake or a feature?

[quote name='Chocolate Cookies' timestamp='1287776901' post='2490749']
There already is a Mobile skin. His problem is that while using a Zune, it doesn't default to the mobile skin.

I use an iPhone and it defaults to the mobile skin. There must be some setting somewhere that a forum admin can change to have a Zune default to the mobile skin.
[/quote]
There is a setting, as was mentioned here:[quote name='Diablofan' timestamp='1287722839' post='2490428']In the Look and Feel tab in the IP.Board ACP, you can set skins to certain user agents. Click the drop down next to the skin you want to edit, select Manage User Agent Mapping, then fill out the details on the page.[/quote]Zune's user agent is: Mozilla/4.0 (compatible; MSIE 6.0; Windows CE; IEMobile 6.12; Microsoft ZuneHD 4.5)

[Diablofan]

[quote name='Locke' timestamp='1287813083' post='2491118']
I can't chalk up to broken tech, is that a mistake or a feature?
[/quote]
I believe that is a feature because profile pics are mainly static images and are relatively small. Not many people I've seen use gifs for profile pictures and those who do are few and far wide.

[Vivi]

I'm looking into this.

[Locke]

[quote name='Vivi' timestamp='1287818748' post='2491139']
I'm looking into this.
[/quote]
Well, if you figure it out, shoot me the details, I've been trying it over at SOS団 without much luck.

[Diablofan]

[quote name='Locke' timestamp='1287836492' post='2491185']
Well, if you figure it out, shoot me the details, I've been trying it over at SOS団 without much luck.
[/quote]The SOS Boards does not have a mobile skin because it uses 3.0.5 and the CN forums uses 3.1.2. The closest thing to the Mobile Skin for 3.0.5 is the IP.Board Lite skin.

[Vivi]

Try accessing the forums on your Zune again.

[Locke]

Pardon for lack of quotage, not available in mobile.
@DF: I realize, I was trying to set UAM for Lite. Couldn't get it to recognize the Zune, nor could I make the URL tag system work.
@Vivi: Seems to be working, though an IE bug makes the login screen impossible to get to by clicking, needed to dig up the direct link. I'm only barely HTML literate, but I'll look at the source when I can get on a computer and see if I can spot any issues, though it's probably the Zune's fault, not the code. <.<

[Locke]

Wow, looking at the mobile skin on the computer, Zune really massacres it. ._. Anyway, the issue is in here...somewhere:
[code]<script type="text/javascript" >
var LOADING_TEMPLATE = new Template( "<div id='loadingBox'><img src='http://forums.cybernations.net/public/style_images/mobile/wait.gif' /><span>Loading...</span></div>" );

</script>
<!--Remove if you don't want touch devices-->
<script type="text/javascript" src="http://forums.cybernations.net/public/js/mobile_touch.js"></script>
<link rel="stylesheet" type="text/css" media="print" href="http://forums.cybernations.net/public/style_css/css_3/ipb_print.css" />
<link rel="stylesheet" type="text/css" media='screen' href="http://forums.cybernations.net/public/min/index.php?f=public/style_css/css_3/ipb_reset.css,public/style_css/css_3/calendar_select.css,public/style_css/css_3/ipb_bbcode.css,public/style_css/css_3/ipb_editor.css,public/style_css/css_3/ipb_styles.css,public/style_css/css_3/lightbox.css" />

<!--[if lte IE 7]>
<link rel="stylesheet" type="text/css" title='Main' media="screen" href="http://forums.cybernations.net/public/style_css/css_3/ipb_ie.css" />
<![endif]-->
<!--Remove if you don't want touch devices-->
<link rel="stylesheet" type="text/css" title='Main' media="screen" href="http://forums.cybernations.net/public/style_css/mobile_touch.css" />
<!--<meta http-equiv="X-UA-Compatible" content="IE=7" />-->
[/code]
CSS/JS have always gone over my head though, though I [i]think[/i] it's this part in particular:
[code]<!--[if lte IE 7]>
<link rel="stylesheet" type="text/css" title='Main' media="screen" href="http://forums.cybernations.net/public/style_css/css_3/ipb_ie.css" />
<![endif]-->
[/code]
Namely that there's an issue in the IE CSS. In the skin, the button on the top right that brings a drop-down with the ability to access login, settings, messenger, etc. is underneath the click area for the forum link on the top left. Clicking anywhere in a rather large box on the top simply brings you back to the forum mainpage. Once I got the drop-down options to display, but it wasn't when I clicked anything, it was constant, and was due to nothing I did more than before. In other words, I have no idea what made it happen, it was broken when it did, and it doesn't want to come back.