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

[Kolbi]

Is it possible that this doesn?t work?

<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=XX\">iPhone Style</a>")
    }
</script>

[CR_TurboGuy]

Originally Posted by SnapOff Racing

Thanks Josh that worked but I noticed that it changes both the username/date/times section AND the thread title link. Is there a way to make just the thread title link bigger than the username/date/time part? Also there is no way to use just the <li> code because then that screws up the format. So definitely gonna stick with your code but I just wanna know if there is a way to change ONLY the username/date/time text size and not the thread title AND the username/date/time size.

Thanks!

Right, as both are links within a inline li, which the css styles as defined. I suppose you could brute force the size for that part by using the following code:

<div class="smallfont" style="text-align:$stylevar[right]; white-space:nowrap"><a href="showthread.php?$session[sessionurl]p=$thread[lastpostid]$thread[highlight]#post$thread[lastpostid]">
<font size="2">
$vbphrase[by] $thread[lastposter]: $thread[lastpostdate]
<if condition="!$show['detailedtime']"><span class="time">$thread[lastposttime]</span></if> <img class="inlineimg" src="$stylevar[imgdir_button]/lastpost.gif" alt="$vbphrase[go_to_last_post]" border="0" /></a></font>
</div>

--JOsh

[CR_TurboGuy]

Originally Posted by Kolbi

Is it possible that this doesn?t work?

<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=XX\">iPhone Style</a>")
    }
</script>

What are you trying to do w/ the above code, detect an iPhone/iPod browser? I don't know if that works or not, as I'm currently using Dartho's mobile device detector/router plugin.

--JOsh

[SnapOff Racing]

Originally Posted by CR_TurboGuy

Right, as both are links within a inline li, which the css styles as defined. I suppose you could brute force the size for that part by using the following code:

<div class="smallfont" style="text-align:$stylevar[right]; white-space:nowrap"><a href="showthread.php?$session[sessionurl]p=$thread[lastpostid]$thread[highlight]#post$thread[lastpostid]">
<font size="2">
$vbphrase[by] $thread[lastposter]: $thread[lastpostdate]
<if condition="!$show['detailedtime']"><span class="time">$thread[lastposttime]</span></if> <img class="inlineimg" src="$stylevar[imgdir_button]/lastpost.gif" alt="$vbphrase[go_to_last_post]" border="0" /></a></font>
</div>

--JOsh

Right on pimpin that worked perfect! Thanks! :up:

[Trana]

I have this installed and everytime I click on a link in the page I go back to the page that says portal view is disabled click here if you are not forwarded.

I have my forum installed in /forum.

Any ideas what I am doing wrong?

[CR_TurboGuy]

Originally Posted by Trana

I have this installed and everytime I click on a link in the page I go back to the page that says portal view is disabled click here if you are not forwarded.

I have my forum installed in /forum.

Any ideas what I am doing wrong?

There's nothing in this skin that would do this. Did you add some other mod for that?

--JOsh

[Coop1979]

NM, I'm dumb.

[choccyclaire]

There is an error in this style whereby there are two gradient files it tries to locate which are non existent or you have not provided us uploads for. One is a bg and one is a tcat.

[rrudeboy]

i can't figure why this style (which is great) allows for scrolling to the left, which it should not..

[Byggahus]

I have installed this mod on http://www.byggahus.se/forum?styleid=16 and am planning to use it as our iPhone skin. However I cannot view the style (?styleid=16) as a non-administrator (members or guests). Where do I change the authorization for a style? I am using vBSEO, can that have to with it?