[ABD] mTheme- iPhone/Mobile Optimized with device detect

For style authors to post and receive feedback on 3.0.x styles still in development. Any development styles you wish to use on your live board should be installed with caution!
Anti-Spam Guide
rippededge
Registered User
Posts: 209
Joined: Tue Dec 04, 2007 1:55 am

[ABD] mTheme- iPhone/Mobile Optimized with device detect

Post by rippededge » Tue Nov 18, 2008 2:33 am

This style optimizes your site for modern mobile browser, detects and automatically changes to theme with high navigability for touch screens and modern mobile browsers.

Version: 1.0

Includes:
Small mod script to detect mobile device and mTheme style.

Download here:
http://www.iphone-boards.com/forums/vie ... =16&p=5#p5
Last edited by rippededge on Sun Nov 23, 2008 10:33 pm, edited 1 time in total.

candysmall
Registered User
Posts: 416
Joined: Sun Sep 12, 2004 4:58 pm
Location: Boston, MA

Re: [RELEASE] mTheme- iPhone/Mobile Optimized with decive detect

Post by candysmall » Tue Nov 18, 2008 5:29 pm

Anyone try this? How is it with iPhone? Any demo?

rippededge
Registered User
Posts: 209
Joined: Tue Dec 04, 2007 1:55 am

Re: [RELEASE] mTheme- iPhone/Mobile Optimized with decive detect

Post by rippededge » Tue Nov 18, 2008 8:42 pm

candysmall wrote:Anyone try this? How is it with iPhone? Any demo?
Yeah, I made it so my forum runs on it. Check out http://www.iphone-boards.com on your iphone to see a demo, it was made for the iphone.

candysmall
Registered User
Posts: 416
Joined: Sun Sep 12, 2004 4:58 pm
Location: Boston, MA

Re: [RELEASE] mTheme- iPhone/Mobile Optimized with decive detect

Post by candysmall » Wed Nov 19, 2008 12:10 am

Real Nice! Trying this now!
rippededge wrote:
candysmall wrote:Anyone try this? How is it with iPhone? Any demo?
Yeah, I made it so my forum runs on it. Check out http://www.iphone-boards.com on your iphone to see a demo, it was made for the iphone.

candysmall
Registered User
Posts: 416
Joined: Sun Sep 12, 2004 4:58 pm
Location: Boston, MA

Re: [RELEASE] mTheme- iPhone/Mobile Optimized with decive detect

Post by candysmall » Wed Nov 19, 2008 1:02 am

Great!
I have a question... how can I change the colors on the theme? I know very little about css.

rippededge
Registered User
Posts: 209
Joined: Tue Dec 04, 2007 1:55 am

Re: [RELEASE] mTheme- iPhone/Mobile Optimized with decive detect

Post by rippededge » Wed Nov 19, 2008 4:50 am

candysmall wrote:Great!
I have a question... how can I change the colors on the theme? I know very little about css.
Well there are a few ways, but it mostly requires a large knowledge of CSS so if you request a color I can work on one for you. But No promises.

ALSO

This theme does not include any header image, I use has used a 400 x 100 image in place of the board name and we set the width to 100%. This fits the mobile browser and aligns with the forum.

Here is an example.

Open overall_header.html

Replace

Code: Select all

<a href="{U_INDEX}" title="{L_INDEX}" id="logo">{SITENAME}</a>
With

Code: Select all

<a href="http://www.ijockz.com/forumindex.php"><img src="style/imageset/logo.png" width="100%" alt="" title="iJockZ Logo" /></a>
Substitute your image for "style/imageset/logo.png"

This will add some customization to your site. Be sure to clear the boards cache when done.

candysmall
Registered User
Posts: 416
Joined: Sun Sep 12, 2004 4:58 pm
Location: Boston, MA

Re: [RELEASE] mTheme- iPhone/Mobile Optimized with decive detect

Post by candysmall » Thu Nov 20, 2008 3:43 am

Thanks! My board is http://www.NewEditionFanClub.com/board if you have time to view the color scheme. This is a wonderful mod!

PressureDrop
Registered User
Posts: 145
Joined: Sat Aug 23, 2003 8:58 pm
Contact:

Re: [RELEASE] mTheme- iPhone/Mobile Optimized with decive detect

Post by PressureDrop » Fri Nov 21, 2008 5:49 am

This is exactly what I searched for for a while! I likes it!

Irish John
Registered User
Posts: 1
Joined: Sun May 21, 2006 7:58 pm
Location: The Republic of Texas
Contact:

Re: [RELEASE] mTheme- iPhone/Mobile Optimized with decive detect

Post by Irish John » Sat Nov 22, 2008 8:20 pm

rippededge wrote:
candysmall wrote:Anyone try this? How is it with iPhone? Any demo?
Yeah, I made it so my forum runs on it. Check out http://www.iphone-boards.com on your iphone to see a demo, it was made for the iphone.
Your board is all jacked up. Can't access anything, and when I access it from the iPhone, it doesn't look any different.

Image

Workshed
Registered User
Posts: 3
Joined: Tue Sep 27, 2005 6:45 pm

Re: [RELEASE] mTheme- iPhone/Mobile Optimized with decive detect

Post by Workshed » Sun Nov 23, 2008 4:04 pm

That works great! Thank you very much :)

platinum_2007
Registered User
Posts: 1101
Joined: Tue Jul 22, 2008 2:47 am
Location: Nova Scotia, Canada

Re: [RELEASE] mTheme- iPhone/Mobile Optimized with decive detect

Post by platinum_2007 » Sun Nov 23, 2008 9:29 pm

here is a demo

Image

platinum_2007
Registered User
Posts: 1101
Joined: Tue Jul 22, 2008 2:47 am
Location: Nova Scotia, Canada

Re: [RELEASE] mTheme- iPhone/Mobile Optimized with decive detect

Post by platinum_2007 » Sun Nov 23, 2008 10:23 pm

I cant get this to work on my forum, it does everything rite until it completely loads. then it just goes back to normal.

like it starts zoomed in and then zooms out after it loads

rippededge
Registered User
Posts: 209
Joined: Tue Dec 04, 2007 1:55 am

Re: [RELEASE] mTheme- iPhone/Mobile Optimized with decive detect

Post by rippededge » Sun Nov 23, 2008 10:26 pm

Do have you made any edits to the theme files?

rippededge
Registered User
Posts: 209
Joined: Tue Dec 04, 2007 1:55 am

Re: [RELEASE] mTheme- iPhone/Mobile Optimized with decive detect

Post by rippededge » Sun Nov 23, 2008 10:28 pm

Irish John wrote:
rippededge wrote:
candysmall wrote:Anyone try this? How is it with iPhone? Any demo?
Yeah, I made it so my forum runs on it. Check out http://www.iphone-boards.com on your iphone to see a demo, it was made for the iphone.
Your board is all jacked up. Can't access anything, and when I access it from the iPhone, it doesn't look any different.

Image
You must have been visiting while I was making some modifications.

The theme available at iPhone-Boards.com only works on the iphone itself, it has some personal modifications to the theme. To view the public theme in actions visit http://www.ijockz.com/board on your mobile phone to view it without any modifications.

rippededge
Registered User
Posts: 209
Joined: Tue Dec 04, 2007 1:55 am

Re: [RELEASE] mTheme- iPhone/Mobile Optimized with device detect

Post by rippededge » Sun Nov 23, 2008 10:49 pm

There has been a slight update to the download. The only changed file is the overall_footer.html.

You can make these changes manually.

Simply replace the copyright div at the bottom with this
<div class="copyright"><a href="{U_INDEX}" title="{L_INDEX}">{SITENAME}</a> Mobile Forum<br />Powered by <a href="http://www.phpbb.com/">phpBB</a><br /> Theme by: <a href="http://www.iphone-boards.com/forums">iPhone Boards</a>
<!-- IF TRANSLATION_INFO --><br />{TRANSLATION_INFO}<!-- ENDIF -->
<!-- IF DEBUG_OUTPUT --><br />{DEBUG_OUTPUT}<!-- ENDIF -->
<!-- IF U_ACP --><br /><strong><a href="{U_ACP}">{L_ACP}</a></strong><!-- ENDIF -->
</div>
This will do two things, ad your sites name to the footer (and it will be centered) and change the copyright to the location of my iphone forum, which I would prefer.

If you don't understand how to make this change, download the mTheme package and replace styles>mTheme>template>overall_footer.html and purge your chache.

Enjoy.

Updates to come- registration page optimization and UCP optimization.

Locked

Return to “[3.0.x] Styles in Development”