iPhone / iPod Touch Optimized Skin

If you use my style, please click "Mark as Installed" in the Mod Information box -->

I made this Skin based on www.elforro.com colors and it has hardcoded CSS; so you would need to change some CSS values to match your forum style.

Many people ask me to share the style, so I did my best to make it as "default" as I could.

I spent a lot of time working on this skin, so if you decide to use it on your forums, PLEASE leave the "Design by:" legend. (it's only at the bottom)

Demo: http://www.elforro.com/index.php?styleid=15

( or go to www.elforro.com from your iPod / iPhone and click on the legend for the Optimized Skin )

-------
To show a message to all your iPod / iPhone users, you just need to add something like this in your navbar template (in your default style)

PHP Code:

<script type="text/javascript">
    if ((navigator.userAgent.indexOf('iPhone') != -1) || 
    (navigator.userAgent.indexOf('iPod') != -1)) {
        document.write("<a href=\"$_SERVER[PHP_SELF]?<if condition="$_SERVER['QUERY_STRING']">$_SERVER[QUERY_STRING]&amp;</if>styleid=[B]XX[/B]\">iPhone Style</a>")
    }
</script> 


(Change XX to your iPhone style number and write whatever you want instead of "iPhone Stlye")
--------


Screenshots: (Below the post)

You have to upload (and change the color/hue maybe) 4 PNG images in images/misc/ folder (included in the ZIP).

Please keep all of my copyright info in this style. Please do NOT redistibute this style on any other sites! (It's free!)


Or... Want to donate something? Paypal me at: sarceda@fibertel.com.ar :P

[dartho]

That sounds abour right - even just searching on type="submit" should get them all and add <input type="hidden" name="securitytoken" value="$bbuserinfo[securitytoken]" /> above or below it (just needs to be in teh same FORM block)

[BeerLuver]

Will do. Thanks again dartho

[BeerLuver]

OK, I'm a bit stuck on trying to edit this skin's colors & images. Mainly I am trying to get that navbar at the top to display correctly on the forum display, but it looks fine on the homepage and in a thread display. Here's two screenshots I took directly on my iPod Touch so you can see:


This is how it should look. The buttons are nicely inset into the navbar

But when I try to view a forum section, this is how it looks (assuming this is in relation to the forumdisplay template's code):

You can see the buttons are not lined up/overlayed properly and the navbar is too thin.

Does anyone have any clue as to what code I need to alter/fix to correct this display issue? OR what code would I put in to display the forum's title on the navbar maybe? So it says Showcase; like it says Thread on the other? Maybe that would fix the navbar height issue here.

[BeerLuver]

Also, I noticed there is no button to post a New Thread. Any ideas on how to add that to the forumdisplay? And any associated code in templates?

Kinda makes it difficult for viewers to post new threads then hehe.

And also, is there anyway to add the forum jump menu to the main page, forum display, and thread display layout? It seems the only place I've seen it show up is when you click the New Posts link and it shows up on the results page; which seems to be a search.php output.

[BeerLuver]

OK... I figured out how to add the Forum Jump menu to it. Figured I'd post it here for whomever wishes to do the same .

Edit the FORUMHOME, FORUMDISPLAY, & SHOWTHREAD templates:
=================================================
On each templates... scroll down to the bottom. Look for the $footer bit of codes, and just add this code above it:

<div class="smallfont" align=center style="text-align:$stylevar[center]; white-space:nowrap">
	<form action="forumdisplay.php" method="get">
	<input type="hidden" name="s" value="$session[sessionhash]" />
	<input type="hidden" name="daysprune" value="$daysprune" />
	<strong>$vbphrase[forum_jump]</strong><br />
	<select name="f" class="iphone_jump" onchange="this.form.submit();">
		<optgroup label="$vbphrase[site_areas]">
			<option value="cp" $frmjmpsel[usercp]>$vbphrase[user_control_panel]</option>
			<option value="pm" $frmjmpsel[pm]>$vbphrase[private_messages]</option>
			<option value="subs" $frmjmpsel[subs]>$vbphrase[subscriptions]</option>
			<option value="wol" $frmjmpsel[wol]>$vbphrase[whos_online]</option>
			<option value="search" $frmjmpsel[search]>$vbphrase[search_forums]</option>
			<option value="home" $frmjmpsel[home]>$vbphrase[forums_home]</option>
		</optgroup>
		<optgroup label="$vbphrase[forums]">
		$jumpforumbits
		</optgroup>
	</select>$gobutton
	</form>
</div>

I know it's supposed to work by just adding $forumjump which would pull this code from that template, but for some weird reason... it just would not work. So I simply added the code from the forumjump template; with centering the div as well, so it displays directly above the footer on the main forum page, the forums display page, and each thread display page. Handy for navigating & accessing areas of your forums for iPhone/Touch users then.

I'm gonna try adding a Return to Top link just above the forum jump aligned to the left side then so it's easier for iPhone/Touch users to navigate back to the top of the page without having to scroll all the way up. Saves time when viewing large threads, thread lists, etc.

[BeerLuver]

Originally Posted by BeerLuver

OK, I'm a bit stuck on trying to edit this skin's colors & images. Mainly I am trying to get that navbar at the top to display correctly on the forum display, but it looks fine on the homepage and in a thread display. Here's two screenshots I took directly on my iPod Touch so you can see:

http://www.mindwiped.com/pics/snap2.jpg
This is how it should look. The buttons are nicely inset into the navbar

But when I try to view a forum section, this is how it looks (assuming this is in relation to the forumdisplay template's code):

http://www.mindwiped.com/pics/snap1.jpg
You can see the buttons are not lined up/overlayed properly and the navbar is too thin.

Does anyone have any clue as to what code I need to alter/fix to correct this display issue? OR what code would I put in to display the forum's title on the navbar maybe? So it says Showcase; like it says Thread on the other? Maybe that would fix the navbar height issue here.

OK, I figured out this problem. If you go into the FORUMDISPLAY template, look for this code:

<div class="mobiletitle">

And add this code right BELOW it:

$foruminfo[title_clean]

That will resolve the issue of the thinner navbar issue I had previously.



=======================================
Hmmm... I tried adding a Back to Top link to the FORUMHOME, FORUMDISPLAY, & SHOWTHREAD templates... by adding these two lines of code:

Add this code right ABOVE the $header tag at the top:

<a name="top"></a>

then

Add this code directly above the $footer code; or directly above the forum jump menu div container if you added that from my above post:

<div align=right><a href="#top">Top</a></div>

And this works in normal browsers, but when I try to use the Top link in Safari on my iPod Touch, it doesn't work. Anyone have any clues as to why this is? Or if I put in the wrong code or something??

=======================================


I know this stuff is probably simple edits for a lot of your experienced/advanced coders, but for people like me who suck/hate coding hehe.... it's useful info for editing this excellent skin.

[Flugel]

I can't get the Reply button to work. It just takes me to the foot of the page with no entry form

[BeerLuver]

There's supposed to be a quick reply box there at the bottom Flugel. It's not there? Make sure your Quick Reply is enabled in the vBulletin Options > Message Posting and Editing Options area.

[Flugel]

Cool man, thanks. Just need to work on this New Thread button. Has anyone managed that yet?

[vbreal]

Originally Posted by BeerLuver

OK, I'm a bit stuck on trying to edit this skin's colors & images. Mainly I am trying to get that navbar at the top to display correctly on the forum display, but it looks fine on the homepage and in a thread display. Here's two screenshots I took directly on my iPod Touch so you can see:


This is how it should look. The buttons are nicely inset into the navbar

But when I try to view a forum section, this is how it looks (assuming this is in relation to the forumdisplay template's code):

You can see the buttons are not lined up/overlayed properly and the navbar is too thin.

Does anyone have any clue as to what code I need to alter/fix to correct this display issue? OR what code would I put in to display the forum's title on the navbar maybe? So it says Showcase; like it says Thread on the other? Maybe that would fix the navbar height issue here.

did u figure out how to change the forum colors ok?

Originally Posted by Flugel

Cool man, thanks. Just need to work on this New Thread button. Has anyone managed that yet?

 
<center><if condition="$show['newthreadlink']">
<a class="mobile_button" href="newthread.php?$session[sessionurl]do=newthread&amp;f=$foruminfo[forumid]" rel="nofollow">New Thread</a><else />&nbsp;</if></center>

^^^^thats what i used for new thread.

here is the code for return to top.

<A NAME="top">
right below
<div class="page-margin">

In the footer add:
<A HREF="#top">Return to Top</A>
right below 
$spacer_close
<!-- /content area table -->