Ehren Posted August 18, 2010 Share Posted August 18, 2010 Hi everyone, I'm proud to announce the release of Slate, which is a skin designed specifically for mobile devices. The skin is designed heavily around css3, including gradients, text shadows, rounded corners and animations - and has very few images. The layout is user-friendly, has been coded efficiently and provides an enhanced layout over the default mobile design which comes with 3.1.x. A dark version will be available soon. Update: Two new versions of the skin have been released: a light (white background with black text) and dark (black background with white text). 2 Send PM Link to comment Share on other sites More sharing options...
Oasismad Posted August 18, 2010 Share Posted August 18, 2010 Its a good idea but much like the ip board mobile skin it needs to be made in a variety of colours for instance if you run a sports based forum (which i do) when the team you support wears red its a massive no no to have a blue skin for instance. Will definitely pick this up at some-point if a red version becomes available Link to comment Share on other sites More sharing options...
Gaffney Posted August 18, 2010 Share Posted August 18, 2010 Looks really nice but a green version would suit me a lot better. Blue is the rival color of my sports team. Link to comment Share on other sites More sharing options...
TheRevTastic Posted August 18, 2010 Share Posted August 18, 2010 Then simply change the css, no images where used in this skin, the gradients were made with css3. Link to comment Share on other sites More sharing options...
nodle Posted August 18, 2010 Share Posted August 18, 2010 Great work Ehren! 1 Link to comment Share on other sites More sharing options...
Oasismad Posted August 18, 2010 Share Posted August 18, 2010 Then simply change the css, no images where used in this skin, the gradients were made with css3. So in that case it will be easy for Ehren to produce different coloured versions of the skin Link to comment Share on other sites More sharing options...
Gaffney Posted August 19, 2010 Share Posted August 19, 2010 I don't want to buy it, change the colors then find out that I don't like it green. How does it appear on android/blackberry or nokia phones ? Or other iphone browsers ? if anyone has tried looking at it on one of they phones ? Link to comment Share on other sites More sharing options...
Ehren Posted August 19, 2010 Author Share Posted August 19, 2010 The skin was designed only for iPhone. I haven't been able to find someone to check it with Android/blackberry. The skin's navigation is based on webkit animations, so if the browser isn't run by webkit, then it won't be usable in that browser. Instructions are provided with the download explaining how to target iPhone/iPod users only (which means other mobile users will be redirected to the original mobile skin, and will still be able to access the site). Link to comment Share on other sites More sharing options...
IanW Posted August 22, 2010 Share Posted August 22, 2010 Where can I see it to see if it works on Android? 1 Link to comment Share on other sites More sharing options...
Ehren Posted August 23, 2010 Author Share Posted August 23, 2010 What rendering engine does android use? The design will only work with webkit based browsers.. Link to comment Share on other sites More sharing options...
Sourliberty Posted August 23, 2010 Share Posted August 23, 2010 Wow, very nice. Just purchased! Any chance you can make this compatible with the PSP system's browser? I'm currently running a PlayStation community and beneficial for my members. There is currently no mobile IPB skin for the PSP system available yet. Plus, If IPBForumSkins doesn't have a PSP at their disposable, I'd be more than happy to send one in to be borrowed. I hope you take this in consideration. Thanks. Link to comment Share on other sites More sharing options...
Ehren Posted August 24, 2010 Author Share Posted August 24, 2010 This design will be updated over the next week or so, and should be compatible with most mobile devices including Android (instead of just iPhones). Do you know what browser/rendering engine PSP's use? Link to comment Share on other sites More sharing options...
Sourliberty Posted August 24, 2010 Share Posted August 24, 2010 Well the PSP's internet browser uses NetFront browser by Access Co. Specifically NetFront 2.81. The browser hasn't been updated in forever so it may be a challenge to make it compatible with IP.Board 3. Link to comment Share on other sites More sharing options...
sparklywater Posted August 24, 2010 Share Posted August 24, 2010 Thank you Ehren for your hard work on this skin. It looks really wonderful and easy to navigate. I would like to see this skin work for other mobile browsers, including Nokia browsers. I'm glad to hear that you will be updating this skin for other browsers. My Nokia (N97) uses 'BrowserNG, Version 7.1.4', it is being run on the Symbian operating system (Symbian OS S60 5th Edition). I will let you know if I find any other details. Link to comment Share on other sites More sharing options...
sparklywater Posted August 24, 2010 Share Posted August 24, 2010 I'm not sure if this helps you but in the IPB Admin control panel there is a list of browser User Agents which allows the automatic detection and mapping of skins to specific mobile users. You can take a look at this list of User Agents in: AdminCP > Tools & Settings > User Agent Management PS. I found that there was an error in this IPB list of user agents for Nokia browsers. The Regex value for Nokia browsers should be: ^Nokia[A-Za-z0-9] The default value that was in IPB didn't work for me, but when I changed to this regex value the skin loaded correctly in Nokia browsers. Link to comment Share on other sites More sharing options...
Ehren Posted August 24, 2010 Author Share Posted August 24, 2010 The skin will basically work with mobile browsers that: a. Support either css3, including moz and webkit prefixes b. Support HTML, css and javascript It will basically have the same support as the default mobile IPB skin has, but it'll have a customized design and different features. So if the current mobile design (IP.Board Mobile) works on your device, this skin should too. Link to comment Share on other sites More sharing options...
sparklywater Posted August 24, 2010 Share Posted August 24, 2010 This website might help you too; it lists the browser user agents used by different mobile phone types: http://wapedia.mobi/en/List_of_user_agents_for_mobile_phones Link to comment Share on other sites More sharing options...
sparklywater Posted August 24, 2010 Share Posted August 24, 2010 Is it possible to make the skin compatible with IP.Gallery? IPB's mobile skin / app is compatible with IP.Gallery: http://www.invisionpower.com/suite/iphone Link to comment Share on other sites More sharing options...
Ehren Posted August 24, 2010 Author Share Posted August 24, 2010 As far as I know, the default mobile skin isn't compatible with the gallery. The app allows you to upload photos to the gallery, but viewing isn't possible. Link to comment Share on other sites More sharing options...
Ehren Posted August 24, 2010 Author Share Posted August 24, 2010 Okay, I've just updated the design so it should be compatible with all webkit and gecko browsers.. Take a look at the demo page on your device and let me know if it works or not! http://www.ipbforumskins.com/premade/slate/index.php If it does work, let me know what phone you have so I can add it to my list. Link to comment Share on other sites More sharing options...
sparklywater Posted August 24, 2010 Share Posted August 24, 2010 I can confirm that it doesn't work properly on my Nokia phone. Link to comment Share on other sites More sharing options...
Ehren Posted August 24, 2010 Author Share Posted August 24, 2010 What sort of nokia is it? The design is aimed more towards phones which can correctly replicate full HTML/css sites (iPhone OS, Android, etc) - and it's simply a low-bandwidth and easy to navigate design for them. If the standard IP.Board Mobile skin doesn't work on your nokia, my skin won't either.. Link to comment Share on other sites More sharing options...
sparklywater Posted August 24, 2010 Share Posted August 24, 2010 Hi Ehren, Mine is one of the latest Nokia phones, Nokia N97, which uses the Symbian S60 5th Edition OS and 'BrowserNG' seems to be the name of the browser. I have found that this mobile browser is very good at loading webpages including full IPB HTML skins so it most definitely loads full HTML / CSS websites and in-fact can even load Javascript. The default IPB mobile skin does work on my Nokia's browser. But as I mentioned in a previous post, automatic detection of the browser only works after I correct the Regex value in the AdminCP 'User Agent Mapping' section: http://www.ipbforumskins.com/forums/index.php?/topic/2533-introducing-slate/page__view__findpost__p__12010 Link to comment Share on other sites More sharing options...
sparklywater Posted August 24, 2010 Share Posted August 24, 2010 Here you can see a screenshot of my phone perfectly displaying the IPBForumSkins forum site: Link to comment Share on other sites More sharing options...
Ehren Posted August 24, 2010 Author Share Posted August 24, 2010 Are you able to get a screenshot of what the mobile skin looks like? You'll need to select it from the bottom if you can only see the default skin. Does it look the same as the demo site does in Opera? (black headers, etc) That issue can be fixed if needed.. Link to comment Share on other sites More sharing options...
Recommended Posts